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%;

src/components/dialog/Dialog.vue

@@ -38,6 +38,7 @@
     .dialog {
         border: 1px solid #0a50a0;
         background-color: #00152b;
+        padding-bottom: 0;
 
         .ant-modal-title {
             position: relative;
@@ -68,10 +69,14 @@
             padding: 0 !important;
         }
 
-        .ant-modal-close-x,
         .anticon {
             color: #999999 !important;
             height: 40px;
+        }
+
+        .ant-modal-close-x {
+            color: #999999 !important;
+            height: 40px;
             line-height: 40px;
         }
 

src/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue

@@ -73,7 +73,6 @@
 
     async function getRecords() {
         try {
-            dataSource.value = [];
             tableLoading.value = true;
             const { code, result } = await props.api({ ...props.apiParams, pageSize: pageSize.value, pageNo: current.value });
             if (code == 200) {
@@ -85,6 +84,9 @@
                 paginationProp.value = { ...paginationProp.value, ...result };
                 paginationProp.value.pageSize = result.size;
             }
+        } catch (e) {
+            dataSource.value = [];
+            tableLoading.value = false;
         } finally {
             tableLoading.value = false;
         }
@@ -114,6 +116,7 @@
         border-top: 1px solid var(--tableHeadBg) !important;
         border-bottom: none;
         padding: 9px 9px;
+        text-align: center;
     }
 
     :deep(.ant-table-cell-scrollbar) {
@@ -141,6 +144,7 @@
         background-color: var(--tableRowBg) !important;
         border-bottom: 1px solid var(--tableRowBorder);
         padding: 10px 4px !important;
+        text-align: center;
     }
 
     :deep(.ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover) {