案件分派汇总

src/views/home/components/ActiveUser.vue

 <template>
     <!-- 未来30天访问量趋势预测图 -->
     <div class="region" style="margin-right: 10px; width: calc(50% - 10px)">
-        <div class="echarts">
+      <div class="card-header">
+        <div class="title flex justify-between w-full">
+            <h4 class="box-title">近12个月回款金额</h4>
+        </div>
+      </div>
+        <div class="echarts" style="height: calc(100% - 30px);">
         <ECharts :option="option" :resize="false" />
         </div>
     </div>
@@ -130,9 +135,13 @@
   </script>
   
   <style lang="scss" scoped>
+    .card-header {
+    padding: 0 18px !important;
+  }
     .echarts {
       width: 100%;
       height: 100%;
+      padding-left: 5px;
       :deep(.line-chart-bg) {
         box-sizing: border-box;
         display: flex;

src/views/property/analy-table/index.vue

@@ -34,6 +34,7 @@
     import { inject, nextTick } from 'vue';
     import { computed } from 'vue';
     import { ElMessageBox, ElMessage, ElButton, ElTag } from 'element-plus';
+    import { getdepartmentTree } from '@/api/departmentManage';
     import { onMounted } from 'vue';
     import { getAppEnvConfig } from '@/utils/env';
     import { getCollectorStatsVo, getCollectorNoDistributeStatsVo, getCollectorProvinceStatsVo } from '@/api/analy';
@@ -51,7 +52,9 @@
       );
     const envs = getAppEnvConfig();
     const { userInfo } = useUserStore();
-    
+    const departlist = ref([]);
+    const userStore = useUserStore();
+    console.log('userStore', userStore)
     import { reactive, ref } from 'vue';
     const downloadfile = inject('download');
   
@@ -149,21 +152,37 @@
         firstLoad.value = false
       if (activeName.value === '催员持案汇总') {
         config['columns'] = [{
-        title: '催员姓名',
-        field: 'collectorName',
-        showOverflow: 'tooltip',
-        width: 120,
-        search: { el: 'input', props: { clearable: true }, key: 'cpeName', labelWidth: 105 },
-        },
-        {
-        showOverflow: 'tooltip',
-        field: 'tenantName',
-        enum: () => getTenantPage({ current: 1, size: 999999999, status: 'enable' }),
-        search: { el: 'select', props: { filterable: true }, key: 'tenant', labelWidth: 105 },
-        fieldNames: { label: 'name', value: 'id' },
-        title: '调解中心',
-        width: 120,
+            title: '催员姓名',
+            field: 'collectorName',
+            showOverflow: 'tooltip',
+            width: 120,
+            search: { el: 'input', props: { clearable: true }, key: 'cpeName', labelWidth: 105 },
         }]
+        if (userStore.userInfo?.roles && userStore.userInfo?.roles.find(i => i.roleCode === 'admin')) {
+            config['columns'].push({
+                showOverflow: 'tooltip',
+                field: 'tenantName',
+                enum: () => getTenantPage({ current: 1, size: 999999999, status: 'enable' }),
+                search: { el: 'select', props: { filterable: true }, key: 'tenant', labelWidth: 105 },
+                fieldNames: { label: 'name', value: 'id' },
+                title: '调解中心',
+                width: 120,
+            })
+        } else if (userStore.userInfo?.roles && userStore.userInfo?.roles.find(i => i.roleCode === 'tenantAdmin')) {
+            config['columns'].push({
+                field: 'departmentName',
+                title: '部门',
+                width: 160,
+                enum: departlist,
+                fieldNames: { label: 'name', value: 'id' },
+                search: {
+                el: 'tree-select',
+                props: { filterable: true, checkStrictly: true },
+                labelWidth: 85,
+                key: 'departmentId',
+                }
+            })
+        }
       } else if (activeName.value === '未分派案件汇总') {
         config['columns'] = [{
         title: '委案类型',
@@ -189,6 +208,11 @@
   
     onMounted(() => {
       query();
+      getdepartmentTree().then((res) => {
+        if (res.success) {
+            departlist.value = res.result;
+        }
+      });
     });
   </script>
   
\ No newline at end of file