2021-11-29

src/views/PdcData/Analysis.vue

@@ -50,17 +50,6 @@
     <board :title="title[3]">
       <!-- 成本分析 -->
       <div class="cost">
-        <div class="select">
-          <!-- <el-select size="small" v-model="costValue">
-            <el-option
-              v-for="item in costOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select> -->
-        </div>
         <div class="cost-content">
           <div class="cost-left">
             <cost-pie :data="costPieData" :title="costTitles[costIndex]">
@@ -345,7 +334,7 @@ export default {
       // 经营分析
       costTitles: ["总成本", "基础猪群", "保育猪群", "育肥猪群", "后备猪群"], // 成本分析 - 被选中的名字
       costIndex: 0, // 成本分析 - 名字数组的 index
-      costPieData: [], // 经营分析 - 成本分析环形图
+      costPieData: {}, // 经营分析 - 成本分析环形图
       costHisData: [], // 经营分析 - 柱状图
       // 重要指标
       importantOptions: [

src/views/PdcData/analysis/CostPie.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-12 08:39:43
- * @LastEditTime: 2021-11-28 17:10:20
+ * @LastEditTime: 2021-11-29 09:38:46
  * @LastEditors: Please set LastEditors
  * @Description: 成本分析扇形图
  * @FilePath: \hyyfClient\src\views\PdcData\analysis\CostPie.vue
@@ -18,6 +18,10 @@ export default {
       type: Object,
       default: () => {},
     },
+    title: {
+      type: String,
+      default: "",
+    },
   },
   data() {
     return {
@@ -32,12 +36,22 @@ export default {
       let total = gtValue + syValue + slValue;
       console.log("total", total);
       let options = {
+        title: {
+          text: this.title,
+          x: "center",
+          y: "bottom",
+          textAlign: " center",
+          textStyle: {
+            fontSize: 15,
+            color: "#666",
+          },
+        },
         grid: {
           x: 100,
         },
         legend: {
-          top: "25%",
-          left: "85%",
+          top: "30%",
+          left: "70%",
           orient: "vertical",
           icon: "circle",
           selectedMode: false, // 取消右侧项选中
@@ -52,7 +66,7 @@ export default {
             // name: 'Access From',
             type: "pie",
             radius: "70%", // 半径
-            center: ["45%", "55%"],
+            center: ["35%", "45%"],
             avoidLabelOverlap: false,
             labelLine: {
               show: true,