二维码非表格卡片

src/components/DesignForm/tableListPage/index.vue

@@ -626,7 +626,9 @@ const setUpClick = (val: string, id: string) => {
           
         }else if(props.formBasicConfig.qrCodePrintStyle&&props.formBasicConfig.qrCodePrintStyle=="1"){
           //fieldsMap = null
+          tablesData.value = getDetailQrCodesData
           qrCodesPrintDialogFlag.value = true
+          loadingInstance1.close()
         }
         
       })/* .finally(()=>{
@@ -1932,44 +1934,69 @@ const diGuiJilian = (val: any, options: any[]) => {
     />
     <!-- 2025 liwenxuan 二维码打印 -->
     <el-dialog
-    v-model="qrCodesPrintDialogFlag"
+      v-model="qrCodesPrintDialogFlag"
-    class="glxxsztc"
+      class="glxxsztc"
-    top="150px"
+      top="150px"
-    :close-on-click-modal="false"
+      :close-on-click-modal="false"
-    title="生成的二维码"
+      title="生成的二维码"
-    :show-close="false"
+      :show-close="false"
-    style="margin-top: 10px"
+      style="margin-top: 10px"
-    width="50%"
+      width="50%"
-  >
+    >
-    <div v-if="formBasicConfig.qrCodePrintStyle == '2'" style="min-height: 50px; max-height: 750px; overflow-y: auto">
+      <div v-if="formBasicConfig.qrCodePrintStyle == '2'" style="min-height: 50px; max-height: 750px; overflow-y: auto">
-      <div 
+        <div 
-        v-for="(tableData, tableKey) in tablesData" 
+          v-for="(tableData, tableKey) in tablesData" 
-        :id="tableKey" 
+          :id="tableKey" 
-        :key="tableKey" 
+          :key="tableKey" 
-        :ref="(el: any) => { if (el) tableRefs[tableKey] = el }" 
+          :ref="(el: any) => { if (el) tableRefs[tableKey] = el }" 
-        style="margin-bottom: 30px; width: 95%;"
+          style="margin-bottom: 30px; width: 95%;"
-      >
+        >
-        <table>
+          <table>
-          <tr>
+            <tr>
-            <th style="font-weight: bold; font-size:medium;" colspan="2">{{ tableData.groupName }}-{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}-{{ tableKey }}</th>
+              <th style="font-weight: bold; font-size:medium;" colspan="2">{{ tableData.groupName }}-{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}-{{ tableKey }}</th>
-            <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="auto" height="100%"></th>
+              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="auto" height="100%"></th>
-          </tr>
+            </tr>
-          <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
+            <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
-            <th>{{ item.key }}</th>
+              <th>{{ item.key }}</th>
-            <td>{{ item.value }}</td>
+              <td>{{ item.value }}</td>
-          </tr>
+            </tr>
-        </table>
+          </table>
+        </div>
       </div>
-    </div>
+      <div v-if="formBasicConfig.qrCodePrintStyle == '1'" style="display: flex; flex-direction: column; align-items: center; min-height: 50px; max-height: 750px; overflow-y: auto">
-    <template #footer>
+        <div 
-      <div class="dialog-footer">
+          v-for="(tableData, tableKey) in tablesData" 
-        <el-button :disabled="isButton1Disabled" type="primary" plain @click="downloadTables">下载</el-button>
+          :id="tableKey" 
-        <el-button :disabled="isButton2Disabled" type="primary" plain @click="closeQrDownload">
+          :key="tableKey" 
-          确定
+          :ref="(el: any) => { if (el) tableRefs[tableKey] = el }" 
-        </el-button>
+          style="margin-bottom: 30px; width: 400px;"
+        >
+          <table >
+            <tr>
+              <th style="font-weight: bold; font-size:medium;" colspan="1">{{ tableData.groupName }}-{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}-{{ tableKey }}</th>
+              <!-- <th ><img :src="tableData.bufferedImage" alt="二维码" width="auto" height="100%"></th> -->
+            </tr>
+            <tr>
+              <!-- <th style="font-weight: bold; font-size:medium;" colspan="2">{{ tableData.groupName }}-{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}-{{ tableKey }}</th> -->
+              <th ><img :src="tableData.bufferedImage" alt="二维码" width="auto" height="100%"></th>
+            </tr>
+            <!-- <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
+              <th>{{ item.key }}</th>
+              <td>{{ item.value }}</td>
+            </tr> -->
+          </table>
+        </div>
       </div>
-    </template>
+
-  </el-dialog>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :disabled="isButton1Disabled" type="primary" plain @click="downloadTables">下载</el-button>
+          <el-button :disabled="isButton2Disabled" type="primary" plain @click="closeQrDownload">
+            确定
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
 
     <el-dialog
       v-model="asfShowDetailsFlag"