单项页面加条件

src/views/home/productionCostAnalysis/SIMFRMCostAnalysis.vue

@@ -91,7 +91,7 @@ export default {
       totalData: {},
       trend: [],
       relatedData: {},
-      trendName: '采购单价',
+      trendName: '成本',
       meterialName:'',
       materialOptions: [
         {value:'氢氧化铝',label:'氢氧化铝'},

src/views/home/productionCostAnalysis/singleCombustible.vue

@@ -38,7 +38,6 @@
             gap: 12px;
             grid-template-columns: 1624px;
           ">
-          <!-- <monthlyRelatedMetrics :itemData="renderList" :title="'月度·相关指标分析'" /> -->
           <relateSingleFuelCostAnalysis :fuelName='fuelName' :relatedData="relatedData" :title="'相关指标分析'" />
 
         </div>
@@ -53,14 +52,6 @@
         </div>
       </div>
     </div>
-    <!-- <div class="centerImg" style="
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1; /* 确保在 backp 之上、内容之下 */
-      "></div> -->
   </div>
 </template>
 <script>
@@ -70,21 +61,11 @@ import screenfull from "screenfull";
 import changeBase from "../components/changeBase.vue";
 import monthlyOverview from "../productionCostAnalysisComponents/monthlyOverview.vue";
 import totalOverview from "../productionCostAnalysisComponents/totalOverview.vue";
-// import totalOverview from "../operatingComponents/totalOverview.vue";
-// import monthlyRelatedMetrics from "../procurementGainAnalysisComponents/monthlyRelatedMetrics.vue";
 import relateSingleFuelCostAnalysis from "../productionCostAnalysisComponents/relateSingleCombustible.vue";
 import dataTrend from "../productionCostAnalysisComponents/dataTrendSingleCombustible.vue";
 import { mapState } from "vuex";
 import { getSingleMaterialAnalysis } from '@/api/cockpit'
-// import PSDO from "./components/PSDO.vue";
-// import psiLineChart from "./components/psiLineChart.vue";
-
-// import coreBottomLeft from "./components/coreBottomLeft.vue";
-// import orderProgress from "./components/orderProgress.vue";
-// import keyWork from "./components/keyWork.vue";
 import moment from "moment";
-// import html2canvas from 'html2canvas'
-// import JsPDF from 'jspdf'
 export default {
   name: "DayReport",
   components: {
@@ -95,7 +76,6 @@ export default {
     totalOverview,
     relateSingleFuelCostAnalysis,
     dataTrend
-    // psiLineChart
   },
   data() {
     return {
@@ -110,7 +90,7 @@ export default {
       totalData: {},
       trend: [],
       relatedData: {},
-      trendName: '采购单价',
+      trendName: '成本',
       fuelName:'',
       fuelOptions: [
         {value:'天然气',label:'天然气'},

src/views/home/productionCostAnalysis/singleProcAuxMatCost.vue

@@ -90,7 +90,7 @@ export default {
       totalData: {},
       trend: [],
       relatedData: {},
-      trendName: '采购单价',
+      trendName: '成本',
       auxMatName:'',
       auxMatOptions: [
         {value:'镀膜液',label:'镀膜液'},

src/views/home/productionCostAnalysis/singleProcessingFuel.vue

@@ -90,7 +90,7 @@ export default {
       totalData: {},
       trend: [],
       relatedData: {},
-      trendName: '加工电成本',
+      trendName: '成本',
       fuelName:'',
       fuelOptions: [
         {value:'电',label:'电'},
@@ -227,7 +227,6 @@ export default {
     },
     handleFuelChange(val) {
       this.fuelName = val
-      if(this.fuelName === '水' && this.trendName === '加工电成本') return
       this.getData()
     },
     selectChange(data) {

src/views/home/productionCostAnalysisComponents/dataTrendBarSingleCombustible.vue

@@ -29,13 +29,13 @@
             </div>
             <div class="dropdown-container">
               <div class="item-button profit-btn active" @click.stop="isDropdownShow = !isDropdownShow">
-                <span class="item-text profit-text">{{ selectedProfit || '请选择' }}</span>
+                <span class="item-text profit-text">{{ selectedProfitLabel || '请选择' }}</span>
                 <span class="dropdown-arrow" :class="{ 'rotate': isDropdownShow }"></span>
               </div>
               <div class="dropdown-options" v-if="isDropdownShow">
                 <div class="dropdown-option" v-for="(item, index) in profitOptions" :key="index"
                   @click.stop="selectProfit(item)">
-                  {{ item.name }}
+                  {{ item.label }}
                 </div>
               </div>
             </div>
@@ -60,8 +60,9 @@ export default {
   data() {
     return {
       isDropdownShow: false,
-      selectedProfit: '采购单价',
-      unit:'元/m³'
+      selectedProfit: '成本',
+      selectedProfitLabel:'单项燃动力成本',
+      unit:'元/㎡'
     };
   },
   watch: {
@@ -89,26 +90,29 @@ export default {
     profitOptions() {
       if (this.fuelName === '重油') {
         return [
-          { name: '采购单价', unit: '元/吨'},
-          { name: '产量', unit: '㎡'},
-          { name: '单耗', unit: '千克/㎡'},
-          { name: '消耗量', unit: '吨'},
-          { name: '热耗', unit: '千卡/千克'}
+          {label:'单项燃动力成本', name: '成本', unit: '元/㎡'},
+          {label:'采购单价', name: '采购单价', unit: '元/吨'},
+          {label:'产量', name: '产量', unit: '㎡'},
+          {label:'单耗', name: '单耗', unit: '千克/㎡'},
+          {label:'消耗量', name: '消耗量', unit: '吨'},
+          {label:'热耗', name: '热耗', unit: '千卡/千克'}
         ]
       }else if(this.fuelName === '水'){
         return [
-          { name: '采购单价', unit: '元/m³'},
-          { name: '产量', unit: '㎡'},
-          { name: '单耗', unit: 'm³/㎡'},
-          { name: '消耗量', unit: 'm³'}
+          {label:'单项燃动力成本', name: '成本', unit: '元/㎡'},
+          {label:'采购单价', name: '采购单价', unit: '元/m³'},
+          {label:'产量', name: '产量', unit: '㎡'},
+          {label:'单耗', name: '单耗', unit: 'm³/㎡'},
+          {label:'消耗量', name: '消耗量', unit: 'm³'}
         ]
       }else{
         return [
-          { name: '采购单价', unit: '元/m³'},
-          { name: '产量', unit: '㎡'},
-          { name: '单耗', unit: 'm³/㎡'},
-          { name: '消耗量', unit: 'm³'},
-          { name: '热耗', unit: '千卡/千克'}
+          {label:'单项燃动力成本', name: '成本', unit: '元/㎡'},
+          {label:'采购单价', name: '采购单价', unit: '元/m³'},
+          {label:'产量', name: '产量', unit: '㎡'},
+          {label:'单耗', name: '单耗', unit: 'm³/㎡'},
+          {label:'消耗量', name: '消耗量', unit: 'm³'},
+          {label:'热耗', name: '热耗', unit: '千卡/千克'}
         ]
       }
     },
@@ -288,6 +292,7 @@ export default {
   methods: {
     selectProfit(item) {
       this.selectedProfit = item.name;
+      this.selectedProfitLabel = item.label;
       this.unit = item.unit;
       this.isDropdownShow = false;
       this.$emit('handleGetItemData', item.name)
@@ -445,7 +450,7 @@ export default {
       }
 
       .profit-btn {
-        width: 123px;
+        width: 130px;
         border-top-right-radius: 12px;
         border-bottom-right-radius: 12px;
         position: relative;

src/views/home/productionCostAnalysisComponents/dataTrendBarSingleFuelDian.vue

@@ -29,13 +29,13 @@
             </div>
             <div class="dropdown-container">
               <div class="item-button profit-btn active" @click.stop="isDropdownShow = !isDropdownShow">
-                <span class="item-text profit-text">{{ selectedProfit || '请选择' }}</span>
+                <span class="item-text profit-text">{{ selectedProfitLabel || '请选择' }}</span>
                 <span class="dropdown-arrow" :class="{ 'rotate': isDropdownShow }"></span>
               </div>
               <div class="dropdown-options" v-if="isDropdownShow">
                 <div class="dropdown-option" v-for="(item, index) in profitOptions" :key="index"
                   @click.stop="selectProfit(item)">
-                  {{ item.name }}
+                  {{ item.label }}
                 </div>
               </div>
             </div>
@@ -60,8 +60,9 @@ export default {
   data() {
     return {
       isDropdownShow: false,
-      selectedProfit: '',
-      unit: ''
+      selectedProfit: '成本',
+      selectedProfitLabel:'单项燃料成本',
+      unit: '元/㎡'
     };
   },
   watch: {
@@ -89,19 +90,19 @@ export default {
     profitOptions() {
       if (this.fuelName === '电') {
         return [
-          // { name: '加工电成本', unit: '元/㎡' },
-          { name: '采购单价', unit: '元/度' },
-          { name: '产量', unit: '㎡' },
-          { name: '单耗', unit: '度/㎡' },
-          { name: '消耗量', unit: '度' }
+          {label:'单项燃料成本', name: '成本', unit: '元/㎡' },
+          {label:'采购单价', name: '采购单价', unit: '元/度' },
+          {label:'产量', name: '产量', unit: '㎡' },
+          {label:'单耗', name: '单耗', unit: '度/㎡' },
+          {label:'消耗量', name: '消耗量', unit: '度' }
         ]
       } else {
         return [
-          // { name: '加工水成本', unit: '元/㎡' },
-          { name: '采购单价', unit: '元/m³' },
-          { name: '产量', unit: '㎡' },
-          { name: '单耗', unit: 'm³/㎡' },
-          { name: '消耗量', unit: 'm³' }
+          {label:'单项燃料成本', name: '成本', unit: '元/㎡' },
+          {label:'采购单价', name: '采购单价', unit: '元/m³' },
+          {label:'产量', name: '产量', unit: '㎡' },
+          {label:'单耗', name: '单耗', unit: 'm³/㎡' },
+          {label:'消耗量', name: '消耗量', unit: 'm³' }
         ]
       }
     },
@@ -281,6 +282,7 @@ export default {
   methods: {
     selectProfit(item) {
       this.selectedProfit = item.name;
+      this.selectedProfitLabel = item.label;
       this.unit = item.unit;
       this.isDropdownShow = false;
       this.$emit('handleGetItemData', item.name)

src/views/home/productionCostAnalysisComponents/dataTrendBarSingleFuelF.vue

@@ -29,13 +29,13 @@
             </div>
             <div class="dropdown-container">
               <div class="item-button profit-btn active" @click.stop="isDropdownShow = !isDropdownShow">
-                <span class="item-text profit-text">{{ selectedProfit || '请选择' }}</span>
+                <span class="item-text profit-text">{{ selectedProfitLabel || '请选择' }}</span>
                 <span class="dropdown-arrow" :class="{ 'rotate': isDropdownShow }"></span>
               </div>
               <div class="dropdown-options" v-if="isDropdownShow">
                 <div class="dropdown-option" v-for="(item, index) in profitOptions" :key="index"
                   @click.stop="selectProfit(item)">
-                  {{ item.name }}
+                  {{ item.label }}
                 </div>
               </div>
             </div>
@@ -60,13 +60,15 @@ export default {
   data() {
     return {
       isDropdownShow: false,
-      selectedProfit: '采购单价', // 选中的名称，初始为null
-      unit:'元/千克',
+      selectedProfit: '成本', // 选中的名称，初始为null
+      selectedProfitLabel:'单项辅料成本',
+      unit:'元/㎡',
       profitOptions: [
-        {name:'采购单价',unit:'元/千克'},
-        {name:'产量',unit:'㎡'},
-        {name:'单耗',unit:'千克/㎡'},
-        {name:'消耗量',unit:'千克'}
+        {label:'单项辅料成本',name:'成本',unit:'元/㎡'},
+        {label:'采购单价',name:'采购单价',unit:'元/千克'},
+        {label:'产量',name:'产量',unit:'㎡'},
+        {label:'单耗',name:'单耗',unit:'千克/㎡'},
+        {label:'消耗量',name:'消耗量',unit:'千克'}
       ]
     };
   },
@@ -247,6 +249,7 @@ export default {
   methods: {
     selectProfit(item) {
       this.selectedProfit = item.name;
+      this.selectedProfitLabel = item.label;
       this.unit = item.unit;
       this.isDropdownShow = false;
       this.$emit('handleGetItemData', item.name)

src/views/home/productionCostAnalysisComponents/dataTrendBarSingleFuelYL.vue

@@ -29,13 +29,13 @@
             </div>
             <div class="dropdown-container">
               <div class="item-button profit-btn active" @click.stop="isDropdownShow = !isDropdownShow">
-                <span class="item-text profit-text">{{ selectedProfit || '请选择' }}</span>
+                <span class="item-text profit-text">{{ selectedProfitLabel || '请选择' }}</span>
                 <span class="dropdown-arrow" :class="{ 'rotate': isDropdownShow }"></span>
               </div>
               <div class="dropdown-options" v-if="isDropdownShow">
                 <div class="dropdown-option" v-for="(item, index) in profitOptions" :key="index"
                   @click.stop="selectProfit(item)">
-                  {{ item.name }}
+                  {{ item.label }}
                 </div>
               </div>
             </div>
@@ -60,14 +60,16 @@ export default {
   data() {
     return {
       isDropdownShow: false,
-      selectedProfit: '采购单价', // 选中的名称，初始为null
-      unit:'元/吨',
+      selectedProfit: '成本', // 选中的名称，初始为null
+      selectedProfitLabel:'单项原料成本',
+      unit:'元/㎡',
       profitOptions: [
-        {name:'采购单价',unit:'元/吨'},
-        {name:'产量',unit:'㎡'},
-        {name:'单耗',unit:'千克/㎡'},
-        {name:'消耗量',unit:'吨'},
-        {name:'日均消耗量',unit:'吨'}
+        {label:'单项原料成本',name:'成本',unit:'元/㎡'},
+        {label:'采购单价',name:'采购单价',unit:'元/吨'},
+        {label:'产量',name:'产量',unit:'㎡'},
+        {label:'单耗',name:'单耗',unit:'千克/㎡'},
+        {label:'消耗量',name:'消耗量',unit:'吨'},
+        {label:'日均消耗量',name:'日均消耗量',unit:'吨'}
       ]
     };
   },
@@ -248,6 +250,7 @@ export default {
   methods: {
     selectProfit(item) {
       this.selectedProfit = item.name;
+      this.selectedProfitLabel = item.label;
       this.unit = item.unit;
       this.isDropdownShow = false;
       this.$emit('handleGetItemData', item.name)