表单详情二维码打印设置

src/api/DesignForm/types.ts

@@ -110,6 +110,8 @@ export interface formData{
 		qrCodeFlag: boolean,
 		qrCodeInside:boolean,
 		qrCodeOutside:boolean,
+		qrCodePrintStyle:any,
+		qrCodeShowFields:any,
     };
     config: any;
 	events?:any;

src/components/DesignForm/formControlPropertiNew.vue

@@ -2151,6 +2151,19 @@ function getQrCodeImgInside() {
     },
   });
 }
+/* const qrCodeOutPrintConfigFlag = ref(false)
+function showQrCodeOutPrintConfig(){
+  qrCodeOutPrintConfigFlag.value = true
+} */
+function handleMaxSelect(){
+  console.log(formData.value.qrCodeShowFields.length)
+  if(formData.value.qrCodeShowFields.length>5){
+    alert("最多可选择5个字段")
+  }
+  while (formData.value.qrCodeShowFields.length > 5) {
+    formData.value.qrCodeShowFields.pop();
+  }
+}
 //liwenxuan20250103 qrCode end
 //liwenxuan20240403 associatedForms start
 import AssociatedFormsTinyace from "@/widget/associatedforms/associatedFormsTinyace.vue";
@@ -4624,6 +4637,39 @@ const radioChangeSet = (val: any) => {
               查看外部二维码图片
             </el-button>
           </el-form-item>
+          <el-form-item v-if="formData.qrCodeFlag" class="form_cont"  label="二维码打印样式">
+            
+            <!-- <el-button
+              type="primary"
+              text
+              @click="showQrCodeOutPrintConfig"
+            >
+              样式设置
+            </el-button> -->
+
+            <el-radio-group v-model="formData.qrCodePrintStyle">
+              <el-radio value="1">图片</el-radio>
+              <el-radio value="2">表格卡片</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <el-form-item v-if="formData.qrCodeFlag&&formData.qrCodePrintStyle==2" class="form_cont"  label="表格卡片显示字段">
+            <el-select
+              v-model="formData.qrCodeShowFields"
+              multiple
+              placeholder="请选择"
+              style="width: 240px"
+              @change="handleMaxSelect"
+
+            >
+              <el-option
+                v-for="item in associatedFormsCurrentFormFieldTreeNoTable[0].children"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
 
           <el-divider content-position="left">表单整体布局</el-divider>
           <el-form-item label="组件尺寸" class="form_cont">
@@ -4997,6 +5043,29 @@ const radioChangeSet = (val: any) => {
     </template>
   </el-dialog>
 
+  <!-- <el-dialog
+    v-model="qrCodeOutPrintConfigFlag"
+    class="glxxsztc"
+    top="150px"
+    :close-on-click-modal="false"
+    title="详情二维码样式设置"
+    :show-close="false"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <el-radio-group v-model="formData.qrCodePrintStyle">
+      <el-radio value="1" size="large">图片</el-radio>
+      <el-radio value="2" size="large">表格卡片</el-radio>
+    </el-radio-group>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="qrCodeOutPrintConfigFlag = false">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog> -->
+
   <!-- 二维码展示弹窗 liwenxuan 20250103 end -->
   <!-- 关联表单设置弹窗 liwenxuan 20240402 start -->
   <!--  -->