update: 新疆大屏

src/views/indexSun.vue

@@ -8,13 +8,14 @@
         <div class="sun-body-content">
             <div class="sun-body-left">
                 <div class="sun-body-left-one">
-                    <OneL />
+                    <OneL @handle-click="handleOneLeftClick" :center-id="centerId" />
                 </div>
                 <div class="sun-body-left-two">
-                    <twoL />
+                    <twoL @handle-view="handleTwoLClick" />
                 </div>
                 <div class="sun-body-left-three" style="margin-bottom: 0">
-                    <threeL />
+                    <!--                    <threeL />-->
+                    <threeNewL />
                 </div>
             </div>
             <div class="sun-body-center">
@@ -22,21 +23,79 @@
             </div>
             <div class="sun-body-right">
                 <div class="sun-body-right-one">
-                    <oneR :title="'体检数据'" :type="1" />
+                    <oneR @handle-view="handleOneRClick" />
                 </div>
                 <div class="sun-body-right-two">
-                    <oneR :title="'健康打卡数据'" :type="2" />
+                    <twoR />
+                </div>
+                <div class="sun-body-right-three">
+                    <threeR />
                 </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>
 </template>
 <script setup lang="ts">
-    import twoL from '/@/views/indexSun/twoL.vue';
-    import threeL from '/@/views/indexSun/threeL.vue';
+    // import threeL from '/@/views/indexSun/threeL.vue';
     import OneL from '/@/views/indexSun/oneL.vue';
+    import twoL from '/@/views/indexSun/twoL.vue';
+    import threeNewL from '/@/views/indexSun/threeNewL.vue';
     import oneR from '/@/views/indexSun/oneR.vue';
+    import twoR from '/@/views/indexSun/twoR.vue';
+    import threeR from '/@/views/indexSun/threeR.vue';
     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 PhoneDialog from '/@/views/components/phoneDialog/phoneDialog.vue';
+    import { DataType, getSettings } from '/@/utils/settings.ts';
+    import IndexModal from '/@/views/indexSun/indexModal.vue';
+    import router from '/@/router';
+    import { getAuthCache } from '/@/utils/auth.ts';
+    //0:处置 1:处理 2:呼入 3:全部
+    const phoneType = ref('');
+    const phoneDialogTitle = ref('呼入电话');
+    const phoneDialogRef = ref();
+    const indexModalRef = ref();
+    const indexModalTitle = ref();
+    const indexColumn: any = ref([]);
+    const setting = getSettings(DataType.xian);
+    const firstFormOne = ref();
+    const centerId = ref();
+    onMounted(() => {
+        const centerInfo = getAuthCache('centerInfo');
+        centerId.value = centerInfo.id;
+        console.log(centerInfo);
+    });
+    function handleOneLeftClick(item) {
+        const { name, key } = item;
+        //呼入电话
+        //受理电话
+        if (key == 'alerdyreceive' || key == 'gross') {
+            phoneType.value = ServerDetailType[key];
+            indexModalTitle.value = name;
+            firstFormOne.value = fromLists[0];
+            indexColumn.value = columns[0];
+            nextTick(() => {
+                indexModalRef.value.openDialog();
+            });
+        }
+    }
+    function handleTwoLClick() {
+        indexModalTitle.value = '主诉分类详情';
+        indexColumn.value = columns[1];
+        nextTick(() => {
+            indexModalRef.value.openDialog();
+        });
+    }
+    function handleOneRClick() {
+        console.log(12333);
+        router.push({
+            path: '/indexSon',
+        });
+    }
 </script>
 <style lang="less" scoped>
     .sun-screen-box {
@@ -95,7 +154,8 @@
                     border-radius: 14px;
                     .one-l-box,
                     .two-l-box,
-                    .three-l-box {
+                    .three-l-box,
+                    .three-new-l {
                         height: 100%;
                     }
                 }
@@ -109,14 +169,26 @@
             }
             .sun-body-right {
                 .sun-body-right-one,
-                .sun-body-right-two {
-                    height: 49.5%;
+                .sun-body-right-two,
+                .sun-body-right-three {
                     border: 1px solid #00ccff;
                     border-radius: 14px;
-                    .three-l-box {
+                    margin-bottom: 10px;
+                    .one-r-box,
+                    .two-r-box,
+                    .three-r-box {
                         height: 100%;
                     }
                 }
+                .sun-body-right-one {
+                    height: 30%;
+                }
+                .sun-body-right-two {
+                    height: 42%;
+                }
+                .sun-body-right-three {
+                    height: 26%;
+                }
             }
         }
     }