多选框加开关控制提交后也能显示所有选项

src/components/DesignForm/assembly/index.ts

@@ -288,6 +288,7 @@ export default [
 					glxxszForCheckBox: [],
 					optionsValue3Formid:'',
 					optionsValue3Field:'',
+					showAll:'',
 				},
 				options: selectOption,
 				config: config,

src/components/DesignForm/formControlPropertiNew.vue

@@ -799,6 +799,14 @@ const attrList = computed(() => {
         vIf: state.isSearch,
         vShow: ["lowcodeImage"],
       },
+      {
+        label: "详情页展示全部选项",
+        value: config.checkbox,
+        path: "config.checkbox",
+        type: "checkbox_showAll",
+        vIf: state.isSearch,
+        vShow: ["checkbox"],
+      },
       {
         label: "数据范围",
         value: config.orgCentent,
@@ -4693,6 +4701,14 @@ const formatTooltip = (val: number) => {
 
               </el-row>
 
+              <el-row v-else-if="item.type === 'checkbox_showAll'">
+                  <el-radio-group v-model="controlData.control.showAll">
+                    <el-radio value="1">是</el-radio>
+                    <el-radio value="">否</el-radio>
+                  </el-radio-group>
+
+              </el-row>
+
               <el-row v-else-if="item.type === 'orgCentent_range'">
                 <!-- {{ controlData.control.range }} -->
                   <el-tree-select

src/components/DesignForm/public/form/formItem.vue

@@ -900,7 +900,7 @@ const judgeCheckbox = (val: any, list: any) => {
       }
     }
   }
-  return valAry;
+  return valAry.join(',');;
 };
 /**
 @ 作者: 秦东
@@ -1177,8 +1177,27 @@ const diGuiJilian = (val: any, options: any[]) => {
       <div
         class="form-value"
         v-else-if="data.type == 'checkbox'"
-        v-html="judgeCheckbox(value, data.options)"
-      ></div>
+        
+      >
+      <div v-if="!data.control.showAll">{{ judgeCheckbox(value, data.options) }}</div>
+      <el-checkbox-group
+        v-else
+        v-bind="control"
+        :disabled="true"
+        v-model="value"
+        @change="onValueChange(data.type)"
+        :style="getFormItemInputStyle(configStyle, 4)"
+      >
+        <el-checkbox
+          v-for="(item, index) in props.data.options"
+          :key="index"
+          :label="transformOption(item.value)"
+        >
+          <span :style="getFormItemInputStyle(configStyle, 5)">{{ item.label }}</span>
+        </el-checkbox>
+      </el-checkbox-group>
+
+    </div>
       <div class="form-value" v-else-if="data.type == 'cascader'">
         {{ judjeCascader(value, data.options) }}
       </div>