From 73ac7eb3b39e703663ff15f7fb40ca7095b88024 Mon Sep 17 00:00:00 2001
From: zhang_li <2235006734@qqq.com>
Date: Fri, 23 Aug 2024 14:08:34 +0800
Subject: [PATCH] =?UTF-8?q?HL-5471=E6=A3=80=E9=AA=8C=E5=B7=A5=E5=BA=8F?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E6=8B=96=E5=8A=A8=E7=A7=BB=E5=8A=A8=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/qms/inspectionScheme/addForm.vue   | 960 ++++++++++---------
 src/views/qms/inspectionTemplate/addForm.vue | 928 +++++++++---------
 2 files changed, 1013 insertions(+), 875 deletions(-)

diff --git a/src/views/qms/inspectionScheme/addForm.vue b/src/views/qms/inspectionScheme/addForm.vue
index 60d97c60a..e817d31bc 100644
--- a/src/views/qms/inspectionScheme/addForm.vue
+++ b/src/views/qms/inspectionScheme/addForm.vue
@@ -247,450 +247,450 @@
             </el-col> -->
           </el-row>
         </el-form>
-        <el-tabs
-          v-model="editableTabsValue"
-          closable
-          class="demo-tabs"
-          @edit="handleTabsEdit"
-          type="border-card"
-          tab-position="left"
-          :stretch="false"
-        >
-          <el-tab-pane
-            v-for="item in data.process"
-            :key="item.name"
-            :label="item.description"
-            :name="item.name"
-          >
-            <!-- <el-col :span="12">
-              <el-form-item label="动态修改规则" prop="dynamicUpdateCode">
-                <div style="display: flex; width: 100%">
-                  <el-input
-                    v-model="data.dynamicUpdateName"
-                    disabled
-                    placeholder="请选择动态修改规则"
-                  />
-                  <el-button
-                    type="info"
-                    plain
-                    style="width: 40px"
-                    @click="
-                      opensearchTable(
-                        'dynamicUpdateCode',
-                        null,
-                        '动态修改规则',
-                        DynamicRule.allSchemas,
-                        DynamicRuleApi.getDynamicRulePage,
-                        [
-                          {
-                            key: 'available',
-                            value: 'TRUE',
-                            isMainValue: false
-                          }
-                        ],
-                        false,
-                        'main',
-                        data
-                      )
-                    "
-                    ><Icon icon="ep:search"
-                  /></el-button>
+        <div class="main-body">
+          <div class="left">
+            <!-- <div class="plus-icon" @click="handleTabsEdit('', 'add')">
+              <el-icon><Plus /></el-icon>
+            </div> -->
+            <draggable
+              :list="data.process"
+              :disabled="!data.enabled"
+              item-key="name"
+              ghost-class="ghost"
+              chosen-class="chosen"
+              animation="300"
+              @change="handleChange"
+            >
+              <template #item="{ element, index }">
+                <div
+                  class="tabs-label"
+                  :class="element.name == editableTabsValue ? 'active' : ''"
+                  @click.stop="chooseTabs(element, index)"
+                >
+                  <span>{{ element.description }}</span>
+                  <!-- <el-icon
+                    color="#67C23A"
+                    @click.stop="copy(element)"
+                    style="margin-left: 10px; margin-right: 10px"
+                    ><CopyDocument
+                  /></el-icon> -->
+                  <el-icon color="#409efc" @click.stop="handleTabsEdit(element.name, 'remove')"
+                    ><Close
+                  /></el-icon>
                 </div>
