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

src/views/index.vue

@@ -10,7 +10,7 @@
         <div class="body-d">
             <div class="body-d-left" :class="[themeType]">
                 <one-l theme="light" :setting="setting" :refreshState="refreshState" @handleClick="handlePhoneDialog" />
-                <two-l theme="light" :key="tabState" :refreshState="refreshState" />
+                <two-l theme="light" :key="tabState" :refreshState="refreshState" @view-detail="viewDetail" />
                 <three-l :key="tabState" :setting="setting" :refreshState="refreshState" />
             </div>
             <div class="body-d-middle">
@@ -28,10 +28,14 @@
             </div>
         </div>
         <div class="bottom-d"></div>
+        <!-- 云坐席弹窗 -->
         <YunZuoXiDialog ref="yunZuoXiDialogRef" :record="xianYunData" @confirmHelp="confirmHelp" />
         <EmployeeDialog ref="employeeDialogRef" :record="socketData" />
         <EmergencyDialog ref="emergencyDialogRef" :record="emergencyData" @confirmHelp="confirmHelp" />
+        <!-- 服务详情数据弹窗 -->
         <PhoneDialog ref="phoneDialogRef" :title="phoneDialogTitle" :useForm="true" :setting="setting" :phoneType="phoneType" />
+        <!-- 主诉分类应急工单弹窗-->
+        <OrderDialog ref="orderDialogRef" title="应急工单"></OrderDialog>
     </div>
 </template>
 <script setup lang="ts">
@@ -53,6 +57,7 @@
     import { DataType, getSettings, ThemeType } from '/@/utils/settings.ts';
     import { ServerDetailType } from '/@/components/body-d-left/bodyLeftHooks.ts';
     import PhoneDialog from '/@/views/components/phoneDialog/phoneDialog.vue';
+    import OrderDialog from '/@/views/components/orderDialog.vue';
     import { Map } from '/@/assets/mapUtils/map.ts';
     import { useUserStore } from '/@/store/modules/user.ts';
     import { lightMapOption } from '/@/assets/mapUtils/mapConstant.ts';
@@ -332,6 +337,15 @@
             emergencyDialogRef.value.openDialog();
         });
     }
+
+    /**
+     * 应急单查看详情
+     */
+    const orderDialogRef = ref(null);
+
+    function viewDetail() {
+        orderDialogRef.value.openDialog();
+    }
 </script>
 <style lang="less" scoped>
     .outer {