页面优化

1164b2c9 · 沈翠玲 · d429b3fe · 1164b2c9 · 1164b2c9 · 1164b2c9
Commit 1164b2c9 authored Feb 20, 2025 by 沈翠玲
40 changed files
--- a/src/components/CommonModal/UserModal/index.vue
+++ b/src/components/CommonModal/UserModal/index.vue
@@ -16,11 +16,6 @@
            <el-input v-model="searchParam.username" />
          </el-form-item>
        </el-col>
-        <el-col :span="8">
-          <el-form-item class="w-full" label="昵称：" prop="nickName">
-            <el-input v-model="searchParam.nickName" />
-          </el-form-item>
-        </el-col>
        <el-col :span="8">
          <el-form-item class="w-full" label="状态：" prop="status">
            <el-select v-model="searchParam.status">
@@ -40,7 +35,6 @@
    <vxe-table ref="xTable" :data="tableData" :loading="loading">
      <vxe-column type="checkbox" width="50" />
      <vxe-column field="username" title="用户账号" minWidth="120" />
-      <vxe-column field="nickName" title="昵称" minWidth="120" />
      <vxe-column field="phone" title="手机号" width="140" />
      <vxe-column field="status" title="状态" width="120">
        <template #default="{ row }">

--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -4,7 +4,7 @@
    :background="true"
    :current-page="pageable.current"
    :page-size="pageable.size"
-    :page-sizes="[20, 50, 100, 200, 500, 1000]"
+    :page-sizes="[10, 50, 100, 200, 500, 1000]"
    :total="pageable.total"
    :size="globalStore?.assemblySize ?? 'default'"
    layout="total, sizes, prev, pager, next, jumper"

--- a/src/components/ProTable/index.vue
+++ b/src/components/ProTable/index.vue
@@ -22,7 +22,7 @@
      <vxe-grid ref="xGrid" v-bind="gridOptions" :data="processTableData" :loading="loading">
        <template #toolbar_buttons>
          <slot name="left_buttons" v-if="!selectdList"></slot>
-          <div v-else>选中项：{{selectdList.length}} <span class=" text-blue-400 cursor-pointer ml-4" @click="cancel">取消</span></div>
+          <div v-else style="font-size: 15px;">选中项：{{selectdList.length}} <span class=" text-blue-400 cursor-pointer ml-4" @click="cancel">取消</span></div>
        </template>
        <template #toolbar_tools>
          <slot name="right_tools"></slot>

--- a/src/hooks/useProTable.js
+++ b/src/hooks/useProTable.js
@@ -17,7 +17,7 @@ export function useProTable(
      // 当前页数
      current: 1,
      // 每页显示条数
-      size: 20,
+      size: 10,
      // 总条数
      total: 0,
    },
@@ -28,6 +28,7 @@ export function useProTable(
    // 总参数(包含分页和查询参数)
    totalParam: {},
    gridConfig: {
+      align: 'center',
      toolbarConfig: {
        slots: {
          buttons: 'toolbar_buttons',
@@ -43,10 +44,10 @@ export function useProTable(
      },
      showHeaderOverflow: 'tooltip',
      rowConfig: {
-        height: 34,
+        height: 60,
      },
      cellConfig: {
-        height: 34,
+        height: 60,
      },
    },
  });

--- a/src/styles/element.scss
+++ b/src/styles/element.scss
@@ -260,7 +260,7 @@
 }
 .vxe-tabs .vxe-tabs-header--item-inner,
 .vxe-tabs .vxe-tabs-header--wrapper {
-  height: 32px !important;
+  height: 40px !important;
  font-size: 14px;
 }
 .vxe-header--row {
@@ -268,7 +268,8 @@
    text-align: center !important;
  }
  .vxe-cell--title {
-    font-size: 13px !important;
+    font-size: 14px !important;
+    color: #909399;
  }
 }
 .vxe-body--row.row--current,
