页面优化，调整行高

src/hooks/useProTable.js

@@ -41,6 +41,12 @@ export function useProTable(
           icon: 'vxe-icon-menu',
         },
       },
+      rowConfig: {
+        height: 34
+      },
+      cellConfig: {
+        height: 34
+      }
     },
   });
 

src/styles/element.scss

@@ -276,3 +276,31 @@
 .vxe-table--render-default .vxe-body--column, .vxe-table--render-default .vxe-footer--column, .vxe-table--render-default .vxe-header--column {
   line-height: 11px !important;
 }
+.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis) {
+  padding: 0 !important;
+}
+.el-button {
+  padding: 0px 10px !important;
+  font-size: 13px !important;
+  height: 27px !important;
+}
+td {
+  line-height: 14px !important;
+}
+.public-header {
+  position: relative;
+  line-height: 15px;
+  font-size: 14px;
+  padding-left: 10px;
+  margin-top: 8px;
+  &::after {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 4px;
+    height: 100%;
+    background: var(--el-color-primary);
+    display: block;
+    content: '';
+  }
+}
\ No newline at end of file

src/views/business-approval/audit-apply/components/callDrawer.vue

@@ -470,6 +470,9 @@
         title: '剩余待还金额',
       },
     ],
+    cellConfig: {
+      height: 16
+    },
     onCheckboxChange: onCheckboxChange,
     toolbarConfig: { enabled: false },
   });

src/views/business-approval/audit-apply/index.vue

@@ -29,6 +29,13 @@
     console.log('row', row);
     selectdList.value = row.records;
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const callDrawerRef = ref();
   const srcList = ref([]);
   const RefImage = ref(false);
@@ -408,6 +415,7 @@
         },
       ],
       onCheckboxChange: onCheckboxChange,
+      onCheckboxAll: onCheckboxAll,
     };
   });
   const query = () => ProTableRef.value?.search();

src/views/business-approval/by-stages-apply/index.vue

@@ -18,7 +18,11 @@
             <div class="w-2/3 pr-2">
               <div>案件明细</div>
               <div class="expand-table">
-                <table v-for="(item, index) in row.loans" :key="index"
+                <div v-for="(item, index) in row.loans" :key="index">
+                  <div class="public-header">
+                    {{ item?.caseId }}
+                  </div>
+                  <table
                     ><tbody>
                       <tr>
                         <td class="label">案件ID</td>
@@ -93,6 +97,7 @@
                   </table>
                 </div>
               </div>
+            </div>
             <div class="flex-1">
               <div>分期明细</div>
               <div class="expand-table">
@@ -142,6 +147,13 @@
     console.log('row', row);
     selectdList.value = row.records;
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const options = [
     {
       value: 2,
@@ -366,6 +378,7 @@
         },
       ],
       onCheckboxChange: onCheckboxChange,
+      onCheckboxAll: onCheckboxAll,
     };
   });
   const query = () => ProTableRef.value?.search();

src/views/business-approval/reduction-apply/index.vue

@@ -16,7 +16,11 @@
         <div class="expand-box">
           <div>案件明细</div>
           <div class="expand-table">
-            <table v-for="(item, index) in row.reduceRecords" :key="index"
+            <div  v-for="(item, index) in row.reduceRecords" :key="index">
+              <div class="public-header">
+                {{ item?.loan?.caseId }}
+              </div>
+              <table
                 ><tbody>
                   <tr>
                     <td class="label">案件ID</td>
@@ -83,6 +87,7 @@
               </table>
             </div>
           </div>
+        </div>
       </template>
     </ProTable>
     <vxe-modal
@@ -119,6 +124,13 @@
     console.log('row', row);
     selectdList.value = row.records;
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const reduceTypeOpt = [
     { label: '结清减免', value: 'settle' },
     { label: '分期减免', value: 'by_stages' },
@@ -296,6 +308,7 @@
         },
       ],
       onCheckboxChange: onCheckboxChange,
+      onCheckboxAll: onCheckboxAll,
     };
   });
   const query = () => ProTableRef.value?.search();

src/views/business-approval/repayment-approve/index.vue

@@ -47,6 +47,13 @@
     console.log('row', row);
     selectdList.value = row.records;
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const options = [
     {
       value: 'repay',
@@ -192,6 +199,7 @@
         },
       ],
       onCheckboxChange: onCheckboxChange,
+      onCheckboxAll: onCheckboxAll,
     };
   });
   const query = () => ProTableRef.value?.search();

src/views/infoGather/customerGather/index.vue

@@ -39,6 +39,13 @@
     }
     return obj;
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const pushCreditcard = () => {
     router.push({
       path: '/infoGather/customerGather/Creditcard',
@@ -53,6 +60,7 @@
   };
   const config = reactive({
     onCheckboxChange: onCheckboxChange,
+    onCheckboxAll: onCheckboxAll,
     columns: [
       { type: 'checkbox', width: 50 },
       { field: 'id', title: '客户ID' },

src/views/property/audit-manage/components/callDrawer.vue

@@ -470,7 +470,6 @@
         title: '剩余待还金额',
       },
     ],
-    onCheckboxChange: onCheckboxChange,
     toolbarConfig: { enabled: false },
   });
   const openModal = (info) => {

src/views/property/audit-manage/index.vue

@@ -134,6 +134,13 @@
       query();
     }, 300);
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const config = computed(() => {
     return {
       rowStyle ({ row }) {
@@ -400,6 +407,7 @@
         },
       ],
       onCheckboxChange: onCheckboxChange,
+      onCheckboxAll: onCheckboxAll,
     };
   });
   const preview = (item, type) => {

src/views/property/case-detail/components/splitDrawer.vue

@@ -438,8 +438,7 @@
             },
           },
         },
