调整布局

src/bootstrap.js

@@ -8,7 +8,6 @@ import { setupDirectives } from '@/plugins/directives';
 import { setupVxeTabele } from './plugins/vxe-table';
 import ProTable from '@/components/ProTable/index.vue';
 import { download } from '@/utils/http/index';
-import './styles/element-variables.scss';
 export async function bootstrapInstall() {
   const app = createApp(App);
 

src/plugins/vxe-table.js

@@ -13,6 +13,8 @@ import {
   VxePrint,
   VxeTooltip,
   VxeUpload,
+  VxeTabPane,
+  VxeTabs,
   VxeCheckbox,
   VxeNumberInput,
   VxeRadioGroup,
@@ -48,6 +50,8 @@ function lazyVxeUI(app) {
   app.use(VxeTooltip);
   app.use(VxeUpload);
   app.use(VxeCheckbox);
+  app.use(VxeTabPane);
+  app.use(VxeTabs);
   app.use(VxeNumberInput);
   app.use(VxeRadioGroup);
 }

src/styles/element-variables.scss

-// element-variables.scss
-
-@import 'element-plus/theme-chalk/src/index.scss';
-
-$--font-size: 13px;

src/styles/element.scss

@@ -103,7 +103,7 @@
       display: flex;
       align-items: center;
       justify-content: flex-end;
-      margin-bottom: 18px;
+      // margin-bottom: 10px;
     }
   }
 

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

