标签页拖动排序

src/components/DesignForm/formControlPropertiNew.vue

@@ -5446,6 +5446,42 @@ const formatTooltip = (val: number) => {
                 <i class="icon-del" @click="delSelectOption(index as number, 'tabs')"></i>
               </el-col>
             </el-form-item>
+
+            <!-- 标签页拖动功能 liwenxuan 20251118 start -->
+              <div
+                v-if="controlData.type == 'tabs'"
+              >
+                <draggable
+                  :list="controlData.columns"
+                  :force-fallback="true"
+                  chosen-class="chosenClass"
+                  animation="300"
+                >
+                  <template #item="{ element }">
+                    <div class="item form_cont">
+                      <el-form-item>
+                        <el-col
+                          :span="2"
+                          style="padding-top: 4px; cursor: move; color: #66b1ff"
+                        >
+                          <i class="icon-move"></i>
+                        </el-col>
+                        <el-col :span="6" style="cursor: move"> 标签配置项 </el-col>
+                        <el-col :span="10">
+                          <el-input v-model="element.label" placeholder="标签配置项" />
+                        </el-col>
+                        <el-col :span="2" :offset="1">
+                          <i
+                            class="icon-del"
+                            @click="delSelectOption(element.value as number, 'tabs')"
+                          ></i>
+                        </el-col>
+                      </el-form-item>
+                    </div>
+                  </template>
+                </draggable>
+              </div>
+              <!-- 标签页拖动功能 liwenxuan 20251118 end -->
             <el-form-item class="form_cont">
               <el-button @click="addSelectOption('tabs')">增加标签</el-button>
             </el-form-item>

src/components/DesignForm/public/expand/org.vue

@@ -307,7 +307,13 @@ function filterTreeNodes(nodes: any[], keepIds: Set<unknown>) {
 }
 
 const multiple = props.data.control.multiple=='1'
-const disabled1 = props.data.control.connectUserComponent.length>0
+const disabled1 = computed(()=>{
+  if(props.data.control.connectUserComponent && props.data.control.connectUserComponent.length>0){
+    return true
+  }else{
+    return false
+  }
+})
 
 </script>
 <template>