QMS 问题

package.json

@@ -55,6 +55,7 @@
     "vue": "^3.3.4",
     "vue-dompurify-html": "^4.1.4",
     "vue-i18n": "^9.4.1",
+    "vue-next-focus": "^0.0.12",
     "vue-router": "^4.2.5",
     "vue-types": "^5.1.1",
     "vuedraggable": "^4.1.0",

src/main.ts

@@ -45,6 +45,9 @@ import VueDOMPurifyHTML from 'vue-dompurify-html' // 解决v-html 的安全隐
 import DataVVue3 from '@kjgl77/datav-vue3'
 import { useLocaleStore } from '@/store/modules/locale'
 
+import { vue_next_focus } from "vue-next-focus";
+
+
 // 创建实例
 const setupAll = async () => {
   const app = createApp(App)
@@ -67,6 +70,7 @@ const setupAll = async () => {
 
   app.use(VueDOMPurifyHTML)
   app.use(DataVVue3)
+  app.use( vue_next_focus )
 
   app.mount('#app')
   app.config.warnHandler = () => null;

src/views/qms/inspectionJob/addForm.vue

@@ -12,7 +12,7 @@
         </div>
         <el-tabs v-model="editableTabsValue" class="demo-tabs" @edit="handleTabsEdit" type="border-card"
           tab-position="left" :stretch="false">
-          <el-tab-pane v-for="item in data.subList" :key="item.name" :label="item.processDescribe" :name="item.name">
+          <el-tab-pane v-for="item in data.subList" :key="item.name" :label="item.processDescribe" :name="item.name" v-next-focus>
             <div class="small-title">检验工序</div>
             <el-form :model="item" label-width="auto" :rules="rules" ref="formProcessRef">
               <el-row :gutter="20">
@@ -415,7 +415,7 @@
       list = await InspectionJobDetailPageApi.getInspectionJobDetailList(row.id)
       data.value.packageList = await InspectionJobPackageApi.getInspectionJobPackageList(row.id)
       list.forEach((item, index) => {
-        editableTabsValue.value = index + 1
+        // editableTabsValue.value = index + 1
         item.name = index + 1
         item.inspectionJobCharacteristicsUpdateReqVO = item.inspectionJobCharacteristicsRespVO
 
@@ -523,7 +523,7 @@
   defineExpose({ open, dialogVisible, formLoading }) // 提供 open 方法，用于打开弹窗
   import type { TabPaneName } from 'element-plus'
 
-  const editableTabsValue = ref('1')
+  const editableTabsValue = ref(1)
   // const editableTabs = ref([])
   const handleTabsEdit = (targetName : TabPaneName | undefined, action : 'remove' | 'add') => {
     if (action === 'add') {