-              </el-form-item>
-            </el-col> -->
-            <div class="small-title">检验工序</div>
-            <el-form :model="item" label-width="auto" :rules="rules" ref="formProcessRef">
-              <el-row :gutter="20">
-                <el-col :span="12">
-                  <el-form-item label="编码" prop="code">
-                    <el-input v-model="item.code" placeholder="根据系统生成" :disabled="true" />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="检验方案模板编码">
-                    <el-input
-                      v-model="item.inspectionCode"
-                      placeholder="根据系统生成"
-                      :disabled="true"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="描述" prop="description">
-                    <el-input v-model="item.description" />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="顺序号" prop="sequenceCode">
-                    <el-input v-model="item.sequenceCode" />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="检验特性编码">
-                    <el-input
-                      v-model="item.inspectionCharCode"
-                      placeholder="根据系统生成"
-                      :disabled="true"
-                    />
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </el-form>
-            <div class="small-title">检验特性</div>
-            <el-form :model="item" label-width="auto" :rules="rules" ref="formFeaturesRef">
-              <el-row :gutter="20">
-                <el-col :span="12">
-                  <el-form-item label="编码">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.code"
-                      placeholder="根据系统生成"
-                      :disabled="true"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="描述" prop="inspectionCharacteristicsBaseVO.description">
-                    <el-input v-model="item.inspectionCharacteristicsBaseVO.description" />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    label="检验方法"
-                    prop="inspectionCharacteristicsBaseVO.inspectionMethodCode"
-                  >
-                    <div style="display: flex; width: 100%">
-                      <el-input
-                        v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodCode"
-                        placeholder="请选择检验方法"
-                        @blur="
-                          onBlur(
-                            'inspectionMethod',
-                            InspectionMethodApi.getInspectionMethodPage,
-                            item
-                          )
-                        "
-                        @focus="onFocus"
-                      />
-                      <el-button
-                        type="info"
-                        plain
-                        style="width: 40px"
-                        @click="
-                          opensearchTable(
-                            'inspectionMethodCode',
-                            null,
-                            '检验方法',
-                            InspectionMethod.allSchemas,
-                            InspectionMethodApi.getInspectionMethodPage,
-                            [
-                              {
-                                key: 'available',
-                                value: 'TRUE',
-                                isMainValue: false
-                              }
-                            ],
-                            false,
-                            'features',
-                            item
-                          )
-                        "
-                        ><Icon icon="ep:search"
-                      /></el-button>
-                    </div>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    label="检验方法描述"
-                    prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
-                  >
-                    <div style="display: flex; width: 100%">
-                      <el-input
-                        v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
-                        disabled
-                        placeholder="请选择检验方法"
-                      />
-                    </div>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    label="采样过程"
-                    prop="inspectionCharacteristicsBaseVO.samplingProcessCode"
-                  >
-                    <div style="display: flex; width: 100%">
-                      <el-input
-                        v-model="item.inspectionCharacteristicsBaseVO.samplingProcessCode"
-                        placeholder="请选择采样过程"
-                        @blur="
-                          onBlur('samplingProcess', SamplingProcessApi.getSamplingProcessPage, item)
-                        "
-                        @focus="onFocus"
-                      />
-                      <el-button
-                        type="info"
-                        plain
-                        style="width: 40px"
-                        @click="
-                          opensearchTable(
-                            'samplingProcessCode',
-                            null,
-                            '采样过程',
-                            SamplingProcess.allSchemas,
-                            SamplingProcessApi.getSamplingProcessPage,
-                            [
-                              {
-                                key: 'available',
-                                value: 'TRUE',
-                                isMainValue: false
-                              }
-                            ],
-                            false,
-                            'features',
-                            item
-                          )
-                        "
-                        ><Icon icon="ep:search"
-                      /></el-button>
-                    </div>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    label="采样过程描述"
-                    prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
-                  >
-                    <div style="display: flex; width: 100%">
-                      <el-input
-                        v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
-                        disabled
-                        placeholder="请选择采样过程描述"
-                      />
-                    </div>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    label="是否允许修改特征值"
-                    prop="inspectionCharacteristicsBaseVO.isCanUpdate"
-                  >
-                    <el-switch
-                      v-model="item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                      disabled
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    label="结果录入方式"
-                    prop="inspectionCharacteristicsBaseVO.resultEntryMethod"
-                  >
-                    <el-select
-                      v-model="item.inspectionCharacteristicsBaseVO.resultEntryMethod"
-                      placeholder="请选择结果录入方式"
+              </template>
+            </draggable>
+          </div>
+          <div class="right">
+            <div v-for="(item, index) in data.process" :key="index">
+              <div v-show="item.name == editableTabsValue">
+                <div class="small-title">检验工序</div>
+                <el-form :model="item" label-width="auto" :rules="rules" ref="formProcessRef">
+                  <el-row :gutter="20">
+                    <el-col :span="12">
+                      <el-form-item label="编码" prop="code">
+                        <el-input v-model="item.code" placeholder="根据系统生成" :disabled="true" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item label="检验方案模板编码">
+                        <el-input
+                          v-model="item.inspectionCode"
+                          placeholder="根据系统生成"
+                          :disabled="true"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item label="描述" prop="description">
+                        <el-input v-model="item.description" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item label="顺序号" prop="sequenceCode">
+                        <el-input v-model="item.sequenceCode" disabled/>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item label="检验特性编码">
+                        <el-input
+                          v-model="item.inspectionCharCode"
+                          placeholder="根据系统生成"
+                          :disabled="true"
+                        />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-form>
+                <div class="small-title">检验特性</div>
+                <el-form :model="item" label-width="auto" :rules="rules" ref="formFeaturesRef">
+                  <el-row :gutter="20">
+                    <el-col :span="12">
+                      <el-form-item label="编码">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.code"
+                          placeholder="根据系统生成"
+                          :disabled="true"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item label="描述" prop="inspectionCharacteristicsBaseVO.description">
+                        <el-input v-model="item.inspectionCharacteristicsBaseVO.description" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="检验方法"
+                        prop="inspectionCharacteristicsBaseVO.inspectionMethodCode"
+                      >
+                        <div style="display: flex; width: 100%">
+                          <el-input
+                            v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodCode"
+                            placeholder="请选择检验方法"
+                            @blur="
+                              onBlur(
+                                'inspectionMethod',
+                                InspectionMethodApi.getInspectionMethodPage,
+                                item
+                              )
+                            "
+                            @focus="onFocus"
+                          />
+                          <el-button
+                            type="info"
+                            plain
+                            style="width: 40px"
+                            @click="
+                              opensearchTable(
+                                'inspectionMethodCode',
+                                null,
+                                '检验方法',
+                                InspectionMethod.allSchemas,
+                                InspectionMethodApi.getInspectionMethodPage,
+                                [
+                                  {
+                                    key: 'available',
+                                    value: 'TRUE',
+                                    isMainValue: false
+                                  }
+                                ],
+                                false,
+                                'features',
+                                item
+                              )
+                            "
+                            ><Icon icon="ep:search"
+                          /></el-button>
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="检验方法描述"
+                        prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
+                      >
+                        <div style="display: flex; width: 100%">
+                          <el-input
+                            v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
+                            disabled
+                            placeholder="请选择检验方法"
+                          />
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="采样过程"
+                        prop="inspectionCharacteristicsBaseVO.samplingProcessCode"
+                      >
+                        <div style="display: flex; width: 100%">
+                          <el-input
+                            v-model="item.inspectionCharacteristicsBaseVO.samplingProcessCode"
+                            placeholder="请选择采样过程"
+                            @blur="
+                              onBlur(
+                                'samplingProcess',
+                                SamplingProcessApi.getSamplingProcessPage,
+                                item
+                              )
+                            "
+                            @focus="onFocus"
+                          />
+                          <el-button
+                            type="info"
+                            plain
+                            style="width: 40px"
+                            @click="
+                              opensearchTable(
+                                'samplingProcessCode',
+                                null,
+                                '采样过程',
+                                SamplingProcess.allSchemas,
+                                SamplingProcessApi.getSamplingProcessPage,
+                                [
+                                  {
+                                    key: 'available',
+                                    value: 'TRUE',
+                                    isMainValue: false
+                                  }
+                                ],
+                                false,
+                                'features',
+                                item
+                              )
+                            "
+                            ><Icon icon="ep:search"
+                          /></el-button>
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="采样过程描述"
+                        prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
+                      >
+                        <div style="display: flex; width: 100%">
+                          <el-input
+                            v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
+                            disabled
+                            placeholder="请选择采样过程描述"
+                          />
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="是否允许修改特征值"
+                        prop="inspectionCharacteristicsBaseVO.isCanUpdate"
+                      >
+                        <el-switch
+                          v-model="item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                          disabled
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="结果录入方式"
+                        prop="inspectionCharacteristicsBaseVO.resultEntryMethod"
+                      >
+                        <el-select
+                          v-model="item.inspectionCharacteristicsBaseVO.resultEntryMethod"
+                          placeholder="请选择结果录入方式"
+                        >
+                          <el-option
+                            v-for="dict in getStrDictOptions(
+                              DICT_TYPE.INSPECTION_CHARACTERISTICS_RESULT_ENTRY
+                            )"
+                            :key="dict.value"
+                            :label="dict.label"
+                            :value="dict.value"
+                          />
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="特征类型"
+                        prop="inspectionCharacteristicsBaseVO.featureType"
+                      >
+                        <!-- <el-input v-model="item.featureType" /> -->
+                        <el-select
+                          v-model="item.inspectionCharacteristicsBaseVO.featureType"
+                          placeholder="请选择特征类型"
+                          @change="changeFeatureType($event, item)"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                        >
+                          <el-option
+                            v-for="dict in getStrDictOptions(
+                              DICT_TYPE.INSPECTION_CHARACTERISTICS_FEATURE_TYPE
+                            )"
+                            :key="dict.value"
+                            :label="dict.label"
+                            :value="dict.value"
+                          />
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                      <el-form-item
+                        label="计量单位"
+                        prop="inspectionCharacteristicsBaseVO.quantifyUom"
+                      >
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyUom"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                      <el-form-item
+                        label="小数位"
+                        prop="inspectionCharacteristicsBaseVO.quantifyDecimal"
+                      >
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyDecimal"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                      <el-form-item
+                        label="是否设定上限"
+                        prop="inspectionCharacteristicsBaseVO.quantifyIsCapping"
+                      >
+                        <el-switch
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyIsCapping"
+                          @change="changeIsCapping($event, item)"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                      <el-form-item
+                        prop="inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
+                        label="是否设定下限"
+                      >
+                        <el-switch
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
+                          @change="changeLowlimit($event, item)"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                      <el-form-item
+                        prop="inspectionCharacteristicsBaseVO.quantifyIsTarget"
+                        label="是否设定目标值"
+                      >
+                        <el-switch
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyIsTarget"
+                          @change="changeIsTarget($event, item)"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col
+                      :span="12"
+                      v-if="
+                        item.inspectionCharacteristicsBaseVO.featureType == 0 &&
+                        item.inspectionCharacteristicsBaseVO.quantifyIsCapping
+                      "
                     >
