满意度看板

src/views/system/jbdScan/satisfaction/satisfaction.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <el-dialog
-            :title="'满意度统计（编制时间：' + generalList[0].bian_zhi_shi_jian+'）'"
+            :title="`满意度统计（时间范围：${generalList[0].kai_shi_shi_jian_} - ${generalList[0].jie_shu_shi_jian_}）`"
             :visible.sync="generalShow"
             width="80%"
             top="0"
@@ -15,18 +15,43 @@
                 </div>
                 <div class="centerBorder">
                     <div class="cenSin" style="border-right: 1px solid #ccc">
-                        <div ref="Echart1" class="chart" />
+                        <div v-if="show1" ref="Echart1" class="chart" />
+                        <div v-else class="chart">
+                            <div class="chartName" style="color: #00c16e">住院患者</div>
+                            <div class="chartA">
+                                暂无数据
+                            </div>
+                        </div>
+
                     </div>
                     <div class="cenSin">
-                        <div ref="Echart2" class="chart" />
+                        <div v-if="show2" ref="Echart2" class="chart" />
+                        <div v-else class="chart">
+                            <div class="chartName" style="color: #d20962">门诊患者</div>
+                            <div class="chartA">
+                                暂无数据
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div class="centerBorder">
                     <div class="cenSin" style="border-right: 1px solid #ccc">
-                        <div ref="Echart3" class="chart" />
+                        <div v-if="show3" ref="Echart3" class="chart" />
+                        <div v-else class="chart">
+                            <div class="chartName" style="color: #0cb9c1">医务人员</div>
+                            <div class="chartA">
+                                暂无数据
+                            </div>
+                        </div>
                     </div>
                     <div class="cenSin">
-                        <div ref="Echart4" class="chart" />
+                        <div v-if="show4" ref="Echart4" class="chart" />
+                        <div v-else class="chart">
+                            <div class="chartName" style="color: #7552cc">员工</div>
+                            <div class="chartA">
+                                暂无数据
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -97,4 +122,16 @@ export default {
         width: 48%;
     }
 }
+.chartA{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.chartName{
+    text-align: center;
+    font-size: 20px;
+    padding: 15px 0;
+    font-weight: bold;
+}
 </style>

src/views/system/jbdScan/satisfaction/satisfactionJS.js

@@ -3,7 +3,12 @@ import echarts from 'echarts'
 const radius = window.innerWidth > 1600 ? '55%' : '45%'
 export default {
     data () {
-
+        return {
+            show1: true,
+            show2: true,
+            show3: true,
+            show4: true
+        }
     },
     created () {
         this.id = this.generalList[0].id_
@@ -102,17 +107,30 @@ export default {
                         const accept = echarts.init(this.$refs.Echart)
                         accept.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list, titleData))))
 
-                        const accept1 = echarts.init(this.$refs.Echart1)
-                        accept1.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list1, titleData1))))
+                        this.show1 = list1.every(item => item.value !== '0')
+                        if (this.show1) {
+                            const accept1 = echarts.init(this.$refs.Echart1)
+                            accept1.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list1, titleData1))))
+                        }
 
-                        const accept2 = echarts.init(this.$refs.Echart2)
-                        accept2.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list2, titleData2))))
+                        this.show2 = list2.every(item => item.value !== '0')
+                        console.log(this.show2,list2)
+                        if (this.show2) {
+                            const accept2 = echarts.init(this.$refs.Echart2)
+                            accept2.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list2, titleData2))))
+                        }
 
-                        const accept3 = echarts.init(this.$refs.Echart3)
-                        accept3.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list3, titleData3))))
+                        this.show3 = list3.every(item => item.value !== '0')
+                        if (this.show3) {
+                            const accept3 = echarts.init(this.$refs.Echart3)
+                            accept3.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list3, titleData3))))
+                        }
 
-                        const accept4 = echarts.init(this.$refs.Echart4)
-                        accept4.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list4, titleData4))))
+                        this.show4 = list4.every(item => item.value !== '0')
+                        if (this.show4) {
+                            const accept4 = echarts.init(this.$refs.Echart4)
+                            accept4.setOption(JSON.parse(JSON.stringify(this.barData(legendData, list4, titleData4))))
+                        }
                     } else {
                         this.close()
                         this.$message.error('统计的数据已经被清除，请检查数据是否被清除')