案件id可点击

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

@@ -56,6 +56,7 @@
   import { ElMessageBox, ElMessage, ElButton } from 'element-plus';
   import { Download } from '@element-plus/icons-vue';
   import { getTenantPage } from '@/api/tenant';
+  import { useRouter } from 'vue-router';
   import { useDict } from '@/hooks/useDict';
   import { getAppEnvConfig } from '@/utils/env';
   import { useAuthStore } from '@/stores/modules/auth';
@@ -74,6 +75,7 @@
   const downloadfile = inject('download');
   const activeName = ref('pending');
   const tabs = ref([]);
+  const router = useRouter();
 
   const ProTableRef = ref();
   const showModal = ref(false);
@@ -195,6 +197,12 @@
     RefImage.value = true;
     srcList.value = list;
   };
+  const onCellClick = (row) => {
+    router.push({
+      path: '/property/case-detail',
+      query: { id: row.id }, //这里不能直接写成 query: JSON.stringify(item)
+    });
+  };
   const config = computed(() => {
     return {
       columns: [
@@ -207,7 +215,8 @@
           search: { el: 'input', labelWidth: 90 },
           slots: {
             default: ({ row }) => {
-              return <>{Array.from(new Set(row.loans.map((v) => v.caseId))).join(',')}</>;
+              return <>{Array.from(new Set(row.loans.map((v, iiii) => <><span onClick={() => onCellClick(v)}
+                  className="text-blue-400 cursor-pointer">{v.caseId}</span><span>{iiii === row.loans.length - 1 ? '':','}</span></>)))}</>;
             },
           },
           width: 80,

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

@@ -59,6 +59,9 @@
   import { Download } from '@element-plus/icons-vue';
   import { getAppEnvConfig } from '@/utils/env';
   import { useAuthStore } from '@/stores/modules/auth';
+  import { useRouter } from 'vue-router';
+  const router = useRouter();
+
   const envs = getAppEnvConfig();
   const reduceDrawerRef = ref();
   const { authButtonListGet } = useAuthStore(); // 获取用户权限列表
@@ -163,6 +166,12 @@
 
     query();
   };
+  const onCellClick = (row) => {
+    router.push({
+      path: '/property/case-detail',
+      query: { id: row.id }, //这里不能直接写成 query: JSON.stringify(item)
+    });
+  };
   const config = computed(() => {
     return {
       columns: [
@@ -175,9 +184,8 @@
           search: { el: 'input', labelWidth: 90 },
           slots: {
             default: ({ row }) => {
-              return (
-                <>{Array.from(new Set(row.reduceRecords.map((v) => v.loan.caseId))).join(',')}</>
-              );
+              return <>{Array.from(new Set(row.reduceRecords.map((v, iiii) => <><span onClick={() => onCellClick(v.loan)}
+                  className="text-blue-400 cursor-pointer">{v.loan.caseId}</span><span>{iiii === row.reduceRecords.length - 1 ? '':','}</span></>)))}</>;
             },
           },
           width: 120,

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

@@ -58,6 +58,8 @@
   import { useAuthStore } from '@/stores/modules/auth';
   const { authButtonListGet } = useAuthStore(); // 获取用户权限列表
   const returnModalRef = ref();
+  import { useRouter } from 'vue-router';
+  const router = useRouter();
 
   const { RepayType, FlowStatus } = useDict('RepayType', 'FlowStatus');
   const ProTableRef = ref();
@@ -77,6 +79,12 @@
       selectdList.value = [];
     }
   };
+  const onCellClick = (row) => {
+    router.push({
+      path: '/property/case-detail',
+      query: { id: row.id }, //这里不能直接写成 query: JSON.stringify(item)
+    });
+  };
   const handleClick = () => {
     setTimeout(() => {
       query();
@@ -171,17 +179,14 @@
           slots: {
             default: ({ row }) => {
               if (row.reduce && row.reduce.reduceRecords) {
-                return (
-                  <>
-                    {Array.from(new Set(row.reduce.reduceRecords.map((v) => v.loan.caseId))).join(
-                      ','
-                    )}
-                  </>
-                );
+                return <>{Array.from(new Set(row.reduce.reduceRecords.map((v, iiii) => <><span onClick={() => onCellClick(v.loan)}
+                  className="text-blue-400 cursor-pointer">{v.loan.caseId}</span><span>{iiii === row.reduce.reduceRecords.length - 1 ? '':','}</span></>)))}</>;
               } else if (row.stages && row.stages.loans) {
-                return <>{Array.from(new Set(row.stages.loans.map((v) => v.caseId))).join(',')}</>;
+                return <>{Array.from(new Set(row.stages.loans.map((v, iiii) => <><span onClick={() => onCellClick(v)}
+                  className="text-blue-400 cursor-pointer">{v.caseId}</span><span>{iiii === row.stages.loans.length - 1 ? '':','}</span></>)))}</>;
               } else {
-                return <>{row.loan?.caseId}</>;
+                return <><span onClick={() => onCellClick(row.loan)}
+                  className="text-blue-400 cursor-pointer">{row.loan?.caseId}</span></>;
               }
             },
           },