调整布局

9dc6b9f9 · 沈翠玲 · fc669198 · 9dc6b9f9 · 9dc6b9f9 · fc669198
Commit 9dc6b9f9 authored Feb 05, 2025 by 沈翠玲
17 changed files
--- a/src/bootstrap.js
+++ b/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);


--- a/src/plugins/vxe-table.js
+++ b/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);
 }

--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
-// element-variables.scss
-
-@import 'element-plus/theme-chalk/src/index.scss';
-
-$--font-size: 13px;
--- a/src/styles/element.scss
+++ b/src/styles/element.scss
@@ -103,7 +103,7 @@
      display: flex;
      align-items: center;
      justify-content: flex-end;
-      margin-bottom: 18px;
+      // margin-bottom: 10px;
    }
  }


--- a/src/views/business-approval/by-stages-apply/index.vue
+++ b/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 }) => {

--- a/src/views/business-approval/reduction-apply/index.vue
+++ b/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' },
          },
        },

--- a/src/views/business-approval/repayment-approve/index.vue
+++ b/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 }) => {

--- a/src/views/property/audit-manage/index.vue
+++ b/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) {

--- a/src/views/property/case-allocation/index.vue
+++ b/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 },
      },
      {

--- a/src/views/property/case-detail/index.vue
+++ b/src/views/property/case-detail/index.vue
--- a/src/views/property/import/index.vue
+++ b/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',

--- a/src/views/system/ManageOrg/index.vue
+++ b/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 }) => (
            <>

--- a/src/views/system/accountManage/index.vue
+++ b/src/views/system/accountManage/index.vue
@@ -75,6 +75,7 @@
        field: 'action',
        title: '操作',
        width: 200,
+        fixed: 'right',
        slots: {
          default: ({ row }) => {
            return (

--- a/src/views/system/platformManage/index.vue
+++ b/src/views/system/platformManage/index.vue
@@ -49,6 +49,7 @@
      {
        width: 200,
        title: '操作',
+        fixed: 'right',
        slots: {
          default: ({ row }) => (
            <>

--- a/src/views/system/roleManage/index.vue
+++ b/src/views/system/roleManage/index.vue
@@ -35,6 +35,7 @@
      {
        width: 280,
        title: '操作',
+        fixed: 'right',
        slots: {
          default: ({ row }) => (
            <>

--- a/src/views/system/tenantManage/index.vue
+++ b/src/views/system/tenantManage/index.vue
@@ -57,6 +57,7 @@
      {
        width: 200,
        title: '操作',
+        fixed: 'right',
        slots: {
          default: ({ row }) => (
            <>

--- a/src/views/workplace/todo/index.vue
+++ b/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 }) => {