联调全景展示 省级 详情页

src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue

@@ -17,8 +17,8 @@
                     <span>分布统计</span>
                 </div>
                 <div class="pie">
-                    <MyEChart style="height: 260px; width: 50%" :options="picEChart" />
-                    <el-table size="small" height="260px" style="width: 240px" :data="picList">
+                    <MyEChart style="height: 260px; width: 60%" :options="picEChart" />
+                    <el-table size="small" height="260px" style="width: 35%" :data="picList">
                         <el-table-column prop="orgName" width="80px" align="center"></el-table-column>
                         <el-table-column prop="onlineEvaluate" label="终端评价" align="center">
                             <template #default="scope">
@@ -113,7 +113,7 @@ const open = async (row: any) => {
         res.data.forEach((item: any) => {
             picData.push({
                 value: item.devCount,
-                name: `${item.orgName}：${item.devCount}台`,
+                name: `${item.orgName}`,
                 itemStyle: {
                     color: item.onlineEvaluate < 60 ? 'red' : item.onlineEvaluate < 90 ? 'orange' : 'green'
                 }
@@ -136,13 +136,21 @@ const open = async (row: any) => {
                     {
                         type: 'pie',
                         startAngle: 360,
-                        center: ['50%', '50%'],
-                        radius: ['25%', '35%'],
+                        center: ['50%', '55%'],
+                        radius: ['40%', '60%'],
                         endAngle: 0,
-
+                        labelLine: {
+                            length: 8,
+                            length2: 50,
+                            show: true
+                        },
+                        label: {
+                            padding: [0, -50],
+                            formatter: '{b}:{c}台\n\n'
+                        },
                         itemStyle: {
                             borderColor: '#fff',
-                            borderWidth: 5
+                            borderWidth: 1
                         },
 
                         data: picData