From 970e6d703d0e10cfc7b6a7cc4fe4eae4391f2288 Mon Sep 17 00:00:00 2001
From: wangyufei <2267742828@qq.com>
Date: Sun, 7 Jul 2024 10:37:55 +0800
Subject: [PATCH] =?UTF-8?q?QMS=20=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                            | 1 +
 src/main.ts                             | 4 ++++
 src/views/qms/inspectionJob/addForm.vue | 6 +++---
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 5646cfe76..d99ee0b98 100644
--- a/package.json
+++ b/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",
diff --git a/src/main.ts b/src/main.ts
index 50255e0c3..48fb29001 100644
--- a/src/main.ts
+++ b/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;
diff --git a/src/views/qms/inspectionJob/addForm.vue b/src/views/qms/inspectionJob/addForm.vue
index 5242a93c4..c65bc1f1b 100644
--- a/src/views/qms/inspectionJob/addForm.vue
+++ b/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') {