选项批量导入,按钮位置调整

src/components/DesignForm/formControlPropertiNew.vue

@@ -2838,8 +2838,7 @@ function getAssociatedFormsCurrentFieldTree1() {
 // 初始选项数据
 const options = ref([])
 
-// 选中的值
+
-const selectedValues = ref(["1", "3"])
 
 // 弹窗显示状态
 const dialogVisible = ref(false)
@@ -2883,10 +2882,30 @@ const saveChanges = () => {
   // 清空编辑文本
   editText.value = ''
   
-  console.log('选项已更新:', {
+  
-    options: options.value,
+  controlData.value.options = mergeArrays(controlData.value.options,options.value)
-    selected: selectedValues.value
+  options.value = []
-  })
+}
+
+
+function mergeArrays(a, b) {
+    // 1. 找出a中的最大value（转为数字比较）
+    let maxValue = 0;
+    a.forEach(item => {
+        const numValue = parseInt(item.value, 10);
+        if (numValue > maxValue) {
+            maxValue = numValue;
+        }
+    });
+    
+    // 2. 创建b的副本并重新赋值value，从maxValue+1开始递增
+    const newB = b.map((item, index) => ({
+        ...item,
+        value: String(maxValue + 1 + index)
+    }));
+    
+    // 3. 合并数组，a在前，新的b在后
+    return [...a, ...newB];
 }
 
 //选项批量编辑  liwenxuan 20251212 end
@@ -6100,7 +6119,7 @@ const formatTooltip = (val: number) => {
             </div>
           </div>
           <!-- {{controlData.config.optionsType}} -->
-          <div v-if="showHide(['switch'], true)">
+          <!-- <div v-if="showHide(['switch'], true)">
             <el-button @click="handelGlxxszDialogSwitch">关联选项设置</el-button>
           </div>
           <div
@@ -6112,7 +6131,7 @@ const formatTooltip = (val: number) => {
           </div>
           <div v-if="showHide(['checkbox'], true) && controlData.config.optionsType == 0">
             <el-button @click="handelGlxxszDialogCheckbox">关联选项设置</el-button>
-          </div>
+          </div> -->
           <div
             v-if="
               showHide(
@@ -6214,12 +6233,24 @@ const formatTooltip = (val: number) => {
                 <el-button @click="addSelectOption">{{
                   controlData.type === "cascader" ? "编辑" : "新增"
                 }}</el-button>
-              </el-form-item>
+                <el-button  size="small" @click="openDialog" style="margin-right: 12px;">
-              <el-form-item class="form_cont">
+                  批量导入
-                <el-button type="primary" size="small" @click="openDialog" >
-                  批量编辑
                 </el-button>
+                <div v-if="showHide(['switch'], true)">
+                  <el-button style="position: relative; top: -1px" @click="handelGlxxszDialogSwitch" >关联选项设置</el-button>
+                </div>
+                <div
+                  v-if="
+                    showHide(['radio', 'select'], true) && controlData.config.optionsType == 0
+                  "
+                >
+                  <el-button  style="position: relative; top: -1px" @click="handelGlxxszDialog">关联选项设置</el-button>
+                </div>
+                <div v-if="showHide(['checkbox'], true) && controlData.config.optionsType == 0">
+                  <el-button  style="position: relative; top: -1px" @click="handelGlxxszDialogCheckbox">关联选项设置</el-button>
+                </div>
               </el-form-item>
+              
 
             </template>
             <template v-else-if="controlData.config.optionsType === 3">