制造成本分析下所有单项页面修改

src/views/home/productionCostAnalysis/singleProcMfgOverheadCost.vue

@@ -2,7 +2,9 @@
   <div id="dayReport" class="dayReport" :style="styles">
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <sidebar v-if="!sidebar.hide" class="sidebar-container" />
-    <ReportHeader :dateData="dateData" size="psi" @timeRangeChange="handleTimeChange" top-title="单项加工制造费用成本" :is-full-screen="isFullScreen"
+    <ReportHeader :dateData="dateData" size="psi" @timeRangeChange="handleTimeChange"
+      @selectChange='handleOverheadChange' :selectName='overheadName' :selectOptions='overheadOptions'
+      top-title="单项加工制造费用成本" :is-full-screen="isFullScreen"
       @screenfullChange="screenfullChange" :leftMargin=" '270px' " />
     <div class="main-body" style="
         margin-top: -20px;
@@ -52,7 +54,7 @@
   </div>
 </template>
 <script>
-import ReportHeader from "../components/noRouterHeader.vue";
+import ReportHeader from "../productionCostAnalysisComponents/noRouterHeader.vue";
 import { Sidebar } from "../../../layout/components";
 import screenfull from "screenfull";
 import changeBase from "../components/changeBase.vue";
@@ -94,7 +96,13 @@ export default {
       totalData: {},
       trend: [],
       relatedData: {},
-      trendName: '备件丶机物料成本',
+      trendName: '',
+      overheadName:'',
+      overheadOptions: [
+        {value:'备件丶机物料',label:'备件丶机物料'},
+        {value:'折旧',label:'折旧'},
+        {value:'其他',label:'其他'}
+      ]
     };
   },
 
@@ -160,6 +168,7 @@ export default {
         this.beilv = _this.clientWidth / 1920;
       })();
     };
+    this.overheadName = this.$route.query.name ? this.$route.query.name : '备件丶机物料'
     if(this.$route.query.factory){
       this.factory =Number(this.$route.query.factory)
     }else if(this.$store.getters.levelList.length > 0 && this.$store.getters.levelList[0].id !== 1) {
@@ -170,22 +179,14 @@ export default {
     this.dateData = this.$route.query.dateData ? this.$route.query.dateData : undefined
   },
   methods: {
-    changeItem(item) {
-      console.log('item', item);
-
-      this.trendName = item
-      this.getData()
-    },
     getData() {
       const requestParams = {
         startTime: this.dateData.startTime,
         endTime: this.dateData.endTime,
         // index: this.index,
         // sort: 1,
-        trendName: this.trendName,
-        analysisObject: [
-          '加工制造费用成本'
-        ],
+        trendName: this.overheadName+'成本',
+        analysisObject: ['加工制造费用成本'],
         // paramList: ['制造成本', '财务费用', '销售费用', '管理费用', '运费'],
         levelId: this.factory,
         // baseId: Number(this.factory),
@@ -195,13 +196,10 @@ export default {
         this.monData = res.data.currentMonthData.find(item => {
           return item.name === "加工制造费用成本";
         });
-        console.log('this.monData', this.monData);
 
         this.totalData = res.data.totalMonthData.find(item => {
           return item.name === "加工制造费用成本";
         });
-        // this.relatedMon = res.data.relatedMon
-        ;
         this.trend = res.data.dataTrend
       });
     },
@@ -216,6 +214,10 @@ export default {
 
       this.getData()
     },
+    handleOverheadChange(val) {
+      this.overheadName = val
+      this.getData()
+    },
     selectChange(data) {
       console.log('选中的数据：', data);
       this.factory = data