增加筛选条件

src/styles/main.css

@@ -54,4 +54,7 @@ input::placeholder, .el-select__placeholder {
 }
 .vxe-header--column {
   font-size: 12px;
+}
+.vxe-tabs-header--item-name {
+  font-weight: 500;
 }
\ No newline at end of file

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

@@ -163,6 +163,8 @@
                           <tr>
                             <td class="label">案件ID</td>
                             <td>{{ row?.caseId }}</td>
+                            <td class="label">批次号</td>
+                            <td>{{ row?.batchCode }}</td>
                             <td class="label">借款平台</td>
                             <td>{{ row?.loanPlatform?.name }}</td>
                             <td class="label">资管公司</td>
@@ -1727,7 +1729,7 @@
       width: 240px;
       height: 40px;
       padding-left: 5px;
-      font-size: 14px;
+      font-size: 13px;
       &.label {
         width: 150px;
         text-align: center;

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

@@ -99,7 +99,8 @@
   const { authButtonListGet } = useAuthStore(); // 获取用户权限列表
   import { inject } from 'vue';
   const downloadfile = inject('download');
-
+  import { VxeTextEllipsis, VxeTooltip } from 'vxe-pc-ui';
+  import citydata from '../../../assets/citydata';
   import { onMounted, nextTick } from 'vue';
   import { getPlatformPage } from '@/api/platform';
   import { getManageOrgPage } from '@/api/manageOrg';
@@ -215,6 +216,12 @@
   };
   const paramCallback = (param) => {
     const obj = JSON.parse(JSON.stringify(param));
+    if (obj.arealist && obj.arealist.length > 0) {
+      obj['domicileProvince'] = obj.arealist[0];
+      obj['domicileCity'] = obj.arealist.length > 1 ? obj.arealist[1] : null;
+      obj['area'] = obj.arealist.length > 2 ? obj.arealist[2] : null;
+      delete obj['arealist'];
+    }
     if (obj['cpeDate']) {
       if (obj['cpeDate'][0]) obj['cpeDateBegin'] = obj['cpeDate'][0];
       if (obj['cpeDate'][1]) obj['cpeDateEnd'] = obj['cpeDate'][1];
@@ -274,6 +281,40 @@
           },
         },
       },
+      {
+        field: 'arealist',
+        enum: citydata,
+        title: '所属区域',
+        showOverflow: 'tooltip',
+        width: 100,
+        fieldNames: { label: 'name', value: 'name' },
+        search: {
+          el: 'cascader',
+          props: { clearable: true, checkStrictly: true },
+          labelWidth: 90,
+        },
+        slots: {
+          default: ({ row }) => {
+            return (
+              <VxeTooltip
+                content={
+                  row.borrower.domicileProvince +
+                  (row.borrower.domicileCity ? '-' + row.borrower.domicileCity : '') +
+                  (row.borrower.area ? '-' + row.borrower.area : '')
+                }
+              >
+                <VxeTextEllipsis
+                  content={
+                    row.borrower.domicileProvince +
+                    (row.borrower.domicileCity ? '-' + row.borrower.domicileCity : '') +
+                    (row.borrower.area ? '-' + row.borrower.area : '')
+                  }
+                ></VxeTextEllipsis>
+              </VxeTooltip>
+            );
+          },
+        },
+      },
       {
         field: 'loanPlatform.name',
         showOverflow: 'tooltip',
@@ -292,6 +333,18 @@
         width: 100,
         search: { el: 'select', props: { filterable: true,clearable: true }, key: 'manageOrg', labelWidth: 90 },
       },
+      {
+        field: 'batchCode',
+        title: '批次号',
+        showOverflow: 'tooltip',
+        width: 120,
+        search: {
+          el: 'input',
+          key: 'batchCode',
+          props: { clearable: true },
+          labelWidth: 90,
+        },
+      },
       {
         field: 'borrower.name',
         title: '借款人姓名',

src/views/workplace/case/index.vue

@@ -103,9 +103,11 @@
   import { useRouter } from 'vue-router';
   import { computed, reactive, ref, nextTick } from 'vue';
   import { getCreditPage, getCreditTotal } from '@/api/property';
+  import { VxeTextEllipsis, VxeTooltip } from 'vxe-pc-ui';
   import { ElMessageBox, ElMessage } from 'element-plus';
   const caseLRef = ref();
   import dayjs from 'dayjs';
+  import citydata from '../../../assets/citydata';
   import { stayLoan } from '@/api/allcation';
   import { onMounted } from 'vue';
   import { useUserStore } from '@/stores/modules/user';
@@ -215,6 +217,12 @@
     if (userInfo.id) {
       obj['cpe'] = userInfo.id;
     }
+    if (obj.arealist && obj.arealist.length > 0) {
+      obj['domicileProvince'] = obj.arealist[0];
+      obj['domicileCity'] = obj.arealist.length > 1 ? obj.arealist[1] : null;
+      obj['area'] = obj.arealist.length > 2 ? obj.arealist[2] : null;
+      delete obj['arealist'];
+    }
     if (obj['trackTime']) {
       if (obj['trackTime'][0]) obj['trackTimeBegin'] = obj['trackTime'][0];
       if (obj['trackTime'][1]) obj['trackTimeEnd'] = obj['trackTime'][1];
@@ -294,6 +302,40 @@
             },
           },
         },
+        {
+        field: 'arealist',
+        enum: citydata,
+        title: '所属区域',
+        showOverflow: 'tooltip',
+        width: 100,
+        fieldNames: { label: 'name', value: 'name' },
+        search: {
+          el: 'cascader',
+          props: { clearable: true, checkStrictly: true },
+          labelWidth: 90,
+        },
+        slots: {
+          default: ({ row }) => {
+            return (
+              <VxeTooltip
+                content={
+                  row.borrower.domicileProvince +
+                  (row.borrower.domicileCity ? '-' + row.borrower.domicileCity : '') +
+                  (row.borrower.area ? '-' + row.borrower.area : '')
+                }
+              >
+                <VxeTextEllipsis
+                  content={
+                    row.borrower.domicileProvince +
+                    (row.borrower.domicileCity ? '-' + row.borrower.domicileCity : '') +
+                    (row.borrower.area ? '-' + row.borrower.area : '')
+                  }
+                ></VxeTextEllipsis>
+              </VxeTooltip>
+            );
+          },
+        },
+      },
         {
           field: 'loanPlatform.name',
           showOverflow: 'tooltip',
@@ -312,6 +354,18 @@
           width: 100,
           search: { el: 'select', props: { filterable: true,clearable: true }, key: 'manageOrg', labelWidth: 90 },
         },
+        {
+          field: 'batchCode',
+          title: '批次号',
+          showOverflow: 'tooltip',
+          width: 120,
+          search: {
+            el: 'input',
+            key: 'batchCode',
+            props: { clearable: true },
+            labelWidth: 90,
+          },
+        },
         {
           field: 'borrower.name',
           title: '借款人姓名',