|
@@ -48,7 +48,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableCrackerOutputProduct" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Output Product">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -68,7 +72,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableAromaticsRawMaterial" style="width: 100%;">
|
|
|
<el-table-column label="Aromatics Raw Material">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -88,7 +96,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableAromaticsOutputProduct" style="width: 100%;">
|
|
|
<el-table-column label="Aromatics Output Product">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -108,7 +120,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableEligibleProductRate" style="width: 100%;">
|
|
|
<el-table-column label="Eligible Product rate">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -128,7 +144,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableProductYield" style="width: 100%;">
|
|
|
<el-table-column label="Product yield">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -148,7 +168,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableCrackerUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Utility Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -168,7 +192,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableCrackerEnergyConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Energy Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -188,7 +216,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableAromaticsUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Aromatics Utility Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -208,7 +240,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableAromaticsEnergyConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Aromatics Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -228,7 +264,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tablePlantLoad" style="width: 100%;">
|
|
|
<el-table-column label="Plant load">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -248,7 +288,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableCostFrEthylene" style="width: 100%;">
|
|
|
<el-table-column label="Cost fr Ethylene">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -268,7 +312,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableRuningRate" style="width: 100%;">
|
|
|
<el-table-column label="Runing Rate">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -288,7 +336,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableShoudownHour" style="width: 100%;">
|
|
|
<el-table-column label="Shoudown Hour">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -308,7 +360,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableOtherside" style="width: 100%;">
|
|
|
<el-table-column label="Otherside">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -328,7 +384,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableChemicalConsume" style="width: 100%;">
|
|
|
<el-table-column label="chemical consume">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -348,7 +408,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableSCTUUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="SCTU Utility Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -368,7 +432,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableSUBUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="SUB Utility Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -388,7 +456,11 @@
|
|
|
</el-table>
|
|
|
<el-table border :data="tableSCTFUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="SCTF Utility Consumption">
|
|
|
- <el-table-column prop="title" label=""></el-table-column>
|
|
|
+ <el-table-column width="150" prop="title" label="">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="columnOnclick(scope.row)">{{scope.row.title}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="unit" label="unit"></el-table-column>
|
|
|
<el-table-column prop="currently" label="currently"></el-table-column>
|
|
|
<el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
@@ -471,6 +543,26 @@
|
|
|
import {
|
|
|
getAnalysisData,
|
|
|
getCrackerRawMaterial,
|
|
|
+ getCrackerOutputProduct,
|
|
|
+ getAromaticsRawMaterial,
|
|
|
+ getAromaticsOutputProduct,
|
|
|
+ getEligibleProductRate,
|
|
|
+ getProductYield,
|
|
|
+ getCrackerUtilityConsumption,
|
|
|
+ getCrackerEnergyConsumption,
|
|
|
+ getAromaticsUtilityConsumption,
|
|
|
+ getAromaticsEnergyConsumption,
|
|
|
+ getPlantLoad,
|
|
|
+ getCostFrEthylene,
|
|
|
+ getRuningRate,
|
|
|
+ getShoudownHour,
|
|
|
+ getOtherside,
|
|
|
+ getChemicalConsume,
|
|
|
+ getSCTUUtilityConsumption,
|
|
|
+ getSUBUtilityConsumption,
|
|
|
+ getSCTFUtilityConsumption,
|
|
|
+ getKbi,
|
|
|
+ getSummary
|
|
|
} from "@/api/production/monthly";
|
|
|
|
|
|
export default {
|
|
@@ -521,22 +613,7 @@ export default {
|
|
|
// 月份的固定表示
|
|
|
monthList: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
|
|
tableCrackerRawMaterial: [],
|
|
|
- tableCrackerOutputProduct: [
|
|
|
- {title: "Cracker Output Product"},
|
|
|
- {title: "H2"},
|
|
|
- {title: "C2="},
|
|
|
- {title: "C3="},
|
|
|
- {title: "C3/C4 LPG"},
|
|
|
- {title: "C4'S"},
|
|
|
- {title: "RPG"},
|
|
|
- {title: "PO"},
|
|
|
- {title: "Naphthalene"},
|
|
|
- {title: "EBO"},
|
|
|
- {title: "Cracker Residue "},
|
|
|
- {title: "Methane"},
|
|
|
- {title: "OFFAGE"},
|
|
|
- {title: "output total"},
|
|
|
- ],
|
|
|
+ tableCrackerOutputProduct: [],
|
|
|
tableAromaticsRawMaterial: [
|
|
|
{title: "Aromatics Raw Material"},
|
|
|
{title: "RPG fr EU"},
|
|
@@ -858,6 +935,7 @@ export default {
|
|
|
draw() {
|
|
|
getAnalysisData(this.analysisQueryParams).then(response => {
|
|
|
let data = response.data;
|
|
|
+ console.log(data);
|
|
|
this.maxValue = 0;
|
|
|
this.minValue = data[0].valueData;
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
@@ -947,8 +1025,66 @@ export default {
|
|
|
getCrackerRawMaterial(year).then(response => {
|
|
|
this.tableCrackerRawMaterial = response.data;
|
|
|
});
|
|
|
-
|
|
|
-
|
|
|
+ getCrackerOutputProduct(year).then(response => {
|
|
|
+ this.tableCrackerOutputProduct = response.data;
|
|
|
+ });
|
|
|
+ // getAromaticsRawMaterial(year).then(response => {
|
|
|
+ // this.tableAromaticsRawMaterial = response.data;
|
|
|
+ // });
|
|
|
+ // getAromaticsOutputProduct(year).then(response => {
|
|
|
+ // this.tableAromaticsOutputProduct = response.data;
|
|
|
+ // });
|
|
|
+ // getEligibleProductRate(year).then(response => {
|
|
|
+ // this.tableEligibleProductRate = response.data;
|
|
|
+ // });
|
|
|
+ // getProductYield(year).then(response => {
|
|
|
+ // this.tableProductYield = response.data;
|
|
|
+ // });
|
|
|
+ // getCrackerUtilityConsumption(year).then(response => {
|
|
|
+ // this.tableCrackerUtilityConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getCrackerEnergyConsumption(year).then(response => {
|
|
|
+ // this.tableCrackerEnergyConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getAromaticsUtilityConsumption(year).then(response => {
|
|
|
+ // this.tableAromaticsUtilityConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getAromaticsEnergyConsumption(year).then(response => {
|
|
|
+ // this.tableAromaticsEnergyConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getPlantLoad(year).then(response => {
|
|
|
+ // this.tablePlantLoad = response.data;
|
|
|
+ // });
|
|
|
+ // getCostFrEthylene(year).then(response => {
|
|
|
+ // this.tableCostFrEthylene = response.data;
|
|
|
+ // });
|
|
|
+ // getRuningRate(year).then(response => {
|
|
|
+ // this.tableRuningRate = response.data;
|
|
|
+ // });
|
|
|
+ // getShoudownHour(year).then(response => {
|
|
|
+ // this.tableShoudownHour = response.data;
|
|
|
+ // });
|
|
|
+ // getOtherside(year).then(response => {
|
|
|
+ // this.tableOtherside = response.data;
|
|
|
+ // });
|
|
|
+ // getChemicalConsume(year).then(response => {
|
|
|
+ // this.tableChemicalConsume = response.data;
|
|
|
+ // });
|
|
|
+ // getSCTUUtilityConsumption(year).then(response => {
|
|
|
+ // this.tableSCTUUtilityConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getSUBUtilityConsumption(year).then(response => {
|
|
|
+ // this.tableSUBUtilityConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getSCTFUtilityConsumption(year).then(response => {
|
|
|
+ // this.tableSCTFUtilityConsumption = response.data;
|
|
|
+ // });
|
|
|
+ // getKbi(year).then(response => {
|
|
|
+ // this.tableKBI = response.data;
|
|
|
+ // });
|
|
|
+ // getSummary(year).then(response => {
|
|
|
+ // this.tableSummary = response.data;
|
|
|
+ // });
|
|
|
},
|
|
|
}
|
|
|
}
|