-                      <el-option
-                        v-for="dict in getStrDictOptions(
-                          DICT_TYPE.INSPECTION_CHARACTERISTICS_RESULT_ENTRY
-                        )"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="dict.value"
-                      />
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item label="特征类型" prop="inspectionCharacteristicsBaseVO.featureType">
-                    <!-- <el-input v-model="item.featureType" /> -->
-                    <el-select
-                      v-model="item.inspectionCharacteristicsBaseVO.featureType"
-                      placeholder="请选择特征类型"
-                      @change="changeFeatureType($event, item)"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                    >
-                      <el-option
-                        v-for="dict in getStrDictOptions(
-                          DICT_TYPE.INSPECTION_CHARACTERISTICS_FEATURE_TYPE
-                        )"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="dict.value"
-                      />
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                  <el-form-item label="计量单位" prop="inspectionCharacteristicsBaseVO.quantifyUom">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyUom"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                  <el-form-item
-                    label="小数位"
-                    prop="inspectionCharacteristicsBaseVO.quantifyDecimal"
-                  >
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyDecimal"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                  <el-form-item
-                    label="是否设定上限"
-                    prop="inspectionCharacteristicsBaseVO.quantifyIsCapping"
-                  >
-                    <el-switch
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyIsCapping"
-                      @change="changeIsCapping($event, item)"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                  <el-form-item
-                    prop="inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
-                    label="是否设定下限"
-                  >
-                    <el-switch
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
-                      @change="changeLowlimit($event, item)"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                  <el-form-item
-                    prop="inspectionCharacteristicsBaseVO.quantifyIsTarget"
-                    label="是否设定目标值"
-                  >
-                    <el-switch
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyIsTarget"
-                      @change="changeIsTarget($event, item)"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col
-                  :span="12"
-                  v-if="
-                    item.inspectionCharacteristicsBaseVO.featureType == 0 &&
-                    item.inspectionCharacteristicsBaseVO.quantifyIsCapping
-                  "
-                >
-                  <el-form-item
-                    label="上限值"
-                    prop="inspectionCharacteristicsBaseVO.quantifyCapping"
-                  >
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyCapping"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                      type="number"
-                    />
-                  </el-form-item>
-                </el-col>
+                      <el-form-item
+                        label="上限值"
+                        prop="inspectionCharacteristicsBaseVO.quantifyCapping"
+                      >
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyCapping"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                          type="number"
+                        />
+                      </el-form-item>
+                    </el-col>
 
-                <el-col
-                  :span="12"
-                  v-if="
-                    item.inspectionCharacteristicsBaseVO.featureType == 0 &&
-                    item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit
-                  "
-                >
-                  <el-form-item
-                    label="下限值"
-                    prop="inspectionCharacteristicsBaseVO.quantifyLowlimit"
-                  >
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyLowlimit"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                      type="number"
-                    />
-                  </el-form-item>
-                </el-col>
+                    <el-col
+                      :span="12"
+                      v-if="
+                        item.inspectionCharacteristicsBaseVO.featureType == 0 &&
+                        item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit
+                      "
+                    >
+                      <el-form-item
+                        label="下限值"
+                        prop="inspectionCharacteristicsBaseVO.quantifyLowlimit"
+                      >
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyLowlimit"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                          type="number"
+                        />
+                      </el-form-item>
+                    </el-col>
 
-                <el-col
-                  :span="12"
-                  v-if="
-                    item.inspectionCharacteristicsBaseVO.featureType == 0 &&
-                    item.inspectionCharacteristicsBaseVO.quantifyIsTarget
-                  "
-                >
-                  <el-form-item
-                    label="目标值"
-                    prop="inspectionCharacteristicsBaseVO.quantifyTarget"
-                  >
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyTarget"
-                      :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                      type="number"
-                    />
-                  </el-form-item>
-                </el-col>
+                    <el-col
+                      :span="12"
+                      v-if="
+                        item.inspectionCharacteristicsBaseVO.featureType == 0 &&
+                        item.inspectionCharacteristicsBaseVO.quantifyIsTarget
+                      "
+                    >
+                      <el-form-item
+                        label="目标值"
+                        prop="inspectionCharacteristicsBaseVO.quantifyTarget"
+                      >
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyTarget"
+                          :disabled="!item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                          type="number"
+                        />
+                      </el-form-item>
+                    </el-col>
 
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
-                  <el-form-item
-                    label="选定集"
-                    prop="inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
-                  >
-                    <div style="display: flex; width: 100%">
-                      <el-input
-                        v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
-                        placeholder="请选择选定集"
-                        @blur="onBlur('quantifyQuantify', SelectedSetApi.getSelectedSetPage, item)"
-                        @focus="onFocus"
-                      />
-                      <el-button
-                        type="info"
-                        plain
-                        style="width: 40px"
-                        @click="
-                          opensearchTable(
-                            'quantifyQuantifyCode',
-                            null,
-                            '选定集',
-                            SelectedSet.allSchemas,
-                            SelectedSetApi.getSelectedSetPage,
-                            [
-                              {
-                                key: 'available',
-                                value: 'TRUE',
-                                isMainValue: false
-                              }
-                            ],
-                            false,
-                            'features',
-                            item
-                          )
-                        "
-                        v-if="item.inspectionCharacteristicsBaseVO.isCanUpdate"
-                        ><Icon icon="ep:search"
-                      /></el-button>
-                    </div>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
-                  <el-form-item
-                    label="选定集描述"
-                    prop="inspectionCharacteristicsBaseVO.quantifyQuantifyName"
-                  >
-                    <div style="display: flex; width: 100%">
-                      <el-input
-                        v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyName"
-                        disabled
-                        placeholder="请选择选定集描述"
-                      />
-                    </div>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </el-form>
-          </el-tab-pane>
-        </el-tabs>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
+                      <el-form-item
+                        label="选定集"
+                        prop="inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
+                      >
+                        <div style="display: flex; width: 100%">
+                          <el-input
+                            v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
+                            placeholder="请选择选定集"
+                            @blur="
+                              onBlur('quantifyQuantify', SelectedSetApi.getSelectedSetPage, item)
+                            "
+                            @focus="onFocus"
+                          />
+                          <el-button
+                            type="info"
+                            plain
+                            style="width: 40px"
+                            @click="
+                              opensearchTable(
+                                'quantifyQuantifyCode',
+                                null,
+                                '选定集',
+                                SelectedSet.allSchemas,
+                                SelectedSetApi.getSelectedSetPage,
+                                [
+                                  {
+                                    key: 'available',
+                                    value: 'TRUE',
+                                    isMainValue: false
+                                  }
+                                ],
+                                false,
+                                'features',
+                                item
+                              )
+                            "
+                            v-if="item.inspectionCharacteristicsBaseVO.isCanUpdate"
+                            ><Icon icon="ep:search"
+                          /></el-button>
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
+                      <el-form-item
+                        label="选定集描述"
+                        prop="inspectionCharacteristicsBaseVO.quantifyQuantifyName"
+                      >
+                        <div style="display: flex; width: 100%">
+                          <el-input
+                            v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyName"
+                            disabled
+                            placeholder="请选择选定集描述"
+                          />
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-form>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <template #footer>
         <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" :key="count" />