@@ -278,27 +279,27 @@
 .vxe-table--render-default .vxe-body--column,
 .vxe-table--render-default .vxe-footer--column,
 .vxe-table--render-default .vxe-header--column {
-  line-height: 13px !important;
+  line-height: 14px !important;
 }
 .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis {
-  height: 36px !important;
+  height: 58px !important;
 }
 .vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis) {
  padding: 0 !important;
 }
 /*vxe-table 自定义行高 */
 .vxe-table .vxe-body--column.col--ellipsis {
-  height: 34px;
+  height: 58px;
 }
 .vxe-table .vxe-body--column:not(.col--ellipsis),
 .vxe-table .vxe-footer--column:not(.col--ellipsis),
 .vxe-table .vxe-header--column:not(.col--ellipsis) {
-  height: 34px;
+  height: 58px;
 }
 .el-button {
  padding: 0px 10px !important;
  font-size: 13px !important;
-  height: 27px !important;
+  height: 30px !important;
 }
 td {
  line-height: 14px !important;
@@ -380,4 +381,7 @@ td {
    font-size: 18px;
    color: #333;
  }
+}
+.vxe-grid {
+    --vxe-ui-table-border-color: #ebeef5;
 }
\ No newline at end of file
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -21,9 +21,6 @@ body,
 .el-form-item__label {
  font-size: 13px !important;
 }
