mirror of
				https://github.com/pure-admin/vue-pure-admin.git
				synced 2025-11-03 13:44:47 +08:00 
			
		
		
		
	style: eslint code
This commit is contained in:
		
							parent
							
								
									a2b200f5f2
								
							
						
					
					
						commit
						e85f36b76e
					
				
							
								
								
									
										10
									
								
								src/App.vue
									
									
									
									
									
								
							
							
						
						
									
										10
									
								
								src/App.vue
									
									
									
									
									
								
							@ -5,9 +5,9 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
import { ElConfigProvider } from "element-plus"
 | 
			
		||||
import zhCn from "element-plus/lib/locale/lang/zh-cn"
 | 
			
		||||
import en from "element-plus/lib/locale/lang/en"
 | 
			
		||||
import { ElConfigProvider } from "element-plus";
 | 
			
		||||
import zhCn from "element-plus/lib/locale/lang/zh-cn";
 | 
			
		||||
import en from "element-plus/lib/locale/lang/en";
 | 
			
		||||
export default {
 | 
			
		||||
  name: "app",
 | 
			
		||||
  components: {
 | 
			
		||||
@ -18,9 +18,9 @@ export default {
 | 
			
		||||
    currentLocale() {
 | 
			
		||||
      switch (this.$storage.locale?.locale) {
 | 
			
		||||
        case "zh":
 | 
			
		||||
          return zhCn
 | 
			
		||||
          return zhCn;
 | 
			
		||||
        case "en":
 | 
			
		||||
          return en
 | 
			
		||||
          return en;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
@ -12,14 +12,7 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import {
 | 
			
		||||
  ref,
 | 
			
		||||
  unref,
 | 
			
		||||
  onBeforeMount,
 | 
			
		||||
  getCurrentInstance,
 | 
			
		||||
  nextTick,
 | 
			
		||||
  onUnmounted
 | 
			
		||||
} from "vue";
 | 
			
		||||
import { ref, unref, nextTick, onUnmounted } from "vue";
 | 
			
		||||
import flippers from "./Filpper";
 | 
			
		||||
 | 
			
		||||
import { templateRef } from "@vueuse/core";
 | 
			
		||||
 | 
			
		||||
@ -14,20 +14,12 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import {
 | 
			
		||||
  ref,
 | 
			
		||||
  unref,
 | 
			
		||||
  computed,
 | 
			
		||||
  defineComponent,
 | 
			
		||||
  onBeforeMount,
 | 
			
		||||
  getCurrentInstance
 | 
			
		||||
} from "vue";
 | 
			
		||||
import { ref, unref, computed, defineComponent, getCurrentInstance } from "vue";
 | 
			
		||||
import { useRoute } from "vue-router";
 | 
			
		||||
import { useSettingStoreHook } from "/@/store/modules/settings";
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
  name: "appMain",
 | 
			
		||||
  setup() {
 | 
			
		||||
    let vm: any;
 | 
			
		||||
    const keepAlive: Boolean = ref(
 | 
			
		||||
      getCurrentInstance().appContext.config.globalProperties.$config?.keepAlive
 | 
			
		||||
    );
 | 
			
		||||
 | 
			
		||||
@ -20,7 +20,11 @@
 | 
			
		||||
      >
 | 
			
		||||
        <img :src="currentLocale ? ch : en" />
 | 
			
		||||
      </div>
 | 
			
		||||
      <i class="el-icon-setting hsset" :title="$t('message.hssystemSet')" @click="onPanel"></i>
 | 
			
		||||
      <i
 | 
			
		||||
        class="el-icon-setting hsset"
 | 
			
		||||
        :title="$t('message.hssystemSet')"
 | 
			
		||||
        @click="onPanel"
 | 
			
		||||
      ></i>
 | 
			
		||||
      <!-- 退出登陆 -->
 | 
			
		||||
      <el-dropdown trigger="click">
 | 
			
		||||
        <span class="el-dropdown-link">
 | 
			
		||||
@ -29,10 +33,9 @@
 | 
			
		||||
        </span>
 | 
			
		||||
        <template #dropdown>
 | 
			
		||||
          <el-dropdown-menu>
 | 
			
		||||
            <el-dropdown-item
 | 
			
		||||
              icon="el-icon-switch-button"
 | 
			
		||||
              @click="logout"
 | 
			
		||||
            >{{ $t("message.hsLoginOut") }}</el-dropdown-item>
 | 
			
		||||
            <el-dropdown-item icon="el-icon-switch-button" @click="logout">
 | 
			
		||||
              {{ $t("message.hsLoginOut") }}
 | 
			
		||||
            </el-dropdown-item>
 | 
			
		||||
          </el-dropdown-menu>
 | 
			
		||||
        </template>
 | 
			
		||||
      </el-dropdown>
 | 
			
		||||
@ -68,6 +71,7 @@ export default defineComponent({
 | 
			
		||||
    Hamburger,
 | 
			
		||||
    screenfull
 | 
			
		||||
  },
 | 
			
		||||
  // @ts-ignore
 | 
			
		||||
  computed: {
 | 
			
		||||
    // eslint-disable-next-line vue/return-in-computed-property
 | 
			
		||||
    currentLocale() {
 | 
			
		||||
 | 
			
		||||
@ -14,7 +14,9 @@
 | 
			
		||||
        @mouseenter.prevent="onMouseenter(item, index)"
 | 
			
		||||
        @mouseleave.prevent="onMouseleave(item, index)"
 | 
			
		||||
      >
 | 
			
		||||
        <router-link :to="item.path" @click="tagOnClick(item)">{{ $t(item.meta.title) }}</router-link>
 | 
			
		||||
        <router-link :to="item.path" @click="tagOnClick(item)">
 | 
			
		||||
          {{ $t(item.meta.title) }}
 | 
			
		||||
        </router-link>
 | 
			
		||||
        <span
 | 
			
		||||
          v-if="
 | 
			
		||||
            ($route.path === item.path && index !== 0) ||
 | 
			
		||||
@ -38,7 +40,11 @@
 | 
			
		||||
        :style="{ left: buttonLeft + 'px', top: buttonTop + 'px' }"
 | 
			
		||||
        class="contextmenu"
 | 
			
		||||
      >
 | 
			
		||||
        <div v-for="(item, key) in tagsViews" :key="key" style="display: flex; align-items: center">
 | 
			
		||||
        <div
 | 
			
		||||
          v-for="(item, key) in tagsViews"
 | 
			
		||||
          :key="key"
 | 
			
		||||
          style="display: flex; align-items: center"
 | 
			
		||||
        >
 | 
			
		||||
          <li v-if="item.show" @click="selectTag(item, key)">
 | 
			
		||||
            <component :is="item.icon" :key="key" />
 | 
			
		||||
            {{ item.text }}
 | 
			
		||||
@ -131,6 +137,7 @@ export default {
 | 
			
		||||
        !this.$storage.routesInStorage ||
 | 
			
		||||
        this.$storage.routesInStorage.length === 0
 | 
			
		||||
      ) {
 | 
			
		||||
        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
 | 
			
		||||
        this.$storage.routesInStorage = routerArrays;
 | 
			
		||||
      }
 | 
			
		||||
      return this.$storage.routesInStorage;
 | 
			
		||||
@ -272,9 +279,6 @@ export default {
 | 
			
		||||
 | 
			
		||||
      if (tag === "other") {
 | 
			
		||||
        spliceRoute(1, 1, true);
 | 
			
		||||
        // Array.from([2]).forEach(v => {
 | 
			
		||||
        //   tagsViews.value[v].disabled = true;
 | 
			
		||||
        // });
 | 
			
		||||
      } else if (tag === "left") {
 | 
			
		||||
        spliceRoute(1, valueIndex - 1);
 | 
			
		||||
      } else if (tag === "right") {
 | 
			
		||||
@ -296,14 +300,6 @@ export default {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function deleteMenu(item, tag?: string) {
 | 
			
		||||
      // if (routerArrays.length === 2) {
 | 
			
		||||
      //   Array.from([1, 2, 3]).forEach(v => {
 | 
			
		||||
      //     tagsViews.value[v].disabled = true;
 | 
			
		||||
      //   });
 | 
			
		||||
      // }
 | 
			
		||||
      // if (routerArrays.length === 3) {
 | 
			
		||||
      //   tagsViews.value[2].disabled = true;
 | 
			
		||||
      // }
 | 
			
		||||
      deleteDynamicTag(item, route.path, tag);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
@ -442,6 +438,7 @@ export default {
 | 
			
		||||
        // 右键菜单不匹配当前路由,隐藏刷新
 | 
			
		||||
        tagsViews.value[0].show = false;
 | 
			
		||||
        showMenuModel(tag.path);
 | 
			
		||||
        // eslint-disable-next-line no-dupe-else-if
 | 
			
		||||
      } else if (st.routesInStorage.length === 2 && route.path !== tag.path) {
 | 
			
		||||
        showMenus(true);
 | 
			
		||||
        // 只有两个标签时不显示关闭其他标签页
 | 
			
		||||
 | 
			
		||||
@ -1,11 +1,11 @@
 | 
			
		||||
import defaultSettings from "../../settings"
 | 
			
		||||
import { defineStore } from "pinia"
 | 
			
		||||
import { store } from "/@/store"
 | 
			
		||||
import defaultSettings from "../../settings";
 | 
			
		||||
import { defineStore } from "pinia";
 | 
			
		||||
import { store } from "/@/store";
 | 
			
		||||
 | 
			
		||||
interface SettingState {
 | 
			
		||||
  title: string
 | 
			
		||||
  fixedHeader: boolean
 | 
			
		||||
  cachedPageList: string[]
 | 
			
		||||
  title: string;
 | 
			
		||||
  fixedHeader: boolean;
 | 
			
		||||
  cachedPageList: string[];
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export const useSettingStore = defineStore({
 | 
			
		||||
@ -18,25 +18,25 @@ export const useSettingStore = defineStore({
 | 
			
		||||
  }),
 | 
			
		||||
  getters: {
 | 
			
		||||
    getTitle() {
 | 
			
		||||
      return this.title
 | 
			
		||||
      return this.title;
 | 
			
		||||
    },
 | 
			
		||||
    getFixedHeader() {
 | 
			
		||||
      return this.fixedHeader
 | 
			
		||||
      return this.fixedHeader;
 | 
			
		||||
    }
 | 
			
		||||
  },
 | 
			
		||||
  actions: {
 | 
			
		||||
    CHANGE_SETTING({ key, value }) {
 | 
			
		||||
      // eslint-disable-next-line no-prototype-builtins
 | 
			
		||||
      if (this.hasOwnProperty(key)) {
 | 
			
		||||
        this[key] = value
 | 
			
		||||
        this[key] = value;
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    changeSetting(data) {
 | 
			
		||||
      this.CHANGE_SETTING(data)
 | 
			
		||||
      this.CHANGE_SETTING(data);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
})
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
export function useSettingStoreHook() {
 | 
			
		||||
  return useSettingStore(store)
 | 
			
		||||
  return useSettingStore(store);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user