风险评估模型计算结果查看修改

src/components/customComponent/Jsresults.vue

 <template>
   <BasicModal v-bind="$attrs" @register="registerModal" title="计算结果" width="70%" :footer="null" @cancel="handleCancel">
-    <BasicTable @register="registerTable1" v-if="mode === '1'">
+    <BasicTable @register="registerTable1">
       <!-- 查询条件与表格之间的插槽 -->
       <template #extra-toolbar>
-        <a-radio-group v-model:value="mode">
-          <a-radio-button value="1">查看参数信息</a-radio-button>
-          <a-radio-button value="2">查看计算信息</a-radio-button>
-        </a-radio-group>
-      </template>
-      <template #jssz1="{ record }">
-        <span v-if="record.jstype === 1 || record.jstype === 3">{{ record.jssz1 }}</span>
-      </template>
-      <template #jssz2="{ record }">
-        <span v-if="record.jstype === 2 || record.jstype === 3">{{ record.jssz2 }}</span>
-      </template>
-    </BasicTable>
-    <BasicTable @register="registerTable2" v-if="mode === '2'">
-      <template #extra-toolbar>
-        <a-radio-group v-model:value="mode">
+        <a-radio-group v-model:value="mode" @change="handleChangeRadio">
           <a-radio-button value="1">查看参数信息</a-radio-button>
           <a-radio-button value="2">查看计算信息</a-radio-button>
         </a-radio-group>
@@ -135,67 +121,97 @@
         });
       })
     }
+  const mode = ref('1');
 
   const columns1: BasicColumn[] = [
     {
       title: '参数符号',
       dataIndex: 'csfh',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '1'?true:false
+      }
     },
     {
       title: '参数名称',
       dataIndex: 'csmc',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '1'?true:false
+      }
     },
     {
       title: '单位',
       dataIndex: 'csdw',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '1'?true:false
+      }
     },
     {
       title: '第一类用地推荐值',
       dataIndex: 'jssz1',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '1'?true:false
+      }
     },
     {
       title: '第二类用地推荐值',
       dataIndex: 'jssz2',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '1'?true:false
+      }
     },
     {
       title: '说明',
       dataIndex: 'bz',
       resizable: true,
+      ifShow:  () => {
+        return mode.value == '1'?true:false
+      }
     },
-  ];
-  const columns2: BasicColumn[] = [
     {
       title: '参数',
       dataIndex: 'gscs',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '2'?true:false
+      }
     },
     {
       title: '描述',
       dataIndex: 'gsms',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '2'?true:false
+      }
     },
     {
       title: '第一类用地推荐值',
       dataIndex: 'jssz1',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '2'?true:false
+      }
     },
     {
       title: '第二类用地推荐值',
       dataIndex: 'jssz2',
       resizable: true,
+      ifShow: () => {
+        return mode.value == '2'?true:false
+      }
     },
   ];
+ 
   const { tableContext: tableContext1 } = useListPage({
     tableProps: {
       title: '',
       beforeFetch: async (params) => {
-        params.wrdkid = wrdkid.value;
-        params.mxwrwId = mxwrwId.value;
+        // params.wrdkid = wrdkid.value;
+        params.mode = mode.value;
       },
       api: JsCsjg,
       afterFetch(res: any) {
@@ -217,40 +233,16 @@
       },
     },
   });
-  const { tableContext: tableContext2 } = useListPage({
-    tableProps: {
-      title: '',
-      beforeFetch: async (params) => {
-        params.wrdkid = wrdkid.value;
-        params.mxwrwId = mxwrwId.value;
-      },
-      api: Jsjg,
-      afterFetch(res: any) {
-        let arr = [...columns2];
-        if (res[0]?.jstype === '1') {
-          arr = columns2.filter((column: any) => column.dataIndex !== 'jssz2');
-        }
-        if (res[0]?.jstype === '2') {
-          arr = columns2.filter((column: any) => column.dataIndex !== 'jssz1');
+  const handleChangeRadio = (e) => {
+    mode.value = e.target.value
+    reload()
   }
-        setColumns2(arr);
-      },
-      columns: columns2,
-      canResize: false,
-      showIndexColumn: true,
-      showActionColumn: false,
-      formConfig: {
-        schemas: searchFormSchema,
-      },
-    },
-  });
-  const mode = ref('1');
+ 
   const [registerModal, { setModalProps }] = useModalInner(async (data) => {
     mode.value = '1';
     setModalProps({ confirmLoading: false, showCancelBtn: data?.showFooter, showOkBtn: data?.showFooter });
   });
-  const [registerTable1, { setColumns: setColumns1 }, {}] = tableContext1;
-  const [registerTable2, { setColumns: setColumns2 }, {}] = tableContext2;
+  const [registerTable1, { setColumns: setColumns1, reload }, {}] = tableContext1;
   const handleCancel = () => {
     mode.value = '';
   };

src/views/zcgl/wrcdfxpg/api.ts

@@ -28,7 +28,7 @@ export const JsCsjg = (params) => {
     if (!params.wrdkid) {
         return []
     }
-    return defHttp.get({ url: Api.JsCsjg, params })
+    return defHttp.get({ url: params.mode=='1'?Api.JsCsjg:Api.Jsjg, params })
 } 
 
 export const Jsjg = (params) => {