-td {
-  font-size: 12px !important;
-}
 .el-input__inner {
  height: 28px !important;
  line-height: 28px !important;

--- a/src/views/business-approval/audit-apply/components/callDrawer.vue
+++ b/src/views/business-approval/audit-apply/components/callDrawer.vue
@@ -405,7 +405,7 @@
  const config = reactive({
    minHeight: 200,
    columns: [
-      // { type: 'checkbox', width: 50 },
+      // { type: 'checkbox', width: 60 },
      {
        field: 'caseId',
        title: '案件ID',

--- a/src/views/business-approval/audit-apply/index.vue
+++ b/src/views/business-approval/audit-apply/index.vue
@@ -408,11 +408,16 @@
      td {
        border: 1px solid rgba(5, 5, 5, 0.06);
        background: #fff;
+        color: #606268;
        padding: 8px;
        line-height: 11px;
        width: 240px;
+        height: 48px;
+        font-size: 14px;
        &.label {
-          background: var(--el-color-primary-light-9);
+          background: #f6f8ff;
+          font-weight: bold;
+          color: #909399;
        }
      }
    }

--- a/src/views/business-approval/by-stages-apply/components/splitDrawer.vue
+++ b/src/views/business-approval/by-stages-apply/components/splitDrawer.vue
@@ -346,7 +346,7 @@
    },
    minHeight: 200,
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',

--- a/src/views/business-approval/by-stages-apply/index.vue
+++ b/src/views/business-approval/by-stages-apply/index.vue
@@ -233,7 +233,7 @@
  const config = computed(() => {
    return {
      columns: [
-        { type: 'checkbox', width: 50 },
+        { type: 'checkbox', width: 60, fixed: 'left' },
        { type: 'expand', width: 80, slots: { content: 'expand_content' } },
        {
          field: 'caseId',
@@ -428,12 +428,16 @@
      td {
        border: 1px solid rgba(5, 5, 5, 0.06);
        background: #fff;
+        color: #606268;
        padding: 8px;
-        width: 240px;
        line-height: 11px;
+        width: 240px;
+        height: 48px;
+        font-size: 14px;
        &.label {
-          text-align: center;
-          background: var(--el-color-primary-light-9);
+          background: #f6f8ff;
+          font-weight: bold;
+          color: #909399;
        }
      }
    }

--- a/src/views/business-approval/reduction-apply/index.vue
+++ b/src/views/business-approval/reduction-apply/index.vue
@@ -171,7 +171,7 @@
  const config = computed(() => {
    return {
      columns: [
-        { type: 'checkbox', width: 50 },
+        { type: 'checkbox', width: 60, fixed: 'left' },
        { type: 'expand', width: 40, slots: { content: 'expand_content' } },
        {
          field: 'caseId',
@@ -349,11 +349,16 @@
      td {
        border: 1px solid rgba(5, 5, 5, 0.06);
        background: #fff;
+        color: #606268;
        padding: 8px;
+        line-height: 11px;
        width: 240px;
+        height: 48px;
+        font-size: 14px;
        &.label {
-          text-align: center;
-          background: var(--el-color-primary-light-9);
+          background: #f6f8ff;
+          font-weight: bold;
+          color: #909399;
        }
      }
    }

--- a/src/views/business-approval/repair-approve/index.vue
+++ b/src/views/business-approval/repair-approve/index.vue
@@ -80,7 +80,7 @@

  const config = reactive({
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      {
        field: 'borrower.name',
        title: '借款人姓名',

--- a/src/views/business-approval/repayment-approve/index.vue
+++ b/src/views/business-approval/repayment-approve/index.vue
@@ -79,7 +79,7 @@
  const config = computed(() => {
    return {
      columns: [
-        { type: 'checkbox', width: 50 },
+        { type: 'checkbox', width: 60,fixed: 'left' },
        {
          field: 'caseId',
          showOverflow: 'tooltip',

--- a/src/views/infoGather/customerGather/index.vue
+++ b/src/views/infoGather/customerGather/index.vue
@@ -62,7 +62,7 @@
    onCheckboxChange: onCheckboxChange,
    onCheckboxAll: onCheckboxAll,
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60,fixed: 'left' },
      { field: 'id', title: '客户ID' },
      {
        field: 'createTime',

--- a/src/views/property/audit-manage/components/callDrawer.vue
+++ b/src/views/property/audit-manage/components/callDrawer.vue
@@ -405,7 +405,7 @@
  const config = reactive({
    minHeight: 200,
    columns: [
-      // { type: 'checkbox', width: 50 },
+      // { type: 'checkbox', width: 60 },
      {
        field: 'caseId',
        title: '案件ID',

--- a/src/views/property/audit-manage/index.vue
+++ b/src/views/property/audit-manage/index.vue
@@ -170,7 +170,7 @@
        }
      },
      columns: [
-        { type: 'checkbox', title: '', width: 40 },
+        { type: 'checkbox', title: '', width: 60, fixed: 'left' },
        { field: 'id', title: '跟进记录ID', showOverflow: 'tooltip', width: 90 },
        {
          field: 'caseId',

--- a/src/views/property/case-allocation/index.vue
+++ b/src/views/property/case-allocation/index.vue
@@ -77,6 +77,7 @@
  import { onMounted } from 'vue';
  import { VxeTextEllipsis, VxeTooltip } from 'vxe-pc-ui';
  import { getPlatformPage } from '@/api/platform';
+  import { useRouter } from 'vue-router';
  import { getManageOrgPage } from '@/api/manageOrg';
  import { getTenantPage } from '@/api/tenant';
  import { useDict } from '@/hooks/useDict';
@@ -85,6 +86,7 @@
  const caseLRef = ref();
  const selectdList = ref([]);
  const curParam = ref({});
+  const router = useRouter();
  const onCheckboxChange = (row) => {
    selectdList.value = row.records;
  };
@@ -146,6 +148,12 @@
    getStatisis(obj);
    return obj;
  };
+  const onCellClick = (row) => {
+    router.push({
+      path: '/property/case-detail',
+      query: { id: row.id }, //这里不能直接写成 query: JSON.stringify(item)
+    });
+  };
  const onCheckboxAll = (flag) => {
    if (flag.checked) {
      selectdList.value = flag.records;
@@ -153,16 +161,33 @@
      selectdList.value = [];
    }
  };
-  console.log('citydatacitydata', citydata);
  const config = reactive({
    columns: [
-      { type: 'checkbox', title: '', width: 40 },
+      { type: 'checkbox', title: '', width: 60, fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',
        showOverflow: 'tooltip',
        search: { el: 'input', labelWidth: 78 },
-        width: 100,
+        width: 190,
+        slots: {
+          default: ({ row, rowIndex }) => {
+            return (
+              <>
+                <VxeTooltip
+                  content={row.caseId}
+                >
+                  <VxeTextEllipsis
+                    content={row.caseId}
+                    status="primary"
+                    style="cursor: pointer;"
+                    onClick={() => onCellClick(row)}
+                  ></VxeTextEllipsis>
+                </VxeTooltip>
+              </>
+            );
+          },
+        },
      },
      {
        field: 'arealist',

--- a/src/views/property/case-back/index.vue
+++ b/src/views/property/case-back/index.vue
@@ -53,6 +53,7 @@
  import { VxeTextEllipsis, VxeTooltip } from 'vxe-pc-ui';
  import citydata from '../../../assets/citydata';
  import { onMounted } from 'vue';
+  import { useRouter } from 'vue-router';
  import { getPlatformPage } from '@/api/platform';
  import { getManageOrgPage } from '@/api/manageOrg';
  import { getTenantPage } from '@/api/tenant';
@@ -60,6 +61,7 @@
  import { useDict } from '@/hooks/useDict';
  const { PhoneResultStatus, ReduceType, FlowStatus, FollowStatus, DistributeStatus, CaseStatus } = useDict("PhoneResultStatus","ReduceType", "FlowStatus", "FollowStatus","DistributeStatus", "CaseStatus");
  const caseLRef = ref();
+  const router = useRouter();
  const selectdList = ref([]);
  const curParam = ref({});
  const showModal = ref(false);
@@ -152,17 +154,40 @@
      selectdList.value = [];
    }
  };
-
+  const onCellClick = (row) => {
+    router.push({
+      path: '/property/case-detail',
+      query: { id: row.id }, //这里不能直接写成 query: JSON.stringify(item)
+    });
+  };
  console.log('citydatacitydata', citydata);
  const config = reactive({
    columns: [
-      { type: 'checkbox', title: '', width: 40 },
+      { type: 'checkbox', title: '', width: 60,fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',
        showOverflow: 'tooltip',
        search: { el: 'input', labelWidth: 78 },
-        width: 100,
+        width: 190,
+        slots: {
+          default: ({ row, rowIndex }) => {
+            return (
+              <>
+                <VxeTooltip
+                  content={row.caseId}
+                >
+                  <VxeTextEllipsis
+                    content={row.caseId}
+                    status="primary"
+                    style="cursor: pointer;"
+                    onClick={() => onCellClick(row)}
+                  ></VxeTextEllipsis>
+                </VxeTooltip>
+              </>
+            );
+          },
+        },
      },
      {
        field: 'arealist',

--- a/src/views/property/case-detail/components/callDrawer.vue
+++ b/src/views/property/case-detail/components/callDrawer.vue
@@ -397,7 +397,7 @@
      },
    },
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',

--- a/src/views/property/case-detail/components/reduceDrawer.vue
+++ b/src/views/property/case-detail/components/reduceDrawer.vue
@@ -185,7 +185,7 @@
    },
    minHeight: 200,
    columns: [
-      { type: 'checkbox', title: '', width: '40px' },
+      { type: 'checkbox', title: '', width: '40px',fixed: 'left' },
      {
        field: 'loan.caseId',
        width: 100,

--- a/src/views/property/case-detail/components/repairModal.vue
+++ b/src/views/property/case-detail/components/repairModal.vue
@@ -120,7 +120,7 @@
  const config = computed(() => {
    return {
      columns: [
-        { type: 'checkbox', width: 50 },
+        { type: 'checkbox', width: 60 },
        { type: 'seq', width: 50 },
        {
          field: 'code',

--- a/src/views/property/case-detail/components/returnModal.vue
+++ b/src/views/property/case-detail/components/returnModal.vue
@@ -368,13 +368,18 @@
    td {
      border: 1px solid rgba(5, 5, 5, 0.06);
      background: #fff;
+      color: #606268;
      padding: 8px;
      width: 240px;
+      height: 48px;
+      font-size: 14px;
      line-height: 11px;
      &.label {
        width: 160px;
        text-align: center;
-        background: var(--el-color-primary-light-9);
+        font-weight: bold;
+        background: #f6f8ff;
+        color: #909399;
      }
    }
  }

--- a/src/views/property/case-detail/components/splitDrawer.vue
+++ b/src/views/property/case-detail/components/splitDrawer.vue
@@ -327,7 +327,7 @@
    },
    minHeight: 200,
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',

--- a/src/views/property/case-detail/index.vue
+++ b/src/views/property/case-detail/index.vue
@@ -67,7 +67,7 @@
          </div>
        </div>
      </div>
-      <vxe-tabs v-model="selectTab" type="border-card" :height="140" class="flex-1 mt-3">
+      <vxe-tabs v-model="selectTab" :height="140" class="flex-1 mt-3">
        <vxe-tab-pane title="案件明细" name="3">
          <div id="casedetail">
            <div class="box-title" style="line-height: 43px"
@@ -824,10 +824,10 @@
  const relationConfig = reactive({
    minHeight: 200,
    columns: [
-      { type: 'seq', width: 49 },
+      { type: 'seq', width: 60 },
      {
        field: 'name',
-        width: 89,
+        width: 100,
        title: '联系人姓名',
        showOverflow: 'tooltip',
      },
@@ -899,10 +899,10 @@
  };
  const caseDetailConfig = reactive({
    rowConfig: {
-      height: 32,
+      height: 60,
    },
    cellConfig: {
-      height: 32,
+      height: 60,
    },
    columns: [
      { type: 'expand', width: 80, slots: { content: 'expand_content' } },
@@ -1535,13 +1535,18 @@
    td {
      border: 1px solid rgba(5, 5, 5, 0.06);
      background: #fff;
-      padding: 8px;
-      width: 240px;
-      line-height: 11px;
+        color: #606268;
+        padding: 8px;
+        line-height: 11px;
+        width: 240px;
+        height: 48px;
+        font-size: 14px;
      &.label {
        width: 125px;
        text-align: center;
-        background: var(--el-color-primary-light-9);
+        font-weight: bold;
+        background: #f6f8ff;
+        color: #909399;
      }
    }
  }
@@ -1559,12 +1564,17 @@
      td {
        border: 1px solid rgba(5, 5, 5, 0.06);
        background: #fff;
+        color: #606268;
        padding: 8px;
        width: 240px;
        line-height: 11px;
+        height: 48px;
+        font-size: 14px;
        &.label {
          text-align: center;
-          background: var(--el-color-primary-light-9);
+          background: #f6f8ff;
+          font-weight: bold;
+          color: #909399;
        }
      }
    }

--- a/src/views/property/case-manage/index.vue
+++ b/src/views/property/case-manage/index.vue
@@ -68,7 +68,7 @@
              <>
                <div
                  onClick={() => onCellClick(row)}
-                  className=" text-blue-400 underline cursor-pointer"
+                  className=" text-blue-400 cursor-pointer"
                >
                  {row.caseId}
                </div>

--- a/src/views/property/case-repair/index.vue
+++ b/src/views/property/case-repair/index.vue
@@ -187,7 +187,7 @@
        //   }
        // },
        columns: [
-          { type: 'checkbox', title: '', width: 40 },
+          { type: 'checkbox', title: '', width: 60, fixed: 'left' },
          { field: 'id', title: '跟进记录ID', showOverflow: 'tooltip', width: 90 },
          {
            field: 'caseId',

--- a/src/views/property/case-return/index.vue
+++ b/src/views/property/case-return/index.vue
@@ -51,6 +51,7 @@
  import { reactive, ref } from 'vue';
  import { ElMessageBox, ElMessage } from 'element-plus';
  import citydata from '../../../assets/citydata';
+  import { useRouter } from 'vue-router';
  import { onMounted } from 'vue';
  import { VxeTextEllipsis, VxeTooltip } from 'vxe-pc-ui';
  import { getPlatformPage } from '@/api/platform';
@@ -60,6 +61,7 @@
  import { ArrowDown } from '@element-plus/icons-vue';
  const { PhoneResultStatus, ReduceType, FlowStatus, FollowStatus, DistributeStatus, CaseStatus } = useDict("PhoneResultStatus","ReduceType", "FlowStatus", "FollowStatus","DistributeStatus", "CaseStatus");
  const caseLRef = ref();
+  const router = useRouter();
  const selectdList = ref([]);
  const curParam = ref({});
  const showModal = ref(false);
@@ -152,16 +154,39 @@
      selectdList.value = [];
    }
  };
-  console.log('citydatacitydata', citydata);
+  const onCellClick = (row) => {
+    router.push({
+      path: '/property/case-detail',
+      query: { id: row.id }, //这里不能直接写成 query: JSON.stringify(item)
+    });
+  };
  const config = reactive({
    columns: [
-      { type: 'checkbox', title: '', width: 40 },
+      { type: 'checkbox', title: '', width: 60, fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',
        showOverflow: 'tooltip',
        search: { el: 'input', labelWidth: 78 },
-        width: 100,
+        width: 190,
+        slots: {
+          default: ({ row, rowIndex }) => {
+            return (
+              <>
+                <VxeTooltip
+                  content={row.caseId}
+                >
+                  <VxeTextEllipsis
+                    content={row.caseId}
+                    status="primary"
+                    style="cursor: pointer;"
+                    onClick={() => onCellClick(row)}
+                  ></VxeTextEllipsis>
+                </VxeTooltip>
+              </>
+            );
+          },
+        },
      },
      {
        field: 'arealist',

--- a/src/views/system/ManageOrg/components/AllocationUserModal.vue
+++ b/src/views/system/ManageOrg/components/AllocationUserModal.vue
@@ -16,7 +16,6 @@
    <vxe-table ref="xTable" :data="tableData">
      <vxe-column type="checkbox" width="50" />
      <vxe-column field="username" title="用户账号" minWidth="120" />
-      <vxe-column field="nickName" title="昵称" minWidth="120" />
      <vxe-column field="status" title="状态" width="120">
        <template #default="{ row }">
          <el-tag :type="row.status == 'enable' ? 'primary' : 'danger'">{{

--- a/src/views/system/ManageOrg/index.vue
+++ b/src/views/system/ManageOrg/index.vue
@@ -33,7 +33,7 @@
  const allocationUserModalRef = ref(null);
  const config = reactive({
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      { field: 'id', title: '资管公司ID', showOverflow: 'tooltip' },
      { field: 'orgName', title: '公司名称', showOverflow: 'tooltip', search: { el: 'input' } },
      {

--- a/src/views/system/accountManage/components/AccountFormModal.vue
+++ b/src/views/system/accountManage/components/AccountFormModal.vue
@@ -11,8 +11,8 @@
    <el-form ref="formRef" inline :model="form" :rules="rules" label-width="80px">
      <el-row :gutter="10">
        <el-col :span="24">
-          <el-form-item class="w-full" label="用户名称" prop="username">
-            <el-input v-model="form.username" placeholder="请输入用户名称" />
+          <el-form-item class="w-full" label="手机号" prop="phone">
+            <el-input v-model="form.phone" placeholder="请输入手机号" />
          </el-form-item>
        </el-col>
        <el-col :span="24">
@@ -21,8 +21,8 @@
          </el-form-item>
        </el-col>
        <el-col :span="24">
-          <el-form-item class="w-full" label="昵称" prop="nickName">
-            <el-input v-model="form.nickName" placeholder="请输入昵称" />
+          <el-form-item class="w-full" label="用户名称" prop="username">
+            <el-input v-model="form.username" placeholder="请输入用户名称" />
          </el-form-item>
        </el-col>
        <el-col :span="24">
@@ -37,11 +37,6 @@
            </el-select>
          </el-form-item>
        </el-col>
-        <el-col :span="24">
-          <el-form-item class="w-full" label="手机号" prop="phone">
-            <el-input v-model="form.phone" placeholder="请输入手机号" />
-          </el-form-item>
-        </el-col>
        <el-col :span="24">
          <el-form-item class="w-full" label="状态" prop="status">
            <el-radio-group v-model="form.status">
@@ -74,7 +69,6 @@
  const form = ref({
    username: '',
    roles: [],
-    nickName: '',
    password: '',
    phone: '',
    status: 'enable',
@@ -125,7 +119,6 @@
    form.value = {
      username: '',
      roles: [],
-      nickName: '',
      password: '',
      phone: '',
      status: 'enable',

--- a/src/views/system/accountManage/index.vue
+++ b/src/views/system/accountManage/index.vue
@@ -32,14 +32,8 @@
  const accountFormModalRef = ref();
  const config = reactive({
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      { field: 'username', minWidth: 200, title: '用户名称', search: { el: 'input' } },
-      {
-        field: 'nickName',
-        title: '昵称',
-        width: 160,
-        search: { el: 'input', props: { clearable: true } },
-      },
      {
        field: 'phone',
        title: '手机号',

--- a/src/views/system/platformManage/components/AllocationUserModal.vue
+++ b/src/views/system/platformManage/components/AllocationUserModal.vue
@@ -16,7 +16,6 @@
    <vxe-table ref="xTable" :data="tableData">
      <vxe-column type="checkbox" width="50" />
      <vxe-column field="username" title="用户账号" minWidth="120" />
-      <vxe-column field="nickName" title="昵称" minWidth="120" />
      <vxe-column field="status" title="状态" width="120">
        <template #default="{ row }">
          <el-tag :type="row.status == 'enable' ? 'primary' : 'danger'">{{

--- a/src/views/system/platformManage/index.vue
+++ b/src/views/system/platformManage/index.vue
@@ -27,7 +27,7 @@
  const allocationUserModalRef = ref(null);
  const config = reactive({
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      { field: 'id', title: '借款平台ID' },
      { field: 'name', title: '平台名称', search: { el: 'input' } },
      { field: 'maxStagesNum', title: '分期最大期数', search: { el: 'input' } },

--- a/src/views/system/roleManage/components/AllocationUserModal.vue
+++ b/src/views/system/roleManage/components/AllocationUserModal.vue
@@ -16,7 +16,6 @@
    <vxe-table ref="xTable" :data="tableData">
      <vxe-column type="checkbox" width="50" />
      <vxe-column field="username" title="用户账号" minWidth="120" />
-      <vxe-column field="nickName" title="昵称" minWidth="120" />
      <vxe-column field="status" title="状态" width="120">
        <template #default="{ row }">
          <el-tag :type="row.status == 'enable' ? 'primary' : 'danger'">{{

--- a/src/views/system/roleManage/index.vue
+++ b/src/views/system/roleManage/index.vue
@@ -28,7 +28,7 @@
  const allocationUserModalRef = ref(null);
  const config = reactive({
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      { field: 'roleName', title: '角色名称', search: { el: 'input' } },
      { field: 'roleCode', title: '角色编码', search: { el: 'input' } },
      { field: 'roleDesc', title: '角色描述', search: { el: 'input' } },

--- a/src/views/system/tenantManage/components/AllocationUserModal.vue
+++ b/src/views/system/tenantManage/components/AllocationUserModal.vue
@@ -16,7 +16,6 @@
    <vxe-table ref="xTable" :data="tableData">
      <vxe-column type="checkbox" width="50" />
      <vxe-column field="username" title="用户账号" minWidth="120" />
-      <vxe-column field="nickName" title="昵称" minWidth="120" />
      <vxe-column field="status" title="状态" width="120">
        <template #default="{ row }">
          <el-tag :type="row.status == 'enable' ? 'primary' : 'danger'">{{

--- a/src/views/system/tenantManage/index.vue
+++ b/src/views/system/tenantManage/index.vue
@@ -25,7 +25,7 @@
  const allocationUserModalRef = ref(null);
  const config = reactive({
    columns: [
-      { type: 'checkbox', width: 50 },
+      { type: 'checkbox', width: 60, fixed: 'left' },
      { field: 'name', title: '调解中心名称', search: { el: 'input' } },
      { field: 'code', title: '调解中心编码', search: { el: 'input' } },
      { field: 'adminUser', title: '负责人' },

--- a/src/views/workplace/audit/components/callDrawer.vue
+++ b/src/views/workplace/audit/components/callDrawer.vue
@@ -412,7 +412,7 @@
  const config = reactive({
    minHeight: 200,
    columns: [
-      // { type: 'checkbox', width: 50 },
+      // { type: 'checkbox', width: 60 },
      {
        field: 'caseId',
        title: '案件ID',

--- a/src/views/workplace/audit/index.vue
+++ b/src/views/workplace/audit/index.vue
@@ -170,7 +170,7 @@
        }
      },
      columns: [
-        { type: 'checkbox', title: '', width: 40 },
+        { type: 'checkbox', title: '', width: 60, fixed: 'left' },
        { field: 'id', title: '跟进记录ID', showOverflow: 'tooltip', width: 90 },
        {
          field: 'caseId',

--- a/src/views/workplace/case/index.vue
+++ b/src/views/workplace/case/index.vue
@@ -117,7 +117,7 @@
  };
  const config = reactive({
    columns: [
-      { type: 'checkbox', title: '', width: 40 },
+      { type: 'checkbox', title: '', width: 60, fixed: 'left' },
      {
        field: 'caseId',
        title: '案件ID',