update 增加应急单弹窗、调整echart图表

src/components/body-d-left/bodyLeftHooks.ts

@@ -370,7 +370,7 @@ export function barOption(xData, ydata, theme) {
         grid: {
             top: '18%',
             left: '8%',
-            right: '8%',
+            right: '4%',
             bottom: '15%',
         },
         tooltip: {

src/components/body-d-left/left.api.ts

@@ -5,6 +5,7 @@ export enum Api {
     server = '/health-emergency/emergency/tblUserHelp/statistics',
     getDetail = '/health-medical/medical/hospital/getMedicalHospital',
     complaint = '/health-emergency/emergency/tblHelpCenter/sicknessTypeStatistic',
+    orderDetail = '/health-emergency/emergency/order/list',
 }
 
 //获取全部部门
@@ -15,3 +16,5 @@ export const list = (params: any) => get(Api.server, params);
 export const complaint = (params: any) => get(Api.complaint, params);
 //体检数据
 export const getDetail = (params: any) => get(Api.getDetail, params);
+//获取主诉分类应急工单详情
+export const getOrderDetail = (params: any) => get(Api.orderDetail, params);

src/components/body-d-left/twoL.vue

@@ -1,6 +1,8 @@
 <template>
     <div class="common-card" :class="[themeType]">
-        <public-title title="主诉分类" :themeType="themeType" />
+        <public-title title="主诉分类" :themeType="themeType">
+            <template #right><span class="right-text" :class="[themeType]" @click="viewDetail">查看详情</span> </template>
+        </public-title>
         <div class="zc-inner">
             <div class="title">
                 <div class="type-all">
@@ -37,6 +39,7 @@
             type: Boolean,
         },
     });
+    const emit = defineEmits(['viewDetail']);
     const { themeType } = useTheme();
     const { setSession, getSession } = useSession();
     const { LEFT_KEY2 } = caching;
@@ -114,8 +117,30 @@
             myChart.resize();
         });
     }
+
+    /**
+     * 查看详情
+     */
+    function viewDetail() {
+        emit('viewDetail');
+    }
 </script>
 <style scoped lang="less">
+    .right-text {
+        font-weight: 100;
+        cursor: pointer;
+        margin-right: 3px;
+        font-size: 18px;
+    }
+
+    .right-text.light {
+        color: #667ecc;
+    }
+
+    .right-text:hover {
+        color: #129bff;
+    }
+
     .zc-inner {
         position: relative;
         width: 100%;