@@ -739,6 +739,8 @@ import { DynamicRule } from '@/views/qms/dynamicRule/dynamicRule.data' //动态
 import * as SelectedSetApi from '@/api/qms/selectedSet' //选择集
 import { SelectedSet } from '@/views/qms/selectedSet/selectedSet.data' //选择集
 import { validateInteger, validateMaxNumber5, validateTwoNum } from '@/utils/validator'
+import { Plus, Close, CopyDocument } from '@element-plus/icons-vue'
+import draggable from 'vuedraggable'
 
 const message = useMessage() // 消息弹窗
 
@@ -785,6 +787,8 @@ const formFeaturesRef = ref()
 const formProcessRef = ref()
 
 const data = ref({
+  enabled: true,
+  dragging: false,
   code: '',
   itemCode: '',
   version: '',
@@ -876,7 +880,7 @@ const rules = ref({
 })
 const isShowField = ref(0) //是否显示aql和检验水平字段 0隐藏 大于0显示
 /** 打开弹窗 */
-let tabIndex = 1
+const sequenceCode = ref(0)
 const open = async (type: string, row?: any, masterParmas?: any, titleName?: any) => {
   dialogVisible.value = true
   if (titleName) {
@@ -888,6 +892,8 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
   isShowField.value = 0 //设置isShowField == 0隐藏aql和检验水平字段
   if (row) {
     data.value = JSON.parse(JSON.stringify(row))
+    data.value.enabled = true
+    data.value.dragging = false
     // 如果点击复制进入
     if (formType.value == 'create') {
       data.value.id = ''
@@ -996,6 +1002,8 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
     }
   } else {
     data.value = {
+      enabled: true,
+      dragging: false,
       code: '',
       itemCode: '',
       version: '',
@@ -1014,8 +1022,7 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
       process: []
     }
   }
-
-  tabIndex = data.value.process.length + 1
+  sequenceCode.value = data.value.process.length + 1
 }
 defineExpose({ open, dialogVisible, formLoading }) // 提供 open 方法，用于打开弹窗
 import type { TabPaneName } from 'element-plus'
@@ -1027,6 +1034,7 @@ const handleTabsEdit = (targetName: TabPaneName | undefined, action: 'remove' |
   if (action === 'add') {
     nameForm.value.name = ''
     dialogVisibleName.value = true
+    sequenceCode.value = data.value.process.length + 1
   } else if (action === 'remove') {
     const tabs = data.value.process
     let activeName = editableTabsValue.value
@@ -1042,6 +1050,9 @@ const handleTabsEdit = (targetName: TabPaneName | undefined, action: 'remove' |
     }
     editableTabsValue.value = activeName
     data.value.process = tabs.filter((tab) => tab.name !== targetName)
+     data.value.process.forEach((item, index) => {
+      item.sequenceCode = index + 1
+    })
   }
 }
 /** 修改名称时间 */
@@ -1051,8 +1062,11 @@ const buttonBaseClick1 = (val) => {
     if (!nameRef.value) return
     nameRef.value.validate((valid, fields) => {
       if (valid) {
-        const newTabName = `${++tabIndex}`
-        data.value.process.push({
+         let newTabName = 1
+        if (data.value.process && data.value.process.length > 0) {
+          newTabName = data.value.process[data.value.process.length - 1].name + 1
+        }
+        let obj = {
           description: nameForm.value.name,
           name: newTabName,
           inspectionCode: '',
@@ -1078,9 +1092,8 @@ const buttonBaseClick1 = (val) => {
             quantifyDecimal: '',
             quantifyQuantifyCode: ''
           }
-        })
-        console.log(data.value.process)
-
+        }
+        data.value.process.push(obj)
         editableTabsValue.value = newTabName
         dialogVisibleName.value = false
       } else {
@@ -1449,7 +1462,7 @@ const changeIsTarget = (e, item) => {
   }
 }
 // 物料失去焦点校验
-const onItemBlur= async (field, pageApi, item) => {
+const onItemBlur = async (field, pageApi, item) => {
   const dataObj = item ? item.inspectionCharacteristicsBaseVO : data.value
   if (dataObj[field + 'Code']) {
     const _searchCondition = {}
@@ -1546,6 +1559,16 @@ const onFocus = () => {
   ]
   count.value++
 }
+const chooseTabs = (element, index) => {
+  if (element.name == editableTabsValue.value) return
+  editableTabsValue.value = element.name
+}
+const handleChange = (e) => {
+  editableTabsValue.value = e.moved.element.name
+  data.value.process.forEach((item, index) => {
+    item.sequenceCode = index + 1
+  })
+}
 </script>
 <style scoped>
 .small-title {
@@ -1554,6 +1577,47 @@ const onFocus = () => {
   color: #1a8bfc;
   font-size: 16px;
 }
+.main-body {
+  display: flex;
+  .left {
+    width: 200px;
+    background: rgb(245, 247, 250);
+    border: 1px solid rgb(220, 223, 230);
+    min-height: 60px;
+    position: relative;
+    padding: 6px 0px;
+    .plus-icon {
+      cursor: pointer;
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      border: 1px solid rgb(220, 223, 230);
+      background: rgb(245, 247, 250);
+      display: flex;
+      align-items: center;
+      justify-items: center;
+      padding: 1px;
+    }
+  }
+}
+.tabs-label {
+  padding: 4px 20px 4px 20px;
+  min-height: 30px;
+  justify-content: flex-end;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  word-break: break-all;
+}
+.active {
+  background: white;
+}
+.right {
+  border: 1px solid rgb(220, 223, 230);
+  flex: 1;
+  width: 0px;
+  padding: 20px;
+}
 </style>
 <style>
 .el-tabs--left .el-tabs__header.is-left {
diff --git a/src/views/qms/inspectionTemplate/addForm.vue b/src/views/qms/inspectionTemplate/addForm.vue
index fcaec61fe..9c8d1a81e 100644
--- a/src/views/qms/inspectionTemplate/addForm.vue
+++ b/src/views/qms/inspectionTemplate/addForm.vue
@@ -75,48 +75,59 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-tabs
-        v-model="editableTabsValue"
-        editable
-        class="demo-tabs"
-        @edit="handleTabsEdit"
-        type="border-card"
-        tab-position="left"
-        :stretch="false"
-      >
-        <el-tab-pane
-          v-for="item in data.process"
-          :key="item.name"
-          :label="item.description"
-          :name="item.name"
-        >
-          <template #label>
-            <span class="custom-tabs-label" style="display: flex; align-items: center">
-              <span>{{ item.description }}</span>
-              <Icon
-                icon="ep:document-copy"
-                color="#67C23A"
-                style="margin-left: 10px"
-                @click.stop="copy(item)"
-              />
-            </span>
-          </template>
-          <div class="small-title">检验工序</div>
-          <!-- <Form
+      <div class="main-body">
+        <div class="left">
+          <div class="plus-icon" @click="handleTabsEdit('', 'add')">
+            <el-icon><Plus /></el-icon>
+          </div>
+          <draggable
+            :list="data.process"
+            :disabled="!data.enabled"
+            item-key="name"
+            ghost-class="ghost"
+            chosen-class="chosen"
+            animation="300"
+            @change="handleChange"
+          >
+            <template #item="{ element, index }">
+              <div
+                class="tabs-label"
+                :class="element.name == editableTabsValue ? 'active' : ''"
+                @click.stop="chooseTabs(element, index)"
+              >
+                <span>{{ element.description }}</span>
+                <el-icon
+                  color="#67C23A"
+                  @click.stop="copy(element)"
+                  style="margin-left: 10px; margin-right: 10px"
+                  ><CopyDocument
+                /></el-icon>
+                <el-icon color="#409efc" @click.stop="handleTabsEdit(element.name, 'remove')"
+                  ><Close
+                /></el-icon>
+              </div>
+            </template>
+          </draggable>
+        </div>
+        <div class="right">
+          <div v-for="(item, index) in data.process" :key="index">
+            <div v-show="item.name == editableTabsValue">
+              <div class="small-title">检验工序</div>
+              <!-- <Form
             :ref="`formRefProcess`+index"
             :schema="formAllSchemasProcess"
             :is-col="true"
             labelWidth="150px"
             :rules="rules"
           /> -->
-          <el-form :model="item" label-width="auto" :rules="rules" ref="formProcessRef">
-            <el-row :gutter="20">
-              <el-col :span="12" v-if="item.code">
-                <el-form-item label="编码" prop="code">
-                  <el-input v-model="item.code" placeholder="根据系统生成" :disabled="true" />
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
+              <el-form :model="item" label-width="auto" :rules="rules" ref="formProcessRef">
+                <el-row :gutter="20">
+                  <el-col :span="12" v-if="item.code">
+                    <el-form-item label="编码" prop="code">
+                      <el-input v-model="item.code" placeholder="根据系统生成" :disabled="true" />
+                    </el-form-item>
+                  </el-col>
+                  <!-- <el-col :span="12">
                 <el-form-item label="检验方案模板">
                   <el-input
                     v-model="item.inspectionCode"
@@ -125,17 +136,17 @@
                   />
                 </el-form-item>
               </el-col> -->
-              <el-col :span="12">
-                <el-form-item label="描述" prop="description">
-                  <el-input v-model="item.description" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="顺序号" prop="sequenceCode">
-                  <el-input v-model="item.sequenceCode" type="number" />
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
+                  <el-col :span="12">
+                    <el-form-item label="描述" prop="description">
+                      <el-input v-model="item.description" />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="顺序号" prop="sequenceCode">
+                      <el-input v-model="item.sequenceCode" type="number" disabled="true" />
+                    </el-form-item>
+                  </el-col>
+                  <!-- <el-col :span="12">
                 <el-form-item label="检验特性">
                   <el-input
                     v-model="item.inspectionCharCode"
@@ -144,364 +155,375 @@
                   />
                 </el-form-item>
               </el-col> -->
-            </el-row>
-          </el-form>
-          <div class="small-title">检验特性</div>
-          <el-form :model="item" label-width="auto" :rules="rules" ref="formFeaturesRef">
-            <el-row :gutter="20">
-              <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.code">
-                <el-form-item label="编码">
-                  <el-input
-                    v-model="item.inspectionCharacteristicsBaseVO.code"
-                    placeholder="根据系统生成"
-                    :disabled="true"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="描述" prop="inspectionCharacteristicsBaseVO.description">
-                  <el-input v-model="item.inspectionCharacteristicsBaseVO.description" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="检验方法编码"
-                  prop="inspectionCharacteristicsBaseVO.inspectionMethodCode"
-                >
-                  <div style="display: flex; width: 100%">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodCode"
-                      placeholder="请选择检验方法编码"
-                      @blur="
-                        onBlur(
-                          'inspectionMethod',
-                          InspectionMethodApi.getInspectionMethodPage,
-                          item
-                        )
-                      "
-                      @focus="onFocus"
-                    />
-                    <el-button
-                      type="info"
-                      plain
-                      style="width: 40px"
-                      @click="
-                        opensearchTable(
-                          'inspectionMethodCode',
-                          null,
-                          '检验方法',
-                          InspectionMethod.allSchemas,
-                          InspectionMethodApi.getInspectionMethodPage,
-                          [
-                            {
-                              key: 'available',
-                              value: 'TRUE',
-                              isMainValue: false
-                            }
-                          ],
-                          false,
-                          'features',
-                          item
-                        )
-                      "
-                      ><Icon icon="ep:search"
-                    /></el-button>
-                  </div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="检验方法描述"
-                  prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
-                >
-                  <div style="display: flex; width: 100%">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
-                      disabled
-                      placeholder="请选择检验方法"
-                    />
-                  </div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="采样过程编码"
-                  prop="inspectionCharacteristicsBaseVO.samplingProcessCode"
-                >
-                  <div style="display: flex; width: 100%">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.samplingProcessCode"
-                      placeholder="请选择采样过程"
-                      @blur="
-                        onBlur('samplingProcess', SamplingProcessApi.getSamplingProcessPage, item)
-                      "
-                      @focus="onFocus"
-                    />
-                    <el-button
-                      type="info"
-                      plain
-                      style="width: 40px"
-                      @click="
-                        opensearchTable(
-                          'samplingProcessCode',
-                          null,
-                          '采样过程',
-                          SamplingProcess.allSchemas,
-                          SamplingProcessApi.getSamplingProcessPage,
-                          [
-                            {
-                              key: 'available',
-                              value: 'TRUE',
-                              isMainValue: false
-                            }
-                          ],
-                          false,
-                          'features',
-                          item
-                        )
-                      "
-                      ><Icon icon="ep:search"
-                    /></el-button>
-                  </div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="采样过程描述"
-                  prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
-                >
-                  <div style="display: flex; width: 100%">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
-                      disabled
-                      placeholder="请选择采样过程描述"
-                    />
-                  </div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="是否允许修改特征值"
-                  prop="inspectionCharacteristicsBaseVO.isCanUpdate"
-                >
-                  <el-switch v-model="item.inspectionCharacteristicsBaseVO.isCanUpdate" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="结果录入方式"
-                  prop="inspectionCharacteristicsBaseVO.resultEntryMethod"
-                >
-                  <el-select
-                    v-model="item.inspectionCharacteristicsBaseVO.resultEntryMethod"
-                    placeholder="请选择结果录入方式"
+                </el-row>
+              </el-form>
+              <div class="small-title">检验特性</div>
+              <el-form :model="item" label-width="auto" :rules="rules" ref="formFeaturesRef">
+                <el-row :gutter="20">
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.code">
+                    <el-form-item label="编码">
+                      <el-input
+                        v-model="item.inspectionCharacteristicsBaseVO.code"
+                        placeholder="根据系统生成"
+                        :disabled="true"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="描述" prop="inspectionCharacteristicsBaseVO.description">
+                      <el-input v-model="item.inspectionCharacteristicsBaseVO.description" />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="检验方法编码"
+                      prop="inspectionCharacteristicsBaseVO.inspectionMethodCode"
+                    >
+                      <div style="display: flex; width: 100%">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodCode"
+                          placeholder="请选择检验方法编码"
+                          @blur="
+                            onBlur(
+                              'inspectionMethod',
+                              InspectionMethodApi.getInspectionMethodPage,
+                              item
+                            )
+                          "
+                          @focus="onFocus"
+                        />
+                        <el-button
+                          type="info"
+                          plain
+                          style="width: 40px"
+                          @click="
+                            opensearchTable(
+                              'inspectionMethodCode',
+                              null,
+                              '检验方法',
+                              InspectionMethod.allSchemas,
+                              InspectionMethodApi.getInspectionMethodPage,
+                              [
+                                {
+                                  key: 'available',
+                                  value: 'TRUE',
+                                  isMainValue: false
+                                }
+                              ],
+                              false,
+                              'features',
+                              item
+                            )
+                          "
+                          ><Icon icon="ep:search"
+                        /></el-button>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="检验方法描述"
+                      prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
+                    >
+                      <div style="display: flex; width: 100%">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
+                          disabled
+                          placeholder="请选择检验方法"
+                        />
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="采样过程编码"
+                      prop="inspectionCharacteristicsBaseVO.samplingProcessCode"
+                    >
+                      <div style="display: flex; width: 100%">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.samplingProcessCode"
+                          placeholder="请选择采样过程"
+                          @blur="
+                            onBlur(
+                              'samplingProcess',
+                              SamplingProcessApi.getSamplingProcessPage,
+                              item
+                            )
+                          "
+                          @focus="onFocus"
+                        />
+                        <el-button
+                          type="info"
+                          plain
+                          style="width: 40px"
+                          @click="
+                            opensearchTable(
+                              'samplingProcessCode',
+                              null,
+                              '采样过程',
+                              SamplingProcess.allSchemas,
+                              SamplingProcessApi.getSamplingProcessPage,
+                              [
+                                {
+                                  key: 'available',
+                                  value: 'TRUE',
+                                  isMainValue: false
+                                }
+                              ],
+                              false,
+                              'features',
+                              item
+                            )
+                          "
+                          ><Icon icon="ep:search"
+                        /></el-button>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="采样过程描述"
+                      prop="inspectionCharacteristicsBaseVO.inspectionMethodName"
+                    >
+                      <div style="display: flex; width: 100%">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.inspectionMethodName"
+                          disabled
+                          placeholder="请选择采样过程描述"
+                        />
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="是否允许修改特征值"
+                      prop="inspectionCharacteristicsBaseVO.isCanUpdate"
+                    >
+                      <el-switch v-model="item.inspectionCharacteristicsBaseVO.isCanUpdate" />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="结果录入方式"
+                      prop="inspectionCharacteristicsBaseVO.resultEntryMethod"
+                    >
+                      <el-select
+                        v-model="item.inspectionCharacteristicsBaseVO.resultEntryMethod"
+                        placeholder="请选择结果录入方式"
+                      >
+                        <el-option
+                          v-for="dict in getStrDictOptions(
+                            DICT_TYPE.INSPECTION_CHARACTERISTICS_RESULT_ENTRY
+                          )"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      label="特征类型"
+                      prop="inspectionCharacteristicsBaseVO.featureType"
+                    >
+                      <!-- <el-input v-model="item.featureType" /> -->
+                      <el-select
+                        v-model="item.inspectionCharacteristicsBaseVO.featureType"
+                        placeholder="请选择特征类型"
+                        @change="changeFeatureType($event, item)"
+                      >
+                        <el-option
+                          v-for="dict in getStrDictOptions(
+                            DICT_TYPE.INSPECTION_CHARACTERISTICS_FEATURE_TYPE
+                          )"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                    <el-form-item
+                      label="计量单位"
+                      prop="inspectionCharacteristicsBaseVO.quantifyUom"
+                    >
+                      <el-select
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyUom"
+                        placeholder="请选择结果录入方式"
+                      >
+                        <el-option
+                          v-for="dict in getStrDictOptions(DICT_TYPE.UOM)"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                    <el-form-item
+                      label="小数位"
+                      prop="inspectionCharacteristicsBaseVO.quantifyDecimal"
+                    >
+                      <el-input
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyDecimal"
+                        type="number"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                    <el-form-item
+                      label="是否设定上限"
+                      prop="inspectionCharacteristicsBaseVO.quantifyIsCapping"
+                    >
+                      <el-switch
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyIsCapping"
+                        @change="changeIsCapping($event, item)"
+                      />
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                    <el-form-item
+                      prop="inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
+                      label="是否设定下限"
+                    >
+                      <el-switch
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
+                        @change="changeLowlimit($event, item)"
+                      />
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
+                    <el-form-item
+                      prop="inspectionCharacteristicsBaseVO.quantifyIsTarget"
+                      label="是否设定目标值"
+                    >
+                      <el-switch
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyIsTarget"
+                        @change="changeIsTarget($event, item)"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col
+                    :span="12"
+                    v-if="
+                      item.inspectionCharacteristicsBaseVO.featureType == 0 &&
+                      item.inspectionCharacteristicsBaseVO.quantifyIsCapping
+                    "
                   >
-                    <el-option
-                      v-for="dict in getStrDictOptions(
-                        DICT_TYPE.INSPECTION_CHARACTERISTICS_RESULT_ENTRY
-                      )"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="特征类型" prop="inspectionCharacteristicsBaseVO.featureType">
-                  <!-- <el-input v-model="item.featureType" /> -->
-                  <el-select
-                    v-model="item.inspectionCharacteristicsBaseVO.featureType"
-                    placeholder="请选择特征类型"
-                    @change="changeFeatureType($event, item)"
+                    <el-form-item
+                      label="上限值"
+                      prop="inspectionCharacteristicsBaseVO.quantifyCapping"
+                    >
+                      <el-input
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyCapping"
+                        type="number"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col
+                    :span="12"
+                    v-if="
+                      item.inspectionCharacteristicsBaseVO.featureType == 0 &&
+                      item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit
+                    "
                   >
-                    <el-option
-                      v-for="dict in getStrDictOptions(
-                        DICT_TYPE.INSPECTION_CHARACTERISTICS_FEATURE_TYPE
-                      )"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="计量单位"
-                  prop="inspectionCharacteristicsBaseVO.quantifyUom"
-                  v-if="item.inspectionCharacteristicsBaseVO.featureType == 0"
-                >
-                  <el-select
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyUom"
-                    placeholder="请选择结果录入方式"
+                    <el-form-item
+                      label="下限值"
+                      prop="inspectionCharacteristicsBaseVO.quantifyLowlimit"
+                    >
+                      <el-input
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyLowlimit"
+                        type="number"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col
+                    :span="12"
+                    v-if="
+                      item.inspectionCharacteristicsBaseVO.featureType == 0 &&
+                      item.inspectionCharacteristicsBaseVO.quantifyIsTarget
+                    "
                   >
-                    <el-option
-                      v-for="dict in getStrDictOptions(DICT_TYPE.UOM)"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="小数位"
-                  prop="inspectionCharacteristicsBaseVO.quantifyDecimal"
-                  v-if="item.inspectionCharacteristicsBaseVO.featureType == 0"
-                >
-                  <el-input
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyDecimal"
-                    type="number"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                <el-form-item
-                  label="是否设定上限"
-                  prop="inspectionCharacteristicsBaseVO.quantifyIsCapping"
-                >
-                  <el-switch
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyIsCapping"
-                    @change="changeIsCapping($event, item)"
-                  />
-                </el-form-item>
-              </el-col>
-
-              <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                <el-form-item
-                  prop="inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
-                  label="是否设定下限"
-                >
-                  <el-switch
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit"
-                    @change="changeLowlimit($event, item)"
-                  />
-                </el-form-item>
-              </el-col>
-
-              <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 0">
-                <el-form-item
-                  prop="inspectionCharacteristicsBaseVO.quantifyIsTarget"
-                  label="是否设定目标值"
-                >
-                  <el-switch
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyIsTarget"
-                    @change="changeIsTarget($event, item)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col
-                :span="12"
-                v-if="
-                  item.inspectionCharacteristicsBaseVO.featureType == 0 &&
-                  item.inspectionCharacteristicsBaseVO.quantifyIsCapping
-                "
-              >
-                <el-form-item label="上限值" prop="inspectionCharacteristicsBaseVO.quantifyCapping">
-                  <el-input
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyCapping"
-                    type="number"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col
-                :span="12"
-                v-if="
-                  item.inspectionCharacteristicsBaseVO.featureType == 0 &&
-                  item.inspectionCharacteristicsBaseVO.quantifyIsLowlimit
-                "
-              >
-                <el-form-item
-                  label="下限值"
-                  prop="inspectionCharacteristicsBaseVO.quantifyLowlimit"
-                >
-                  <el-input
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyLowlimit"
-                    type="number"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col
-                :span="12"
-                v-if="
-                  item.inspectionCharacteristicsBaseVO.featureType == 0 &&
-                  item.inspectionCharacteristicsBaseVO.quantifyIsTarget
-                "
-              >
-                <el-form-item label="目标值" prop="inspectionCharacteristicsBaseVO.quantifyTarget">
-                  <el-input
-                    v-model="item.inspectionCharacteristicsBaseVO.quantifyTarget"
-                    type="number"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12"  v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
-                <el-form-item
-                  label="选定集"
-                  prop="inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
-                >
-                  <div style="display: flex; width: 100%">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
-                      placeholder="请选择选定集"
-                      @blur="onBlur('quantifyQuantify', SelectedSetApi.getSelectedSetPage, item)"
-                      @focus="onFocus"
-                    />
-                    <el-button
-                      type="info"
-                      plain
-                      style="width: 40px"
-                      @click="
-                        opensearchTable(
-                          'quantifyQuantifyCode',
-                          null,
-                          '选定集',
-                          SelectedSet.allSchemas,
-                          SelectedSetApi.getSelectedSetPage,
-                          [
-                            {
-                              key: 'available',
-                              value: 'TRUE',
-                              isMainValue: false
-                            }
-                          ],
-                          false,
-                          'features',
-                          item
-                        )
-                      "
-                      ><Icon icon="ep:search"
-                    /></el-button>
-                  </div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
-                <el-form-item
-                  label="选定集描述"
-                  prop="inspectionCharacteristicsBaseVO.quantifyQuantifyName"
-                >
-                  <div style="display: flex; width: 100%">
-                    <el-input
-                      v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyName"
-                      disabled
-                      placeholder="请选择选定集描述"
-                    />
-                  </div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </el-tab-pane>
-      </el-tabs>
+                    <el-form-item
+                      label="目标值"
+                      prop="inspectionCharacteristicsBaseVO.quantifyTarget"
+                    >
+                      <el-input
+                        v-model="item.inspectionCharacteristicsBaseVO.quantifyTarget"
+                        type="number"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
+                    <el-form-item
+                      label="选定集"
+                      prop="inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
+                    >
+                      <div style="display: flex; width: 100%">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyCode"
+                          placeholder="请选择选定集"
+                          @blur="
+                            onBlur('quantifyQuantify', SelectedSetApi.getSelectedSetPage, item)
+                          "
+                          @focus="onFocus"
+                        />
+                        <el-button
+                          type="info"
+                          plain
+                          style="width: 40px"
+                          @click="
+                            opensearchTable(
+                              'quantifyQuantifyCode',
+                              null,
+                              '选定集',
+                              SelectedSet.allSchemas,
+                              SelectedSetApi.getSelectedSetPage,
+                              [
+                                {
+                                  key: 'available',
+                                  value: 'TRUE',
+                                  isMainValue: false
+                                }
+                              ],
+                              false,
+                              'features',
+                              item
+                            )
+                          "
+                          ><Icon icon="ep:search"
+                        /></el-button>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12" v-if="item.inspectionCharacteristicsBaseVO.featureType == 1">
+                    <el-form-item
+                      label="选定集描述"
+                      prop="inspectionCharacteristicsBaseVO.quantifyQuantifyName"
+                    >
+                      <div style="display: flex; width: 100%">
+                        <el-input
+                          v-model="item.inspectionCharacteristicsBaseVO.quantifyQuantifyName"
+                          disabled
+                          placeholder="请选择选定集描述"
+                        />
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
     <template #footer>
-      <ButtonBase
-        :Butttondata="Butttondata"
-        @button-base-click="buttonBaseClick"
-        :key="count"
-      />
+      <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" :key="count" />
     </template>
   </Dialog>
   <Dialog title="修改名称" v-model="dialogVisibleName" width="500px" :close-on-click-modal="false">
@@ -536,6 +558,8 @@ import * as DynamicRuleApi from '@/api/qms/dynamicRule' //动态修改规则
 import { DynamicRule } from '@/views/qms/dynamicRule/dynamicRule.data' //动态修改规则
 import * as SelectedSetApi from '@/api/qms/selectedSet' //选择集
 import { SelectedSet } from '@/views/qms/selectedSet/selectedSet.data' //选择集
+import { Plus, Close, CopyDocument } from '@element-plus/icons-vue'
+import draggable from 'vuedraggable'
 import {
   validateInteger,
   validateTwoNum,
@@ -587,6 +611,8 @@ const formFeaturesRef = ref()
 const formProcessRef = ref()
 
 const data = ref({
+  enabled: true,
+  dragging: false,
   code: '',
   description: '',
   version: '',
@@ -645,7 +671,7 @@ const rules = ref({
     { required: true, message: '请输入下限值', trigger: 'blur' }
   ],
   'inspectionCharacteristicsBaseVO.quantifyUom': [
-    { required: true, message: '请选择计量单位', trigger: 'blur' }
+    { required: true, message: '请选择计量单位', trigger: ['blur', 'change'] }
   ],
   'inspectionCharacteristicsBaseVO.quantifyDecimal': [
     { required: true, message: '请输入小数位', trigger: 'blur' },
@@ -658,7 +684,7 @@ const rules = ref({
 })
 
 /** 打开弹窗 */
-let tabIndex = 1
+const sequenceCode = ref(0)
 const open = async (type: string, row?: any, masterParmas?: any, titleName?: any) => {
   dialogVisible.value = true
   if (titleName) {
@@ -668,10 +694,11 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
   }
   formType.value = type
   if (row) {
-    console.log(row)
     // 如果点击复制进入
     if (formType.value == 'create') {
       data.value = {
+        enabled: true,
+        dragging: false,
         code: '',
         description: row.description,
         version: String(row.version),
@@ -734,6 +761,8 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
     } else {
       data.value = JSON.parse(JSON.stringify(row))
       data.value.version = String(data.value.version)
+      data.value.enabled = true
+      data.value.dragging = false
       let list = await InspectionProcessPageApi.getListByTempleteCode(row.code)
       editableTabsValue.value = '1'
       list.forEach((item, index) => {
@@ -759,6 +788,8 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
     }
   } else {
     data.value = {
+      enabled: true,
+      dragging: false,
       code: '',
       description: '',
       version: '',
@@ -769,7 +800,7 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
     rules.value['inspectionCharacteristicsBaseVO.quantifyTarget'][0].required = false
   }
 
-  tabIndex = data.value.process.length + 1
+  sequenceCode.value = data.value.process.length + 1
 }
 defineExpose({ open, dialogVisible, formLoading }) // 提供 open 方法，用于打开弹窗
 import type { TabPaneName } from 'element-plus'
@@ -781,6 +812,7 @@ const handleTabsEdit = (targetName: TabPaneName | undefined, action: 'remove' |
   if (action === 'add') {
     nameForm.value.name = ''
     dialogVisibleName.value = true
+    sequenceCode.value = data.value.process.length + 1
   } else if (action === 'remove') {
     const tabs = data.value.process
     let activeName = editableTabsValue.value
@@ -796,6 +828,9 @@ const handleTabsEdit = (targetName: TabPaneName | undefined, action: 'remove' |
     }
     editableTabsValue.value = activeName
     data.value.process = tabs.filter((tab) => tab.name !== targetName)
+    data.value.process.forEach((item, index) => {
+      item.sequenceCode = index + 1
+    })
   }
 }
 /** 修改名称时间 */
@@ -805,13 +840,16 @@ const buttonBaseClick1 = (val) => {
     if (!nameRef.value) return
     nameRef.value.validate((valid, fields) => {
       if (valid) {
-        const newTabName = `${++tabIndex}`
-        data.value.process.push({
+        let newTabName = 1
+        if (data.value.process && data.value.process.length > 0) {
+          newTabName = data.value.process[data.value.process.length - 1].name + 1
+        }
+        let obj = {
           description: nameForm.value.name,
           name: newTabName,
           inspectionCode: '',
           dynamicUpdateCode: '',
-          sequenceCode: '',
+          sequenceCode: sequenceCode.value,
           inspectionCharCode: '',
           inspectionCharacteristicsBaseVO: {
             inspectionMethodCode: '',
@@ -830,7 +868,8 @@ const buttonBaseClick1 = (val) => {
             quantifyDecimal: '',
             quantifyQuantifyCode: ''
           }
-        })
+        }
+        data.value.process.push(obj)
         rules.value['inspectionCharacteristicsBaseVO.quantifyCapping'][0].required = false
         rules.value['inspectionCharacteristicsBaseVO.quantifyLowlimit'][0].required = false
         rules.value['inspectionCharacteristicsBaseVO.quantifyTarget'][0].required = false
@@ -848,7 +887,6 @@ const buttonBaseClick1 = (val) => {
   }
 }
 const buttonBaseClick = (val) => {
-  console.log(val)
   // 保存
   if (val == 'save') {
     submitForm()
@@ -861,7 +899,7 @@ const buttonBaseClick = (val) => {
 // 传递给父类
 const emit = defineEmits(['submitForm', 'searchTableSuccess'])
 const validateForm = (formRef) => {
-  // console.log(TableBaseForm_Ref.value)
+  console.log(formRef)
   let _lists = formRef?.map((v) => v.validate())
   return Promise.all(_lists)
     .then(() => {
@@ -887,6 +925,7 @@ const submitForm = async () => {
     // 检验主表字段
     await validateForm(formProcessRef.value)
     await formMainRef.value.validate()
+    
     // 检验是否添加工序
     if (!data.value.process || data.value.process.length == 0) {
       message.error(`请添加工序`)
@@ -918,7 +957,6 @@ const submitForm = async () => {
       return
     }
     // 检验上限值,下限值,目标值小数位数不可以大于小数位
-    console.log(data.value.process)
     const arr1 = data.value.process.filter(
       (item) =>
         ((item.inspectionCharacteristicsBaseVO.quantifyIsCapping &&
@@ -970,7 +1008,6 @@ const submitForm = async () => {
               parseFloat(item.inspectionCharacteristicsBaseVO.quantifyTarget)))
       )
     })
-    console.log(99, arr2)
     if (arr2 && arr2.length > 0) {
       const str = arr2.map((item) => item.description).join(',')
       message.error(`${str}工序上限值应大于目标值大于下限值`)
@@ -983,9 +1020,7 @@ const submitForm = async () => {
       // 编辑
       emit('submitForm', formType.value, data)
     }
-  } catch {
-    console.log(111)
-  }
+  } catch {}
 }
 /** 弹窗按钮 */
 let Butttondata: any = []
@@ -1007,7 +1042,6 @@ const changeFeatureType = (e, item) => {
   item.inspectionCharacteristicsBaseVO.quantifyTarget = ''
   item.inspectionCharacteristicsBaseVO.quantifyQuantifyCode = ''
   item.inspectionCharacteristicsBaseVO.quantifyQuantifyName = ''
-  console.log(e)
   if (e) {
     rules.value['inspectionCharacteristicsBaseVO.quantifyQuantifyCode'][0].required = true
   } else {
@@ -1026,7 +1060,6 @@ const opensearchTable = (
   type,
   row
 ) => {
-  console.log(988, row)
   const _searchCondition = {}
   // 判断查询条件中，是否存在指向主表的数据
   if (searchCondition && searchCondition.length > 0) {
@@ -1093,7 +1126,6 @@ const opensearchTable = (
 // 弹层确定返回所选数据
 // val ： 弹层列表row 数据
 const searchTableSuccess = (formField, searchField, val, type, row) => {
-  console.log(row)
   if (type == 'features') {
     row.inspectionCharacteristicsBaseVO[formField] = val[0].code
     if (formField == 'inspectionMethodCode') {
@@ -1205,22 +1237,64 @@ const onFocus = () => {
   ]
   count.value++
 }
+const chooseTabs = (element, index) => {
+  if (element.name == editableTabsValue.value) return
+  editableTabsValue.value = element.name
+}
+const handleChange = (e) => {
+  editableTabsValue.value = e.moved.element.name
+  data.value.process.forEach((item, index) => {
+    item.sequenceCode = index + 1
+  })
+}
 </script>
-<style scoped>
+<style scoped lang="scss">
 .small-title {
   font-weight: bold;
   padding: 0px 10px 10px;
   color: #1a8bfc;
   font-size: 16px;
 }
-</style>
-<style>
-.el-tabs--left .el-tabs__header.is-left {
-  padding-bottom: 5000px;
-  margin-bottom: -5000px;
-  min-width: 150px !important;
+.main-body {
+  display: flex;
+  .left {
+    width: 200px;
+    background: rgb(245, 247, 250);
+    border: 1px solid rgb(220, 223, 230);
+    min-height: 60px;
+    position: relative;
+    padding: 6px 0px;
+    .plus-icon {
+      cursor: pointer;
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      border: 1px solid rgb(220, 223, 230);
+      background: rgb(245, 247, 250);
+      display: flex;
+      align-items: center;
+      justify-items: center;
+      padding: 1px;
+    }
+  }
 }
-.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
-  min-width: 120px !important;
+.tabs-label {
+  padding: 4px 20px 4px 20px;
+  min-height: 30px;
+  justify-content: flex-end;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  word-break: break-all;
+}
+.active {
+  background: white;
+}
+.right {
+  border: 1px solid rgb(220, 223, 230);
+  flex: 1;
+  width: 0px;
+  padding: 20px;
 }
 </style>
+