项目微调

引入按需自动导入插件，避免开发人员显示导入vue的函数

frontend/src/views/home/components/table.vue

@@ -127,22 +127,12 @@
 </template>
 
 <script setup lang="tsx" name="useProTable">
-import { ref, reactive, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { User } from "@/api/interface";
 import { useHandleData } from "@/hooks/useHandleData";
-import { useDownload } from "@/hooks/useDownload";
 import { ElMessage, ElMessageBox } from "element-plus";
 import ProTable from "@/components/ProTable/index.vue";
-import ImportExcel from "@/components/ImportExcel/index.vue";
 import {
-  CirclePlus,
-  Delete,
-  EditPen,
-  Download,
-  Upload,
-  View,
-  Refresh,
   Search,
 } from "@element-plus/icons-vue";
 import { getPlanList } from "@/api/plan/planList";
@@ -544,9 +534,6 @@ defineExpose({ changeActiveTabs });
     width: 150px !important;
   }
 }
-// ::v-deep .el-select {
-//   width: 150px !important;
-// }
 
 .el-form {
   width: 100%;

frontend/src/views/home/components/tree.vue

@@ -30,7 +30,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, defineExpose, watch } from "vue";
 import { Menu,Platform} from "@element-plus/icons-vue";
 const emit = defineEmits(["jump"]);
 const data: any = ref([]);

frontend/src/views/home/index.vue

@@ -30,10 +30,9 @@
   </div> -->
 </template>
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
-import { useAuthStore } from "@/stores/modules/auth.ts";
+import { useAuthStore } from "@/stores/modules/auth";
 import model from "./tabs/model.vue";
 import dashboard from "./tabs/dashboard.vue";
 const authStore = useAuthStore();

frontend/src/views/home/tabs/dashboard.vue

@@ -83,14 +83,12 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, watch } from "vue";
 import { getStaticTreeData } from "@/api/plan/static";
 import pie from "@/components/echarts/pie/default.vue";
 import { useRouter } from "vue-router";
 import tree from "../components/tree.vue";
 import Table from "../components/table.vue";
 import { data } from "@/api/plan/static.json";
-import { Refresh, Search } from "@element-plus/icons-vue";
 const treeRef = ref();
 const form: any = ref({
   activeTabs: 0, //功能选择

frontend/src/views/home/tabs/model.vue

@@ -33,10 +33,9 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
-import { useAuthStore } from "@/stores/modules/auth.ts";
+import { useAuthStore } from "@/stores/modules/auth";
 const authStore = useAuthStore();
 const activeIndex = ref("1-1");
 const router = useRouter();
@@ -234,7 +233,7 @@ onMounted(() => {
     }
   }
 }
-::v-deep .el-sub-menu__title {
+:deep(.el-sub-menu__title) {
   border-bottom: 0 !important;
   outline: none !important;
 }

frontend/src/views/login/components/LoginForm.vue

@@ -53,7 +53,6 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { HOME_URL } from "@/config";
 import { getTimeState } from "@/utils";

frontend/src/views/login/index.vue

@@ -19,7 +19,6 @@
 
 <script setup lang="ts" name="login">
 import LoginForm from "./components/LoginForm.vue";
-import SwitchDark from "@/components/SwitchDark/index.vue";
 const title = import.meta.env.VITE_GLOB_APP_TITLE;
 </script>
 

frontend/src/views/machine/testScript/index.vue

@@ -2,7 +2,6 @@
 <div>检测脚本</div>
 </template>
 <script lang='ts' setup>
-import {ref,onMounted} from 'vue';
 onMounted(()=>{
 console.log()
 })

frontend/src/views/plan/detection/index.vue

@@ -2,7 +2,6 @@
   <div class="detection"></div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
 onMounted(() => {
   console.log();
 });

frontend/src/views/plan/planList/components/details.vue

@@ -105,7 +105,6 @@
   </el-dialog>
 </template>
 <script lang="ts" setup>
-import { ref,reactive,onMounted, defineExpose } from "vue";
 import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
 
 interface RuleForm {

frontend/src/views/plan/planList/index.vue

@@ -148,7 +148,6 @@
 </template>
 
 <script setup lang="tsx" name="useProTable">
-import { ref, reactive, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { User } from "@/api/interface";
 import { useHandleData } from "@/hooks/useHandleData";
@@ -452,7 +451,8 @@ onMounted(() => {
   width: 100%;
   height: calc(100vh - 165px);
 }
-::v-deep .el-select {
+
+:deep(.el-select) {
   width: 150px !important;
 }