update: 大屏接口

src/views/indexSun.vue

@@ -27,16 +27,25 @@
                     <oneR @handle-view="handleOneRClick" />
                 </div>
                 <div class="sun-body-right-two">
-                    <twoR />
+                    <twoR @handle-click="handleTwoRClick" />
                 </div>
                 <div class="sun-body-right-three">
-                    <threeR />
+                    <threeR @handle-click="handleThreeRClick" />
                 </div>
             </div>
         </div>
     </div>
     <PhoneDialog ref="phoneDialogRef" :title="phoneDialogTitle" :useForm="true" :setting="setting" :phoneType="phoneType" />
-    <IndexModal ref="indexModalRef" :title="indexModalTitle" :useForm="true" :column="indexColumn" :firstForm="firstFormOne" />
+    <IndexModal
+        ref="indexModalRef"
+        :api="modalApi"
+        :api-params="apiParams"
+        :title="indexModalTitle"
+        :useForm="true"
+        :column="indexColumn"
+        :firstForm="firstFormOne"
+        :twoROnly="twoROnly"
+    />
 </template>
 <script setup lang="ts">
     // import threeL from '/@/views/indexSun/threeL.vue';
@@ -49,13 +58,15 @@
     import CenterMap from '/@/views/indexSun/centerMap.vue';
     import { ServerDetailType } from '/@/components/body-d-left/bodyLeftHooks.ts';
     import { nextTick, onMounted, ref } from 'vue';
-    import { columns, fromLists } from '/@/views/indexSun/indexSun.ts';
+    import { columns, fromLists, threeRModalColumns, threeRModalFromList, towRcolumns, twoRform } from '/@/views/indexSun/indexSun.ts';
     import PhoneDialog from '/@/views/components/phoneDialog/phoneDialog.vue';
     import { DataType, getSettings } from '/@/utils/settings.ts';
     import IndexModal from '/@/views/indexSun/indexModal.vue';
     import LoginOutButton from '/@/views/components/loginOutButton.vue';
     import router from '/@/router';
     import { getAuthCache } from '/@/utils/auth.ts';
+    import { threeRModalApi, twoRModal1Api, twoRModal2Api, twoRModal3Api } from '/@/views/indexSun/indexSun.api.ts';
+    import dayjs from 'dayjs';
     //0:处置 1:处理 2:呼入 3:全部
     const phoneType = ref('');
     const phoneDialogTitle = ref('呼入电话');
@@ -66,11 +77,12 @@
     const setting = getSettings(DataType.xian);
     const firstFormOne = ref();
     const centerId = ref();
+    const apiParams = ref();
+    const modalApi = ref();
+    const twoROnly = ref();
     onMounted(() => {
         const centerInfo = getAuthCache('centerInfo');
-        console.log(getAuthCache('centerInfo'), '123');
         centerId.value = centerInfo.id;
-        console.log(centerInfo, '12312313');
     });
     function handleOneLeftClick(item) {
         const { name, key } = item;
@@ -81,6 +93,7 @@
             indexModalTitle.value = name;
             firstFormOne.value = fromLists[0];
             indexColumn.value = columns[0];
+            twoROnly.value = '';
             nextTick(() => {
                 indexModalRef.value.openDialog();
             });
@@ -90,6 +103,7 @@
         indexModalTitle.value = '主诉分类详情';
         indexColumn.value = columns[1];
         firstFormOne.value = fromLists[1];
+        twoROnly.value = '';
         nextTick(() => {
             indexModalRef.value.openDialog();
         });
@@ -100,6 +114,44 @@
             path: '/indexSon',
         });
     }
+    function handleThreeRClick(type) {
+        const textArr = ['心血管异常人员列表', '脑血管异常人员列表', '冠状CT异常人员列表'];
+        console.log(type);
+        indexModalTitle.value = textArr[type - 1];
+        indexColumn.value = threeRModalColumns;
+        modalApi.value = threeRModalApi;
+        twoROnly.value = '';
+        apiParams.value = { queryType: type };
+        firstFormOne.value = threeRModalFromList;
+        nextTick(() => {
+            indexModalRef.value.openDialog();
+        });
+    }
+    function handleTwoRClick(data) {
+        const textArr = ['健康打卡减重数据', '健康打卡减血糖数据', '健康打卡血压数据'];
+        indexModalTitle.value = textArr[data.type - 1];
+        indexColumn.value = towRcolumns[data.type - 1];
+        twoROnly.value = data;
+        const apiArr = [twoRModal1Api, twoRModal2Api, twoRModal3Api];
+        const params = {
+            inputDateBegin: '',
+            inputDateEnd: '',
+            abFlag: data.normal == 2 ? '1' : '2',
+        };
+        if (data.date == 1) {
+            params.inputDateBegin = dayjs().format('YYYY-MM-DD');
+            params.inputDateEnd = dayjs().format('YYYY-MM-DD');
+        } else {
+            params.inputDateBegin = dayjs().startOf('month').format('YYYY-MM-DD');
+            params.inputDateEnd = dayjs().format('YYYY-MM-DD');
+        }
+        apiParams.value = params;
+        modalApi.value = apiArr[data.type - 1];
+        firstFormOne.value = twoRform(data.normal == 2 ? '1' : '2');
+        nextTick(() => {
+            indexModalRef.value.openDialog();
+        });
+    }
 </script>
 <style lang="less" scoped>
     .sun-screen-box {