echarts 图表

src/utils/echarts.js

-import { nextTick } from 'vue';
+import { nextTick } from '@vue/composition-api';
 import * as echarts from 'echarts';
 
 
@@ -11,7 +11,10 @@ import * as echarts from 'echarts';
 export function initEcharts(option, panelId) {
     var svChart;
     return nextTick(() => {
+
         svChart = echarts.getInstanceByDom(document.getElementById(panelId));
+
+
         if (svChart == null) {
             svChart = echarts.init(document.getElementById(panelId));
         }
@@ -25,7 +28,8 @@ export function initEcharts(option, panelId) {
         });
 
         return svChart;
-    });
+    })
+
 }
 
 

src/views/outHistorygrouping.vue

@@ -2,62 +2,13 @@
  * @Author: wsq
  * @Date: 2022-03-02 16:34:58
  * @LastEditors: ninglupeng
- * @LastEditTime: 2022-06-07 14:35:40
+ * @LastEditTime: 2022-06-07 15:06:17
  * @Description: 
 -->
 <template>
     <!-- 智能分组 -->
     <div class="outsetgrouping" id="setGroupingbox">
-        <div class="outsetgrouping_button">
-            <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
-                <span class="iconfont icon-ipr_tijiao "></span> <span class="s2">提交</span>
-            </el-button>
-        </div>
-        <div class="outsetgrouping_top">
-            <div class="outsetgrouping_top_message">
-                <div class="outsetgrouping_top_message_left">
-                    <span class="iconfont icon-xinrenzhinan"> </span>
-                    <div class="outsetgrouping_top_message_left_t1">
-                        住院号:<span>{{ casehisObj ? casehisObj.a48 : '' }}</span>
-                    </div>
-                </div>
-                <div class="outsetgrouping_top_message_centert">
-                    <span class="iconfont icon-yinhangka"></span>
-                    <div class="outsetgrouping_top_message_centert_t2">
-                        住院次数:<span>{{ casehisObj.a49 }}</span>
-                    </div>
-                </div>
-                <div class="outsetgrouping_top_message_right">
-                    <span class="iconfont icon-fufeiguanli"></span>
-                    <div class="outsetgrouping_top_message_right_t3">
-                        医疗付费方式:<span>{{ casehisObj.a46C }}</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="outsetgrouping_top2">
-            <div class="outsetgrouping_top2_message">
-                <div class="outsetgrouping_top2_message_left">
-                    <span class="iconfont icon-iconset0254"> </span>
-                    <div class="outsetgrouping_top2_message_left_t1">
-                        当前入组编码:<span>{{ casehisObj.drgs.code }}</span>
-                    </div>
-                </div>
-                <div class="outsetgrouping_top2_message_centert">
-                    <span class="iconfont icon-daoru"></span>
-                    <div class="outsetgrouping_top2_message_centert_t2">
-                        入组名称:<span>{{ casehisObj.drgs.name }}</span>
-                    </div>
-                </div>
-                <div class="outsetgrouping_top2_message_right">
-                    <span class="iconfont icon-qianqian-"></span>
-                    <div class="outsetgrouping_top2_message_right_t3">
-                        医疗支付金额:<span>{{ casehisObj.drgs.actualfee }}</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="outsetgrouping_top3"></div>
+
         <div class="outsetgrouping_title"><span class="outsetgrouping_title_span">智能疾病分组</span></div>
         <div class="outsetgrouping_centent">
             <div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index">