|
@@ -1190,6 +1190,32 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- Shoudown Hour -->
|
|
|
+ <div class="editDiv">
|
|
|
+ <el-button
|
|
|
+ :disabled="shoudownHourUpdating"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ size="mini"
|
|
|
+ @click="handleShoudownHourUpdate"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >{{ $t('编辑Shoudown Hour') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ :disabled="!shoudownHourUpdating"
|
|
|
+ type="success"
|
|
|
+ icon="el-icon-check"
|
|
|
+ size="mini"
|
|
|
+ @click="handleConfirmShoudownHourUpdate"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >{{ $t('保存') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ :disabled="!shoudownHourUpdating"
|
|
|
+ type="info"
|
|
|
+ icon="el-icon-close"
|
|
|
+ size="mini"
|
|
|
+ @click="handleCancelShoudownHourUpdate"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >{{ $t('取消') }}</el-button>
|
|
|
+ </div>
|
|
|
<el-table border :data="tableShoudownHour" style="width: 100%;">
|
|
|
<el-table-column label="Shoudown Hour">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -1199,18 +1225,138 @@
|
|
|
</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>
|
|
|
- <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="!shoudownHourUpdating">{{row.jan}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.jan" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.jan}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="feb" :label="this.monthList[1]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.feb}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.feb" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.feb}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="mar" :label="this.monthList[2]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.mar}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.mar" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.mar}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="apr" :label="this.monthList[3]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.apr}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.apr" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.apr}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="may" :label="this.monthList[4]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.may}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.may" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.may}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="jun" :label="this.monthList[5]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.jun}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.jun" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.jun}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="jul" :label="this.monthList[6]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.jul}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.jul" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.jul}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="aug" :label="this.monthList[7]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.aug}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.aug" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.aug}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="sep" :label="this.monthList[8]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.sep}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.sep" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.sep}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="oct" :label="this.monthList[9]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.oct}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.oct" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.oct}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="nov" :label="this.monthList[10]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.nov}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.nov" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.nov}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dec" :label="this.monthList[11]">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div v-if="!shoudownHourUpdating">{{row.dec}}</div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title != 'total time' && row.title != 'total hour')">
|
|
|
+ <el-input v-model="row.dec" clearable="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <div v-if="shoudownHourUpdating && (row.title == 'total time' || row.title == 'total hour')">
|
|
|
+ {{row.dec}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -1430,13 +1576,16 @@ import {
|
|
|
getSummary,
|
|
|
updateEligibleProductRate,
|
|
|
updateCrackerUtilityConsumption,
|
|
|
- updateAromaticsUtilityConsumption
|
|
|
+ updateAromaticsUtilityConsumption,
|
|
|
+ updateShoudownHour
|
|
|
} from "@/api/production/monthly";
|
|
|
|
|
|
export default {
|
|
|
name: "Monthly",
|
|
|
data() {
|
|
|
return {
|
|
|
+ // Shoudown Hour修改中
|
|
|
+ shoudownHourUpdating: false,
|
|
|
// Aromatics Utility Consumption修改中
|
|
|
aromaticsUtilityConsumptionUpdating: false,
|
|
|
// Cracker Utility Consumption修改中
|
|
@@ -1510,20 +1659,7 @@ export default {
|
|
|
{title: "run rate"},
|
|
|
{title: "calendar hour"},
|
|
|
],
|
|
|
- tableShoudownHour: [
|
|
|
- {title: "operation time"},
|
|
|
- {title: "hour"},
|
|
|
- {title: "equipment time"},
|
|
|
- {title: "hour"},
|
|
|
- {title: "instrument time"},
|
|
|
- {title: "hour"},
|
|
|
- {title: "electric time"},
|
|
|
- {title: "hour"},
|
|
|
- {title: "otherwise time"},
|
|
|
- {title: "hour"},
|
|
|
- {title: "total time"},
|
|
|
- {title: "total hour"},
|
|
|
- ],
|
|
|
+ tableShoudownHour: [],
|
|
|
tableOtherside: [],
|
|
|
tableChemicalConsume: [
|
|
|
{title: "Cracker and PGU"},
|
|
@@ -1669,6 +1805,9 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
/** 编辑按钮操作 */
|
|
|
+ handleShoudownHourUpdate(row) {
|
|
|
+ this.shoudownHourUpdating = true;
|
|
|
+ },
|
|
|
handleAromaticsUtilityConsumptionUpdate(row) {
|
|
|
this.aromaticsUtilityConsumptionUpdating = true;
|
|
|
},
|
|
@@ -1679,6 +1818,33 @@ export default {
|
|
|
this.eligibleProductRateUpdating = true;
|
|
|
},
|
|
|
/** 确定修改按钮操作 */
|
|
|
+ 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;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
handleConfirmAromaticsUtilityConsumptionUpdate(row) {
|
|
|
this.aromaticsUtilityConsumptionUpdating = false;
|
|
|
updateAromaticsUtilityConsumption({
|
|
@@ -1745,6 +1911,12 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
/** 取消修改按钮操作 */
|
|
|
+ handleCancelShoudownHourUpdate(row) {
|
|
|
+ this.shoudownHourUpdating = false;
|
|
|
+ getShoudownHour(year).then(response => {
|
|
|
+ this.shoudownHourUpdating = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
handleCancelAromaticsUtilityConsumptionUpdate(row) {
|
|
|
this.aromaticsUtilityConsumptionUpdating = false;
|
|
|
getAromaticsUtilityConsumption(year).then(response => {
|
|
@@ -1939,9 +2111,9 @@ export default {
|
|
|
// getRuningRate(year).then(response => {
|
|
|
// this.tableRuningRate = response.data;
|
|
|
// });
|
|
|
- // getShoudownHour(year).then(response => {
|
|
|
- // this.tableShoudownHour = response.data;
|
|
|
- // });
|
|
|
+ getShoudownHour(year).then(response => {
|
|
|
+ this.tableShoudownHour = response.data;
|
|
|
+ });
|
|
|
getOtherside(year).then(response => {
|
|
|
this.tableOtherside = response.data;
|
|
|
});
|