@@ -243,7 +243,8 @@
         {
           field: 'caseId',
           title: '案件ID',
-          search: { el: 'input' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', labelWidth: 80 },
           slots: {
             default: ({ row }) => {
               return <>{row.loans.map((v) => v.caseId).join(',')}</>;
@@ -253,71 +254,85 @@
         },
         {
           field: 'loanPlatform.name',
+          showOverflow: 'tooltip',
           title: '借款机构',
           slots: {
             default: ({ row }) => {
               return <>{row.loans.map((v) => v.loanPlatform.name).join(',')}</>;
             },
           },
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
         },
         {
           field: 'borrower.name',
+          showOverflow: 'tooltip',
           title: '借款人名字',
-          search: { el: 'input', key: 'borrower' },
+          search: { el: 'input', key: 'borrower', labelWidth: 80 },
           width: 90,
         },
         {
           field: 'totalRepayAmount',
+          showOverflow: 'tooltip',
           title: '还款总额',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 80,
         },
         {
           field: 'applyDate',
           title: '分期申请时间',
+          showOverflow: 'tooltip',
           search: {
             el: 'date-picker',
+            labelWidth: 80,
             props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
           },
           width: 115,
         },
         {
           field: 'effectiveTime',
+          showOverflow: 'tooltip',
           title: '分期生效时间',
           search: {
             el: 'date-picker',
+            labelWidth: 80,
             props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
           },
           width: 115,
         },
         {
           field: 'totalPeriod',
+          showOverflow: 'tooltip',
           title: '还款期数',
           enum: options,
-          search: { el: 'select', props: { filterable: true }, span: 1 },
+          search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 80 },
           fieldNames: { label: 'label', value: 'value' },
           width: 80,
         },
         {
           field: 'firstApplyDate',
+          showOverflow: 'tooltip',
           title: '首期还款日',
-          search: { el: 'input' },
-          search: { el: 'date-picker', props: { type: 'date', valueFormat: 'YYYY-MM-DD' } },
+          search: {
+            el: 'date-picker',
+            props: { type: 'date', valueFormat: 'YYYY-MM-DD' },
+            labelWidth: 80,
+          },
           width: 100,
         },
         {
           field: 'remainingAmount',
+          showOverflow: 'tooltip',
           title: '剩余待还金额',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 110,
         },
         {
           field: 'flowStatus',
           title: '审核状态',
+          showOverflow: 'tooltip',
           width: 80,
           enum: flowStatusOpt,
-          search: { el: 'select', props: { filterable: true }, span: 1 },
+          search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 80 },
           fieldNames: { label: 'label', value: 'value' },
           slots: {
             default: ({ row }) => {

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

@@ -190,7 +190,8 @@
         {
           field: 'caseId',
           title: '案件ID',
-          search: { el: 'input' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', labelWidth: 80 },
           slots: {
             default: ({ row }) => {
               return <>{row.reduceRecords.map((v) => v.loan.caseId).join(',')}</>;
@@ -201,39 +202,45 @@
         {
           field: 'borrower.name',
           title: '借款人名字',
-          search: { el: 'input', key: 'borrower' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', key: 'borrower', labelWidth: 80 },
           width: 90,
         },
         {
           field: 'totalReduceAmount',
+          showOverflow: 'tooltip',
           title: '减免金额',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 120,
         },
         {
           field: 'totalNumber',
+          showOverflow: 'tooltip',
           title: '减免案件数',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 120,
         },
         {
           field: 'remainingAmount',
+          showOverflow: 'tooltip',
           title: '剩余待还金额',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 120,
         },
         {
           field: 'totalPayAmount',
+          showOverflow: 'tooltip',
           title: '累计还款金额',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 120,
         },
         {
           field: 'reduceType',
           title: '减免类型',
+          showOverflow: 'tooltip',
           width: 80,
           enum: reduceTypeOpt,
-          search: { el: 'select', props: { filterable: true }, span: 1 },
+          search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 80 },
           fieldNames: { label: 'label', value: 'value' },
           slots: {
             default: ({ row }) => {
@@ -250,9 +257,10 @@
         {
           field: 'flowStatus',
           title: '审核状态',
+          showOverflow: 'tooltip',
           width: 80,
           enum: flowStatusOpt,
-          search: { el: 'select', props: { filterable: true }, span: 1 },
+          search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 80 },
           fieldNames: { label: 'label', value: 'value' },
           slots: {
             default: ({ row }) => {
@@ -269,16 +277,20 @@
         {
           field: 'applyDate',
           title: '减免截止时间',
+          showOverflow: 'tooltip',
           search: {
             el: 'date-picker',
+            labelWidth: 80,
             props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
           },
         },
         {
           field: 'inEffectDate',
           title: '减免生效时间',
+          showOverflow: 'tooltip',
           search: {
             el: 'date-picker',
+            labelWidth: 80,
             props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
           },
         },

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

@@ -90,61 +90,71 @@
         { type: 'checkbox', width: 50 },
         {
           field: 'caseId',
+          showOverflow: 'tooltip',
           title: '案件ID',
-          search: { el: 'input' },
+          search: { el: 'input', labelWidth: 80 },
           width: 80,
         },
         {
           field: 'borrower.name',
           title: '借款人名字',
-          search: { el: 'input', key: 'borrower' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', key: 'borrower', labelWidth: 80 },
           width: 90,
         },
         {
           field: 'id',
           title: '还款记录ID',
-          search: { el: 'input' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', labelWidth: 80 },
         },
         {
           field: 'realRepayAmount',
           title: '实际还款金额',
-          search: { el: 'input' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', labelWidth: 80 },
         },
         {
           field: 'realRepayTime',
+          showOverflow: 'tooltip',
           title: '实际还款时间',
           search: {
             el: 'date-picker',
+            labelWidth: 80,
             props: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' },
           },
           width: 115,
         },
         {
           field: 'reduce.totalPayAmount',
+          showOverflow: 'tooltip',
           title: '应还金额',
-          search: { el: 'input', key: 'reduce.totalPayAmount' },
+          search: { el: 'input', key: 'reduce.totalPayAmount', labelWidth: 80 },
           width: 115,
         },
         {
           field: 'repayType',
+          showOverflow: 'tooltip',
           title: '还款方式',
           enum: options,
-          search: { el: 'select', props: { filterable: true }, span: 1 },
+          search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 80 },
           fieldNames: { label: 'label', value: 'value' },
           width: 80,
         },
         {
           field: 'stages.loans.loanPlatform.name',
           title: '借款机构',
-          search: { el: 'input', key: 'payOrg' },
+          showOverflow: 'tooltip',
+          search: { el: 'input', key: 'payOrg', labelWidth: 80 },
           width: 100,
         },
         {
           field: 'flowStatus',
           title: '审核状态',
+          showOverflow: 'tooltip',
           width: 80,
           enum: flowStatusOpt,
-          search: { el: 'select', props: { filterable: true }, span: 1 },
+          search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 80 },
           fieldNames: { label: 'label', value: 'value' },
           slots: {
             default: ({ row }) => {

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

@@ -131,10 +131,11 @@
     return {
       columns: [
         { type: 'checkbox', title: '', width: 40 },
-        { field: 'id', title: '跟进记录ID', width: 90 },
+        { field: 'id', title: '跟进记录ID', showOverflow: 'tooltip', width: 90 },
         {
           field: 'caseId',
           title: '案件ID',
+          showOverflow: 'tooltip',
           width: 80,
           search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
           slots: {
@@ -146,6 +147,7 @@
         {
           field: 'trackTime',
           title: '跟进日期',
+          showOverflow: 'tooltip',
           width: 100,
           search: {
             el: 'date-picker',
@@ -156,6 +158,7 @@
         {
           field: 'nextTime',
           title: '下次跟进时间',
+          showOverflow: 'tooltip',
           width: 110,
           search: {
             el: 'date-picker',
@@ -166,12 +169,14 @@
         {
           field: 'guarantor.name',
           title: '联系人姓名',
+          showOverflow: 'tooltip',
           width: 110,
           search: { el: 'input', props: { clearable: true }, key: 'guarantorName', labelWidth: 80 },
         },
         {
           field: 'guarantor.phone',
           title: '联系人号码',
+          showOverflow: 'tooltip',
           width: 110,
           search: {
             el: 'input',
@@ -184,6 +189,7 @@
         {
           field: 'followStatus',
           title: '拨打跟进结果',
+          showOverflow: 'tooltip',
           width: 120,
           enum: followStatusOpt,
           search: {
@@ -214,6 +220,7 @@
         {
           field: 'phoneResultStatus',
           title: '拨打处置状态',
+          showOverflow: 'tooltip',
           width: 120,
           enum: phoneResultStatusOpt,
           search: { el: 'select', props: { filterable: true }, labelWidth: 80 },
@@ -233,6 +240,7 @@
         {
           field: 'trackRecord.auditStatus',
           title: '稽核状态',
+          showOverflow: 'tooltip',
           width: 80,
           slots: {
             default: ({ row }) => {
@@ -249,12 +257,14 @@
         {
           field: 'remark',
           title: '备注',
+          showOverflow: 'tooltip',
           width: 80,
           search: { el: 'input', props: { clearable: true }, labelWidth: 80 },
         },
         {
           field: 'voices',
           title: '通话录音',
+          showOverflow: 'tooltip',
           width: 80,
           slots: {
             default: ({ row, rowIndex }) => {
@@ -275,7 +285,8 @@
         {
           field: 'code',
           title: '微信图片附件',
-          width: 80,
+          showOverflow: 'tooltip',
+          width: 100,
           slots: {
             default: ({ row, rowIndex }) => {
               if (row.images && row.images.length > 0) {
@@ -295,7 +306,8 @@
         {
           field: 'code',
           title: '短信图片附件',
-          width: 80,
+          showOverflow: 'tooltip',
+          width: 100,
           slots: {
             default: ({ row, rowIndex }) => {
               if (row.notes && row.notes.length > 0) {
@@ -315,7 +327,8 @@
         {
           field: 'code',
           title: '其他图片附件',
-          width: 80,
+          showOverflow: 'tooltip',
+          width: 100,
           slots: {
             default: ({ row, rowIndex }) => {
               if (row.others && row.others.length > 0) {

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

@@ -107,12 +107,19 @@
   const config = reactive({
     columns: [
       { type: 'checkbox', title: '', width: 40 },
-      { field: 'caseId', title: '案件ID', search: { el: 'input', labelWidth: 78 }, width: 80 },
+      {
+        field: 'caseId',
+        title: '案件ID',
+        showOverflow: 'tooltip',
+        search: { el: 'input', labelWidth: 78 },
+        width: 100,
+      },
       {
         field: 'arealist',
         enum: citydata,
         title: '所属区域',
-        width: 80,
+        showOverflow: 'tooltip',
+        width: 100,
         fieldNames: { label: 'label', value: 'value' },
         search: { el: 'cascader', props: { clearable: true, checkStrictly: true }, labelWidth: 78 },
         slots: {
@@ -178,7 +185,7 @@
       {
         field: 'tenantTime',
         title: '分配中心日期',
-        width: 100,
+        width: 130,
         search: {
           el: 'date-picker',
           props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' },
@@ -194,7 +201,7 @@
       {
         field: 'cpeDate',
         title: '分配CPE日期',
-        width: 100,
+        width: 130,
         search: {
           el: 'date-picker',
           props: { type: 'daterange', valueFormat: 'YYYY-MM-DD' },
@@ -216,7 +223,7 @@
       {
         field: 'borrower.idCard',
         title: '身份证',
-        width: 120,
+        width: 140,
         search: { el: 'input', props: { clearable: true }, key: 'idCard', labelWidth: 78 },
       },
       {

src/views/property/import/index.vue

@@ -31,9 +31,9 @@
         <div>
           <div class="flex items-center">
             <el-button type="danger" @click="checkData" :disabled="!form.path">检查</el-button>
-            <span class="ml-2" v-if="checkObj.check">
-              <span class="mr-2 text-gray-400">通过{{ checkObj.result.success }}条</span>
-              <span class="text-gray-400">失败{{ checkObj.result.error }}条</span>
+            <span class="ml-2">
+              <span class="mr-2 text-gray-400">通过{{ checkObj?.result?.success || 0 }}条</span>
+              <span class="text-gray-400">失败{{ checkObj?.result?.error || 0 }}条</span>
             </span>
           </div>
           <!-- 进度条 -->
@@ -44,6 +44,7 @@
             @click="openError"
             >下载检查结果</div
           >
+          <div v-else class="mt-2 text-xs text-red-500"> *检查文件后才可以提交 </div>
         </div>
       </div>
       <div class="flex-1 importwrapper">
@@ -136,40 +137,48 @@
       {
         field: 'code',
         title: '导入编号',
+        showOverflow: 'tooltip',
         search: { el: 'input', props: { clearable: true } },
       },
       {
         field: 'contractNo',
         title: '委案合同',
+        showOverflow: 'tooltip',
         search: { el: 'input', props: { clearable: true } },
       },
       {
         field: 'code',
         title: '资产类型',
         enum: options,
+        showOverflow: 'tooltip',
         search: { el: 'select', props: { filterable: true } },
         fieldNames: { label: 'genderLabel', value: 'genderValue' },
       },
       {
         field: 'totalCaseNum',
+        showOverflow: 'tooltip',
         title: '案件总数',
       },
       {
         field: 'totalAmount',
+        showOverflow: 'tooltip',
         title: '案件总金额',
       },
       {
         field: 'totalBorrowerNum',
+        showOverflow: 'tooltip',
         title: '客户总数',
       },
       {
         field: 'discount',
         title: '折扣',
+        showOverflow: 'tooltip',
         width: 80,
       },
       {
         field: 'totalPengNum',
         title: '撞库次数',
+        showOverflow: 'tooltip',
         width: 100,
         slots: {
           default: ({ row }) => {
@@ -186,6 +195,7 @@
       {
         field: 'action',
         title: '文件地址',
+        showOverflow: 'tooltip',
         width: 200,
         slots: {
           default: ({ row }) => {
@@ -201,6 +211,8 @@
       },
       {
         field: 'createTime',
+        width: 140,
+        showOverflow: 'tooltip',
         title: '创建日期',
         search: {
           el: 'date-picker',

src/views/system/ManageOrg/index.vue

@@ -34,13 +34,16 @@
   const config = reactive({
     columns: [
       { type: 'checkbox', width: 50 },
-      { field: 'id', title: '资管公司ID' },
-      { field: 'orgName', title: '公司名称', search: { el: 'input' } },
+      { field: 'id', title: '资管公司ID', showOverflow: 'tooltip' },
+      { field: 'orgName', title: '公司名称', showOverflow: 'tooltip', search: { el: 'input' } },
       {
         field: 'arealist',
         enum: citydata,
+        showOverflow: 'tooltip',
+
         title: '所属区域',
         fieldNames: { label: 'label', value: 'value' },
+        showOverflow: 'tooltip',
         search: { el: 'cascader', props: { clearable: true, checkStrictly: true } },
         slots: {
           default: ({ row }) => {
@@ -57,17 +60,24 @@
       {
         field: 'maxStagesNum',
         title: '是否共案处理',
+        showOverflow: 'tooltip',
         slots: {
           default: ({ row }) => {
             return <ElTag>{row.mergerCase == 'Y' ? '是' : '否'}</ElTag>;
           },
         },
       },
-      { field: 'offender', title: '负责人', search: { el: 'input' } },
-      { field: 'offenderPhone', title: '负责人手机', search: { el: 'input' } },
+      { field: 'offender', showOverflow: 'tooltip', title: '负责人', search: { el: 'input' } },
+      {
+        field: 'offenderPhone',
+        showOverflow: 'tooltip',
+        title: '负责人手机',
+        search: { el: 'input' },
+      },
       {
         field: 'status',
         title: '状态',
+        showOverflow: 'tooltip',
         width: 80,
         slots: {
           default: ({ row }) => {
@@ -79,11 +89,12 @@
           },
         },
       },
-      { field: 'createBy', title: '创建人' },
-      { field: 'createTime', title: '创建时间' },
+      { field: 'createBy', showOverflow: 'tooltip', title: '创建人' },
+      { field: 'createTime', showOverflow: 'tooltip', title: '创建时间', width: 140 },
       {
         width: 200,
         title: '操作',
+        fixed: 'right',
         slots: {
           default: ({ row }) => (
             <>

src/views/system/accountManage/index.vue

@@ -75,6 +75,7 @@
         field: 'action',
         title: '操作',
         width: 200,
+        fixed: 'right',
         slots: {
           default: ({ row }) => {
             return (

src/views/system/platformManage/index.vue

@@ -49,6 +49,7 @@
       {
         width: 200,
         title: '操作',
+        fixed: 'right',
         slots: {
           default: ({ row }) => (
             <>

src/views/system/roleManage/index.vue

@@ -35,6 +35,7 @@
       {
         width: 280,
         title: '操作',
+        fixed: 'right',
         slots: {
           default: ({ row }) => (
             <>

src/views/system/tenantManage/index.vue

@@ -57,6 +57,7 @@
       {
         width: 200,
         title: '操作',
+        fixed: 'right',
         slots: {
           default: ({ row }) => (
             <>

src/views/workplace/todo/index.vue

@@ -32,25 +32,34 @@
   const socketStore = useSocketStore();
   const config = reactive({
     columns: [
-      { field: 'title', minWidth: 200, title: '消息标题', search: { el: 'input' } },
+      {
+        field: 'title',
+        minWidth: 200,
+        showOverflow: 'tooltip',
+        title: '消息标题',
+        search: { el: 'input', labelWidth: 65 },
+      },
       {
         field: 'content',
         title: '消息内容',
+        showOverflow: 'tooltip',
         width: 160,
-        search: { el: 'input', props: { clearable: true } },
+        search: { el: 'input', props: { clearable: true }, labelWidth: 65 },
       },
       {
         field: 'sender.username',
         title: '发送人名称',
+        showOverflow: 'tooltip',
         width: 160,
-        search: { el: 'input', props: { clearable: true }, key: 'senderName' },
+        search: { el: 'input', props: { clearable: true }, key: 'senderName', labelWidth: 65 },
       },
       {
         field: 'status',
         title: '状态',
+        showOverflow: 'tooltip',
         width: 100,
         enum: statusOpt,
-        search: { el: 'select', props: { filterable: true }, span: 1 },
+        search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 65 },
         fieldNames: { label: 'label', value: 'value' },
         slots: {
           default: ({ row }) => {
@@ -64,15 +73,17 @@
       },
       {
         field: 'sendTime',
+        showOverflow: 'tooltip',
         title: '发送时间',
         width: 170,
       },
       {
         field: 'messageType',
         width: 100,
+        showOverflow: 'tooltip',
         title: '消息类型',
         enum: messageTypeOpt,
-        search: { el: 'select', props: { filterable: true }, span: 1 },
+        search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 65 },
         fieldNames: { label: 'label', value: 'value' },
         slots: {
           default: ({ row }) => {
@@ -90,8 +101,9 @@
         field: 'sendType',
         width: 100,
         title: '发送方式',
+        showOverflow: 'tooltip',
         enum: sendTypeOpt,
-        search: { el: 'select', props: { filterable: true }, span: 1 },
+        search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 65 },
         fieldNames: { label: 'label', value: 'value' },
         slots: {
           default: ({ row }) => {
@@ -105,8 +117,9 @@
         field: 'serviceType',
         width: 100,
         title: '业务类型',
+        showOverflow: 'tooltip',
         enum: serviceTypeOpt,
-        search: { el: 'select', props: { filterable: true }, span: 1 },
+        search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 65 },
         fieldNames: { label: 'label', value: 'value' },
         slots: {
           default: ({ row }) => {