|
@@ -1532,6 +1532,32 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<!-- Chemical Consume -->
|
|
<!-- Chemical Consume -->
|
|
|
|
+ <div class="editDiv">
|
|
|
|
+ <el-button
|
|
|
|
+ :disabled="chemicalConsumeUpdating"
|
|
|
|
+ type="primary"
|
|
|
|
+ icon="el-icon-edit"
|
|
|
|
+ size="mini"
|
|
|
|
+ @click="handleChemicalConsumeUpdate"
|
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
|
+ >{{ $t('编辑Chemical Consume') }}</el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ :disabled="!chemicalConsumeUpdating"
|
|
|
|
+ type="success"
|
|
|
|
+ icon="el-icon-check"
|
|
|
|
+ size="mini"
|
|
|
|
+ @click="handleConfirmChemicalConsumeUpdate"
|
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
|
+ >{{ $t('保存') }}</el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ :disabled="!chemicalConsumeUpdating"
|
|
|
|
+ type="info"
|
|
|
|
+ icon="el-icon-close"
|
|
|
|
+ size="mini"
|
|
|
|
+ @click="handleCancelChemicalConsumeUpdate"
|
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
|
+ >{{ $t('取消') }}</el-button>
|
|
|
|
+ </div>
|
|
<el-table border :data="tableChemicalConsume" style="width: 100%;">
|
|
<el-table border :data="tableChemicalConsume" style="width: 100%;">
|
|
<el-table-column label="chemical consume">
|
|
<el-table-column label="chemical consume">
|
|
<el-table-column width="150" prop="title" label="">
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -1541,18 +1567,102 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="unit" label="unit"></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="currently" label="currently"></el-table-column>
|
|
- <el-table-column prop="jan" :label="this.monthList[0]"></el-table-column>
|
|
|
|
- <el-table-column prop="feb" :label="this.monthList[1]"></el-table-column>
|
|
|
|
- <el-table-column prop="mar" :label="this.monthList[2]"></el-table-column>
|
|
|
|
- <el-table-column prop="apr" :label="this.monthList[3]"></el-table-column>
|
|
|
|
- <el-table-column prop="may" :label="this.monthList[4]"></el-table-column>
|
|
|
|
- <el-table-column prop="jun" :label="this.monthList[5]"></el-table-column>
|
|
|
|
- <el-table-column prop="jul" :label="this.monthList[6]"></el-table-column>
|
|
|
|
- <el-table-column prop="aug" :label="this.monthList[7]"></el-table-column>
|
|
|
|
- <el-table-column prop="sep" :label="this.monthList[8]"></el-table-column>
|
|
|
|
- <el-table-column prop="oct" :label="this.monthList[9]"></el-table-column>
|
|
|
|
- <el-table-column prop="nov" :label="this.monthList[10]"></el-table-column>
|
|
|
|
- <el-table-column prop="dec" :label="this.monthList[11]"></el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="jan" :label="this.monthList[0]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.jan}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.jan" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="feb" :label="this.monthList[1]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.feb}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.feb" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="mar" :label="this.monthList[2]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.mar}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.mar" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="apr" :label="this.monthList[3]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.apr}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.apr" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="may" :label="this.monthList[4]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.may}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.may" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="jun" :label="this.monthList[5]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.jun}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.jun" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="jul" :label="this.monthList[6]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.jul}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.jul" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="aug" :label="this.monthList[7]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.aug}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.aug" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="sep" :label="this.monthList[8]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.sep}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.sep" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="oct" :label="this.monthList[9]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.oct}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.oct" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="nov" :label="this.monthList[10]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.nov}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.nov" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="dec" :label="this.monthList[11]">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div v-if="!chemicalConsumeUpdating">{{row.dec}}</div>
|
|
|
|
+ <div v-if="chemicalConsumeUpdating">
|
|
|
|
+ <el-input v-model="row.dec" clearable="true"></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -1724,7 +1834,8 @@ import {
|
|
updateCrackerUtilityConsumption,
|
|
updateCrackerUtilityConsumption,
|
|
updateAromaticsUtilityConsumption,
|
|
updateAromaticsUtilityConsumption,
|
|
updateShoudownHour,
|
|
updateShoudownHour,
|
|
- updateRuningRate
|
|
|
|
|
|
+ updateRuningRate,
|
|
|
|
+ updateChemicalConsume
|
|
} from "@/api/production/monthly";
|
|
} from "@/api/production/monthly";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -1732,6 +1843,7 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
// 修改中
|
|
// 修改中
|
|
|
|
+ chemicalConsumeUpdating: false,
|
|
runingRateUpdating: false,
|
|
runingRateUpdating: false,
|
|
shoudownHourUpdating: false,
|
|
shoudownHourUpdating: false,
|
|
aromaticsUtilityConsumptionUpdating: false,
|
|
aromaticsUtilityConsumptionUpdating: false,
|
|
@@ -1795,31 +1907,7 @@ export default {
|
|
tableRuningRate: [],
|
|
tableRuningRate: [],
|
|
tableShoudownHour: [],
|
|
tableShoudownHour: [],
|
|
tableOtherside: [],
|
|
tableOtherside: [],
|
|
- tableChemicalConsume: [
|
|
|
|
- {title: "Cracker and PGU"},
|
|
|
|
- {title: "PT-3000"},
|
|
|
|
- {title: "NAOH"},
|
|
|
|
- {title: "PT-4000"},
|
|
|
|
- {title: "EC3392A"},
|
|
|
|
- {title: "2W906"},
|
|
|
|
- {title: "EC1489A"},
|
|
|
|
- {title: "EC1486A"},
|
|
|
|
- {title: "20Y3483"},
|
|
|
|
- {title: "8Q202"},
|
|
|
|
- {title: "20Y97A"},
|
|
|
|
- {title: "EC3269A"},
|
|
|
|
- {title: "20Y25"},
|
|
|
|
- {title: "20Y77"},
|
|
|
|
- {title: "510WS"},
|
|
|
|
- {title: "N130"},
|
|
|
|
- {title: "H2SO4"},
|
|
|
|
- {title: "NaOH"},
|
|
|
|
- {title: "CH3OH"},
|
|
|
|
- {title: ""},
|
|
|
|
- {title: "PT-3000"},
|
|
|
|
- {title: ""},
|
|
|
|
- {title: ""},
|
|
|
|
- ],
|
|
|
|
|
|
+ tableChemicalConsume: [],
|
|
tableSCTUUtilityConsumption: [
|
|
tableSCTUUtilityConsumption: [
|
|
{title: "FG ( NG+Offage)"},
|
|
{title: "FG ( NG+Offage)"},
|
|
{title: "MP"},
|
|
{title: "MP"},
|
|
@@ -1939,12 +2027,15 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
/** 编辑按钮操作 */
|
|
/** 编辑按钮操作 */
|
|
|
|
+ handleChemicalConsumeUpdate(row) {
|
|
|
|
+ this.chemicalConsumeUpdating = true;
|
|
|
|
+ },
|
|
handleRuningRateUpdate(row) {
|
|
handleRuningRateUpdate(row) {
|
|
this.runingRateUpdating = true;
|
|
this.runingRateUpdating = true;
|
|
},
|
|
},
|
|
handleShoudownHourUpdate(row) {
|
|
handleShoudownHourUpdate(row) {
|
|
- this.shoudownHourUpdating = true;
|
|
|
|
-},
|
|
|
|
|
|
+ this.shoudownHourUpdating = true;
|
|
|
|
+ },
|
|
handleAromaticsUtilityConsumptionUpdate(row) {
|
|
handleAromaticsUtilityConsumptionUpdate(row) {
|
|
this.aromaticsUtilityConsumptionUpdating = true;
|
|
this.aromaticsUtilityConsumptionUpdating = true;
|
|
},
|
|
},
|
|
@@ -1955,6 +2046,22 @@ export default {
|
|
this.eligibleProductRateUpdating = true;
|
|
this.eligibleProductRateUpdating = true;
|
|
},
|
|
},
|
|
/** 确定修改按钮操作 */
|
|
/** 确定修改按钮操作 */
|
|
|
|
+ handleConfirmChemicalConsumeUpdate(row) {
|
|
|
|
+ this.chemicalConsumeUpdating = false;
|
|
|
|
+ updateChemicalConsume({
|
|
|
|
+ tableData: this.tableChemicalConsume,
|
|
|
|
+ year: this.year.getFullYear()
|
|
|
|
+ }).then(response => {
|
|
|
|
+ if (response.code == 200) {
|
|
|
|
+ this.$message.success("修改成功");
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error("未知错误,请联系管理员。");
|
|
|
|
+ }
|
|
|
|
+ getChemicalConsume(year).then(response => {
|
|
|
|
+ this.tableChemicalConsume = response.data;
|
|
|
|
+ });
|
|
|
|
+ });
|
|
|
|
+ },
|
|
handleConfirmRuningRateUpdate(row) {
|
|
handleConfirmRuningRateUpdate(row) {
|
|
this.runingRateUpdating = false;
|
|
this.runingRateUpdating = false;
|
|
updateRuningRate({
|
|
updateRuningRate({
|
|
@@ -1977,38 +2084,38 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
handleConfirmShoudownHourUpdate(row) {
|
|
handleConfirmShoudownHourUpdate(row) {
|
|
- this.shoudownHourUpdating = false;
|
|
|
|
- updateShoudownHour({
|
|
|
|
- tableData: [
|
|
|
|
- this.tableShoudownHour[0],
|
|
|
|
- this.tableShoudownHour[1],
|
|
|
|
- this.tableShoudownHour[2],
|
|
|
|
- this.tableShoudownHour[3],
|
|
|
|
- this.tableShoudownHour[4],
|
|
|
|
- this.tableShoudownHour[5],
|
|
|
|
- this.tableShoudownHour[6],
|
|
|
|
- this.tableShoudownHour[7],
|
|
|
|
- this.tableShoudownHour[8],
|
|
|
|
- this.tableShoudownHour[9],
|
|
|
|
- ],
|
|
|
|
- year: this.year.getFullYear()
|
|
|
|
- }).then(response => {
|
|
|
|
- if (response.code == 200) {
|
|
|
|
- this.$message.success("修改成功");
|
|
|
|
- } else {
|
|
|
|
- this.$message.error("未知错误,请联系管理员。");
|
|
|
|
- }
|
|
|
|
- getShoudownHour(year).then(response => {
|
|
|
|
- this.tableShoudownHour = response.data;
|
|
|
|
- });
|
|
|
|
- getRuningRate(year).then(response => {
|
|
|
|
- this.tableRuningRate = response.data;
|
|
|
|
- });
|
|
|
|
- getPlantLoad(year).then(response => {
|
|
|
|
- this.tablePlantLoad = response.data;
|
|
|
|
- });
|
|
|
|
- });
|
|
|
|
-},
|
|
|
|
|
|
+ this.shoudownHourUpdating = false;
|
|
|
|
+ updateShoudownHour({
|
|
|
|
+ tableData: [
|
|
|
|
+ this.tableShoudownHour[0],
|
|
|
|
+ this.tableShoudownHour[1],
|
|
|
|
+ this.tableShoudownHour[2],
|
|
|
|
+ this.tableShoudownHour[3],
|
|
|
|
+ this.tableShoudownHour[4],
|
|
|
|
+ this.tableShoudownHour[5],
|
|
|
|
+ this.tableShoudownHour[6],
|
|
|
|
+ this.tableShoudownHour[7],
|
|
|
|
+ this.tableShoudownHour[8],
|
|
|
|
+ this.tableShoudownHour[9],
|
|
|
|
+ ],
|
|
|
|
+ year: this.year.getFullYear()
|
|
|
|
+ }).then(response => {
|
|
|
|
+ if (response.code == 200) {
|
|
|
|
+ this.$message.success("修改成功");
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error("未知错误,请联系管理员。");
|
|
|
|
+ }
|
|
|
|
+ getShoudownHour(year).then(response => {
|
|
|
|
+ this.tableShoudownHour = response.data;
|
|
|
|
+ });
|
|
|
|
+ getRuningRate(year).then(response => {
|
|
|
|
+ this.tableRuningRate = response.data;
|
|
|
|
+ });
|
|
|
|
+ getPlantLoad(year).then(response => {
|
|
|
|
+ this.tablePlantLoad = response.data;
|
|
|
|
+ });
|
|
|
|
+ });
|
|
|
|
+ },
|
|
handleConfirmAromaticsUtilityConsumptionUpdate(row) {
|
|
handleConfirmAromaticsUtilityConsumptionUpdate(row) {
|
|
this.aromaticsUtilityConsumptionUpdating = false;
|
|
this.aromaticsUtilityConsumptionUpdating = false;
|
|
updateAromaticsUtilityConsumption({
|
|
updateAromaticsUtilityConsumption({
|
|
@@ -2075,6 +2182,12 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
/** 取消修改按钮操作 */
|
|
/** 取消修改按钮操作 */
|
|
|
|
+ handleCancelChemicalConsumeUpdate(row) {
|
|
|
|
+ this.chemicalConsumeUpdating = false;
|
|
|
|
+ getChemicalConsume(year).then(response => {
|
|
|
|
+ this.tableChemicalConsume = response.data;
|
|
|
|
+ });
|
|
|
|
+ },
|
|
handleCancelRuningRateUpdate(row) {
|
|
handleCancelRuningRateUpdate(row) {
|
|
this.runingRateUpdating = false;
|
|
this.runingRateUpdating = false;
|
|
getRuningRate(year).then(response => {
|
|
getRuningRate(year).then(response => {
|
|
@@ -2287,9 +2400,9 @@ export default {
|
|
getOtherside(year).then(response => {
|
|
getOtherside(year).then(response => {
|
|
this.tableOtherside = response.data;
|
|
this.tableOtherside = response.data;
|
|
});
|
|
});
|
|
- // getChemicalConsume(year).then(response => {
|
|
|
|
- // this.tableChemicalConsume = response.data;
|
|
|
|
- // });
|
|
|
|
|
|
+ getChemicalConsume(year).then(response => {
|
|
|
|
+ this.tableChemicalConsume = response.data;
|
|
|
|
+ });
|
|
// getSCTUUtilityConsumption(year).then(response => {
|
|
// getSCTUUtilityConsumption(year).then(response => {
|
|
// this.tableSCTUUtilityConsumption = response.data;
|
|
// this.tableSCTUUtilityConsumption = response.data;
|
|
// });
|
|
// });
|