二维码表格样式优化

src/components/DesignForm/app/index.vue

@@ -2020,7 +2020,7 @@ const transformOption = (val: string | number, type?: string) => {
           <table>
             <tr>
               <th  colspan="2">{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}</th>
-              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="200px" height="100%"></th>
+              <td rowspan="6" style="width: 240px;"><img :src="tableData.bufferedImage" alt="二维码" width="200px" style="margin-top: 5px;" ></td>
             </tr>
             <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
               <th>{{ item.key }}</th>
@@ -2139,6 +2139,6 @@ table {
 td, th {
     border: 1px solid black;
     padding: 8px;
-    
+    vertical-align: middle; /* 设置文字上下居中 */
 }
 </style>

src/components/DesignForm/tableListPage/index.vue

@@ -2047,7 +2047,7 @@ const diGuiJilian = (val: any, options: any[]) => {
           <table>
             <tr>
               <th  colspan="2">{{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}</th>
-              <th rowspan="6"><img :src="tableData.bufferedImage" alt="二维码" width="200px" height="100%"></th>
+              <td rowspan="6" style="width: 240px;"><img :src="tableData.bufferedImage" alt="二维码" width="200px" style="margin-top: 5px;" ></td>
             </tr>
             <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
               <th>{{ item.key }}</th>
@@ -2170,13 +2170,14 @@ table {
     border-collapse: collapse;
     width: 100%;
     font-size: 13px;
-    text-align: center
+    text-align: center;
+    
 }
 
 td, th {
     border: 1px solid black;
     padding: 8px;
-    
+    vertical-align: middle; /* 设置文字上下居中 */
 }
 
 </style>