王子文 生产日报 对比指标下拉框

ui/src/views/production/daily/index.vue

@@ -270,7 +270,7 @@
               <span v-if="!updating">{{reportData.propyleneProduced}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.propyleneProduced"/>
             </td>
-            <td class="bg-yellow-light" rowspan="2" @click="openDialog('propylene_produced', 'Propylene Inventory')">
+            <td class="bg-yellow-light" rowspan="2" @click="openDialog('propylene_inventory', 'Propylene Inventory')">
               <span v-if="!updating">{{reportData.propyleneInventory}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.propyleneInventory"/>
             </td>
@@ -720,7 +720,7 @@
               <span v-if="!updating">{{reportData.offgasToCEru}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.offgasToCEru"/>
             </td>
-            <td class="bg-yellow-light" @click="openDialog('offgas_sub_in_close_u2', 'Offgas \tSuB(inclose U2)')">
+            <td class="bg-yellow-light" @click="openDialog('offgas_sub_in_close_u2', 'Offgas SuB(inclose U2)')">
               <span v-if="!updating">{{reportData.offgasSubInCloseU2}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.offgasSubInCloseU2"/>
             </td>
@@ -891,7 +891,7 @@
             <td class="no-border solid-line-bottom no-padding" rowspan="2" colspan="3">
               <!--<div class="triangle-right"></div>-->
             </td>
-            <td class="bg-yellow-light" @click="openDialog('aeu_toluene_to_ypc', 'AEU Toluene To YPC}')">
+            <td class="bg-yellow-light" @click="openDialog('aeu_toluene_to_ypc', 'AEU Toluene To YPC')">
               <span v-if="!updating">{{reportData.aeuTolueneToYpc}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToYpc"/>
             </td>
@@ -1904,7 +1904,7 @@
               <span v-if="!updating">{{reportData.sctfStorageTk1340C9}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.sctfStorageTk1340C9"/>
             </td>
-            <td class="bg-green" @click="openDialog('sctf_storage_tk1350_po', 'SCTF STORAGE CLT1350(C9)')">
+            <td class="bg-green" @click="openDialog('sctf_storage_tk1350_po', 'SCTF STORAGE CLT1350(PO)')">
               <span v-if="!updating">{{reportData.sctfStorageTk1350Po}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.sctfStorageTk1350Po"/>
             </td>
@@ -2132,20 +2132,20 @@
               <span v-if="!updating">{{reportData.coolingWaterToe}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.coolingWaterToe"/>
             </td>
-            <td class="bg-purple-light" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">
-              <span v-if="!updating" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">{{reportData.coolingWaterTce}}</span>
+            <td class="bg-purple-light" @click="openDialog('cooling_water_tce', 'coolling water TCE/unit')">
+              <span v-if="!updating">{{reportData.coolingWaterTce}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.coolingWaterTce"/>
             </td>
-            <td class="bg-purple-light" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">
-              <span v-if="!updating" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">{{reportData.coolingWaterPre}}</span>
+            <td class="bg-purple-light" @click="openDialog('cooling_water_pre', 'coolling water Pre-standard')">
+              <span v-if="!updating">{{reportData.coolingWaterPre}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.coolingWaterPre"/>
             </td>
-            <td class="bg-yellow-light" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">
-              <span v-if="!updating" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">{{reportData.coolingWaterCracker}}</span>
+            <td class="bg-yellow-light" @click="openDialog('cooling_water__cracker', 'coolling water Cracker')">
+              <span v-if="!updating">{{reportData.coolingWaterCracker}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.coolingWaterCracker"/>
             </td>
-            <td class="bg-yellow-light" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">
-              <span v-if="!updating" @click="openDialog('cooling_water_toe', 'coolling water TOE/unit')">{{reportData.coolingWaterCrackerTT}}</span>
+            <td class="bg-yellow-light" @click="openDialog('cooling_water_cracker_tt', 'coolling water Cracker t/t')">
+              <span v-if="!updating">{{reportData.coolingWaterCrackerTT}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.coolingWaterCrackerTT"/>
             </td>
             <td class="bg-yellow-light" @click="openDialog('cooling_water_cracker_kgoe', 'coolling water Cracker kgOE/t C2=')">
@@ -2823,6 +2823,8 @@
       <el-form :model="analysisQueryParams" ref="queryForm" :inline="true" label-width="68px">
         <el-form-item label="开始日期" prop="startDate">
           <el-date-picker
+            style="width: 200px;"
+            @change="handleAnalysisQuery"
             v-model="analysisQueryParams.startDate"
             type="date"
             placeholder="选择开始日期">
@@ -2830,13 +2832,23 @@
         </el-form-item>
         <el-form-item label="结束日期" prop="endDate">
           <el-date-picker
+            style="width: 200px;"
+            @change="handleAnalysisQuery"
             v-model="analysisQueryParams.endDate"
             type="date"
             placeholder="选择结束日期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item>
-          <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleAnalysisQuery()">{{ $t('搜索') }}</el-button>
+        <el-form-item label="对比指标" prop="">
+          <el-select filterable clearable placeholder="请选择对比指标">
+            <el-option
+              style="width: 260px;"
+              v-for="dict in chemicalsOptions"
+              :key="dict.dictValue"
+              :label="dict.dictLabel"
+              :value="dict.dictValue">
+            </el-option>
+          </el-select>
         </el-form-item>
       </el-form>
       <div id="bottomRightChartDialog" style="width:940px;height:400px;"></div>
@@ -2857,6 +2869,7 @@ export default {
   components: { Treeselect },
   data() {
     return {
+      chemicalsOptions: [],
       maxValue: null,
       minValue: null,
       chart: null,
@@ -4004,13 +4017,16 @@ export default {
         }
    },
   created() {
-      //设置表格高度对应屏幕高度
-      this.$nextTick(() => {
-          this.clientHeight = document.body.clientHeight -250
-      })
-      this.setMaxDate();
-      this.getTreeselect();
-      this.loading = false;
+    //设置表格高度对应屏幕高度
+    this.$nextTick(() => {
+        this.clientHeight = document.body.clientHeight -250
+    });
+    this.getDicts("CHEMICALS").then(response => {
+      this.chemicalsOptions = response.data;
+    });
+    this.setMaxDate();
+    this.getTreeselect();
+    this.loading = false;
   },
   // mounted() {
   //   let element = document.getElementById("Nap");