二维码表格样式优化

src/components/DesignForm/app/index.vue

@@ -2007,9 +2007,9 @@ const transformOption = (val: string | number, type?: string) => {
       title="生成的二维码"
       :show-close="false"
       style="margin-top: 10px"
-      width="50%"
+      width="40%"
     >
-      <div v-if="formBasicConfig.qrCodePrintStyle == '2'" style="min-height: 50px; max-height: 750px; overflow-y: auto">
+      <div v-if="formBasicConfig.qrCodePrintStyle == '2'" style="max-width: 600px;min-height: 50px; max-height: 750px; overflow-y: auto">
         <div 
           v-for="(tableData, tableKey) in tablesData" 
           :id="tableKey" 
@@ -2019,8 +2019,8 @@ const transformOption = (val: string | number, type?: string) => {
         >
           <table>
             <tr>
-              <th style="font-weight: bold; font-size:medium;" colspan="2">{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}</th>
-              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="auto" height="100%"></th>
+              <th  colspan="2">{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}</th>
+              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="200px" height="100%"></th>
             </tr>
             <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
               <th>{{ item.key }}</th>
@@ -2132,10 +2132,13 @@ const transformOption = (val: string | number, type?: string) => {
 table {
     border-collapse: collapse;
     width: 100%;
+    font-size: 13px;
+    text-align: center
 }
 
 td, th {
     border: 1px solid black;
     padding: 8px;
+    
 }
 </style>

src/components/DesignForm/tableListPage/index.vue

@@ -2034,9 +2034,9 @@ const diGuiJilian = (val: any, options: any[]) => {
       title="生成的二维码"
       :show-close="false"
       style="margin-top: 10px"
-      width="50%"
+      width="40%"
     >
-      <div v-if="formBasicConfig.qrCodePrintStyle == '2'" style="min-height: 50px; max-height: 750px; overflow-y: auto">
+      <div v-if="formBasicConfig.qrCodePrintStyle == '2'" style="max-width: 600px;min-height: 50px; max-height: 750px; overflow-y: auto">
         <div 
           v-for="(tableData, tableKey) in tablesData" 
           :id="tableKey" 
@@ -2046,8 +2046,8 @@ const diGuiJilian = (val: any, options: any[]) => {
         >
           <table>
             <tr>
-              <th style="font-weight: bold; font-size:medium;" colspan="2">{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}</th>
-              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="auto" height="100%"></th>
+              <th  colspan="2">{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}</th>
+              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="200px" height="100%"></th>
             </tr>
             <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
               <th>{{ item.key }}</th>
@@ -2169,11 +2169,14 @@ const diGuiJilian = (val: any, options: any[]) => {
 table {
     border-collapse: collapse;
     width: 100%;
+    font-size: 13px;
+    text-align: center
 }
 
 td, th {
     border: 1px solid black;
     padding: 8px;
+    
 }
 
 </style>