-      ],
-      onCheckboxChange: onCheckboxChange,
+      ]
     };
   });
   const openModal = (detail, caselist) => {

src/views/property/case-detail/index.vue

@@ -17,6 +17,8 @@
           />
         </el-steps>
       </div>
+      <div class="flex">
+        <div class=" w-1/2">
           <div id="baseinfo">
             <div class="box-title">案人基本信息</div>
             <div class="box-content">
@@ -27,14 +29,17 @@
                     <td>{{ detail?.borrower?.name }}</td>
                     <td class="label">电话</td>
                     <td>{{ detail?.borrower?.phone }}</td>
+                    
+                  </tr>
+                  <tr>
                     <td class="label">户籍区域</td>
                     <td>{{
                       detail?.borrower?.domicileCity + ',' + detail?.borrower?.domicileProvince
                     }}</td>
-              </tr>
-              <tr>
                     <td class="label">证件号</td>
                     <td>{{ detail?.borrower?.idCard }}</td>
+                  </tr>
+                  <tr>
                     <td class="label">户籍地址</td>
                     <td colspan="3">{{ detail?.borrower?.address }}</td>
                   </tr>
@@ -43,6 +48,8 @@
               </table>
             </div>
           </div>
+        </div>
+        <div class=" w-1/2">
           <div id="caserelation">
             <div class="box-title">案件联系人</div>
             <div class="box-content">
@@ -54,6 +61,10 @@
               />
             </div>
           </div>
+        </div>
+      </div>
+      
+      
       <div id="casedetail">
         <div class="box-title" style="line-height: 43px;"
           >案件明细
@@ -606,14 +617,16 @@
   });
   const relationConfig = reactive({
     columns: [
-      { type: 'seq', width: 70 },
+      { type: 'seq', width: 49 },
       {
         field: 'name',
+        width: 89,
         title: '联系人姓名',
         showOverflow: 'tooltip',
       },
       {
         field: 'kinship',
+        width: 99,
         title: '与债权人关系',
         showOverflow: 'tooltip',
       },
@@ -623,31 +636,18 @@
         showOverflow: 'tooltip',
         slots: {
           default: ({ row }) => {
-            return <>{row.phone + ' ' + (row.status === 'Y' ? '有效' : '无效')}</>;
-          },
-        },
-      },
-      {
-        field: 'code',
-        title: '',
-        fixed: 'right',
-        slots: {
-          default: ({ row, rowIndex }) => {
-            return (
-              <>
-                <ElButton
+            return <>{row.phone + ' ' + (row.status === 'Y' ? '有效' : '无效')} <ElButton
                   type="primary"
                   onClick={() => callTelephone(row)}
+                  link
                   disabled={row.status !== 'Y'}
                 >
                   {/* <ElButton type="primary" onClick={() => callTelephone(row)}> */}
                   拨打跟进
-                </ElButton>
-              </>
-            );
-          },
+                </ElButton></>;
           },
         },
+      }
     ],
     toolbarConfig: { enabled: false },
   });
@@ -684,6 +684,12 @@
     );
   };
   const caseDetailConfig = reactive({
+    rowConfig: {
+      height: 32
+    },
+    cellConfig: {
+      height: 32
+    },
     columns: [
       { type: 'expand', width: 80, slots: { content: 'expand_content' } },
       {

src/views/system/roleManage/index.vue

@@ -33,13 +33,13 @@
       { field: 'roleCode', title: '角色编码', search: { el: 'input' } },
       { field: 'roleDesc', title: '角色描述', search: { el: 'input' } },
       {
-        width: 280,
+        width: 320,
         title: '操作',
         fixed: 'right',
         slots: {
           default: ({ row }) => (
             <>
-              <ElButton type="primary" link icon={Edit} onClick={() => handleEdit(row)}>
+              <ElButton type="primary" link icon={Edit} onClick={() => handleEdit(row)} >
                 编辑
               </ElButton>
               <ElButton

src/views/workplace/audit/components/callDrawer.vue

@@ -368,6 +368,13 @@
     },
   ];
   const selectdList = ref([]);
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const onCheckboxChange = (row) => {
     selectdList.value = row.records;
   };
@@ -471,6 +478,7 @@
       },
     ],
     onCheckboxChange: onCheckboxChange,
+    onCheckboxAll: onCheckboxAll,
     toolbarConfig: { enabled: false },
   });
   const openModal = (info) => {

src/views/workplace/audit/index.vue

@@ -133,6 +133,13 @@
       query();
     }, 300);
   };
+  const onCheckboxAll =(flag)=> {
+    if (flag.checked) {
+      selectdList.value = flag.records;
+    } else {
+      selectdList.value = [];
+    }
+  }
   const config = computed(() => {
     return {
       rowStyle ({ row }) {
@@ -399,6 +406,7 @@
         },
       ],
       onCheckboxChange: onCheckboxChange,
+      onCheckboxAll: onCheckboxAll
     };
   });
   const preview = (item, type) => {

src/views/workplace/case/index.vue

@@ -301,6 +301,8 @@
         },
       },
     ],
+    onCheckboxChange: onCheckboxChange,
+    onCheckboxAll: onCheckboxAll
   });
 
   const query = () => caseLRef.value?.search();