|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
<div class="app-container" style="overflow-x: auto;">
|
|
|
+ <!-- 操作栏 -->
|
|
|
<el-form :inline="true" label-width="68px">
|
|
|
<el-form-item label="报告年份" prop="reportDate">
|
|
|
<el-date-picker
|
|
@@ -10,18 +11,26 @@
|
|
|
style="width: 200px"
|
|
|
type="year"
|
|
|
placeholder="选择报告年份"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
+ ></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button
|
|
|
- type="warning"
|
|
|
- icon="el-icon-download"
|
|
|
- size="mini"
|
|
|
- v-hasPermi="['production:monthly:export']"
|
|
|
+ type="warning"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ v-hasPermi="['production:monthly:export']"
|
|
|
>导出</el-button>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >开工锅炉公用工程单价维护</el-button>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
+ <!-- Cracker Raw Material -->
|
|
|
<el-table border :data="tableCrackerRawMaterial" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Raw Material">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -46,6 +55,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Cracker Output Product -->
|
|
|
<el-table border :data="tableCrackerOutputProduct" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Output Product">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -70,6 +80,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Aromatics Raw Material -->
|
|
|
<el-table border :data="tableAromaticsRawMaterial" style="width: 100%;">
|
|
|
<el-table-column label="Aromatics Raw Material">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -94,6 +105,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Aromatics Output Product -->
|
|
|
<el-table border :data="tableAromaticsOutputProduct" style="width: 100%;">
|
|
|
<el-table-column label="Aromatics Output Product">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -118,6 +130,33 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Eligible Product Rate -->
|
|
|
+ <div class="editDiv">
|
|
|
+ <el-button
|
|
|
+ :disabled="eligibleProductRateUpdating"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ size="mini"
|
|
|
+ @click="handleEligibleProductRateUpdate"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >{{ $t('编辑Eligible Product Rate') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ :disabled="!eligibleProductRateUpdating"
|
|
|
+ type="success"
|
|
|
+ icon="el-icon-check"
|
|
|
+ size="mini"
|
|
|
+ @click="handleConfirmEligibleProductRateUpdate"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >{{ $t('保存') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ :disabled="!eligibleProductRateUpdating"
|
|
|
+ type="info"
|
|
|
+ icon="el-icon-close"
|
|
|
+ size="mini"
|
|
|
+ @click="handleCancelEligibleProductRateUpdate"
|
|
|
+ v-hasPermi="['production:monthly:edit']"
|
|
|
+ >{{ $t('取消') }}</el-button>
|
|
|
+ </div>
|
|
|
<el-table border :data="tableEligibleProductRate" style="width: 100%;">
|
|
|
<el-table-column label="Eligible Product rate">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -139,9 +178,10 @@
|
|
|
<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="total" label="total"></el-table-column>
|
|
|
+ <el-table-column prop="avg" label="avg"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Product Yield -->
|
|
|
<el-table border :data="tableProductYield" style="width: 100%;">
|
|
|
<el-table-column label="Product yield">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -166,6 +206,7 @@
|
|
|
<el-table-column prop="avg" label="avg"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Cracker Utility Consumption -->
|
|
|
<el-table border :data="tableCrackerUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Utility Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -190,6 +231,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Cracker Energy Consumption -->
|
|
|
<el-table border :data="tableCrackerEnergyConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Energy Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -214,6 +256,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Aromatics Utility Consumption -->
|
|
|
<el-table border :data="tableAromaticsUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Aromatics Utility Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -238,6 +281,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Aromatics Energy Consumption -->
|
|
|
<el-table border :data="tableAromaticsEnergyConsumption" style="width: 100%;">
|
|
|
<el-table-column label="Cracker Aromatics Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -262,6 +306,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Plant Load -->
|
|
|
<el-table border :data="tablePlantLoad" style="width: 100%;">
|
|
|
<el-table-column label="Plant load">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -286,6 +331,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Cost Fr Ethylene -->
|
|
|
<el-table border :data="tableCostFrEthylene" style="width: 100%;">
|
|
|
<el-table-column label="Cost fr Ethylene">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -310,6 +356,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Runing Rate -->
|
|
|
<el-table border :data="tableRuningRate" style="width: 100%;">
|
|
|
<el-table-column label="Runing Rate">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -334,6 +381,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Shoudown Hour -->
|
|
|
<el-table border :data="tableShoudownHour" style="width: 100%;">
|
|
|
<el-table-column label="Shoudown Hour">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -358,6 +406,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Otherside -->
|
|
|
<el-table border :data="tableOtherside" style="width: 100%;">
|
|
|
<el-table-column label="Otherside">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -382,6 +431,7 @@
|
|
|
<el-table-column prop="avg" label="avg"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Chemical Consume -->
|
|
|
<el-table border :data="tableChemicalConsume" style="width: 100%;">
|
|
|
<el-table-column label="chemical consume">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -406,6 +456,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- SCTU Utility Consumption -->
|
|
|
<el-table border :data="tableSCTUUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="SCTU Utility Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -430,6 +481,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- SUB Utility Consumption -->
|
|
|
<el-table border :data="tableSUBUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="SUB Utility Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -454,6 +506,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- SCTF Utility Consumption -->
|
|
|
<el-table border :data="tableSCTFUtilityConsumption" style="width: 100%;">
|
|
|
<el-table-column label="SCTF Utility Consumption">
|
|
|
<el-table-column width="150" prop="title" label="">
|
|
@@ -478,6 +531,7 @@
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- KBI -->
|
|
|
<el-table border :data="tableKBI" style="width: 100%;">
|
|
|
<el-table-column prop="kbi" label="KBI" width="150"></el-table-column>
|
|
|
<el-table-column prop="target" label="target"></el-table-column>
|
|
@@ -496,6 +550,7 @@
|
|
|
<el-table-column prop="dec" :label="this.monthList[11]"></el-table-column>
|
|
|
<el-table-column prop="total" label="total"></el-table-column>
|
|
|
</el-table>
|
|
|
+ <!-- Summary -->
|
|
|
<el-table border :data="tableSummary" style="width: 100%;">
|
|
|
<el-table-column label="BCC装置主要原材料及公用工程消耗">
|
|
|
<el-table-column prop="item" label="项目" width="150"></el-table-column>
|
|
@@ -569,6 +624,8 @@ export default {
|
|
|
name: "Monthly",
|
|
|
data() {
|
|
|
return {
|
|
|
+ // Eligible Product Rate修改中
|
|
|
+ eligibleProductRateUpdating: false,
|
|
|
// 趋势图y轴数值
|
|
|
valueList: [],
|
|
|
// 趋势图x轴日期
|
|
@@ -847,6 +904,27 @@ export default {
|
|
|
this.getMonthlyReport();
|
|
|
},
|
|
|
methods: {
|
|
|
+ /** 编辑按钮操作 */
|
|
|
+ handleEligibleProductRateUpdate(row) {
|
|
|
+ this.eligibleProductRateUpdating = true;
|
|
|
+ },
|
|
|
+ /** 确定修改按钮操作 */
|
|
|
+ handleConfirmEligibleProductRateUpdate(row) {
|
|
|
+ this.eligibleProductRateUpdating = false;
|
|
|
+ // updateReport(this.reportData).then(response => {
|
|
|
+ // if (response.code == 200) {
|
|
|
+ // this.$message.success("修改成功");
|
|
|
+ // } else {
|
|
|
+ // this.$message.error("未知错误,请联系管理员");
|
|
|
+ // }
|
|
|
+ // this.getReport();
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ /** 取消修改按钮操作 */
|
|
|
+ handleCancelEligibleProductRateUpdate(row) {
|
|
|
+ this.eligibleProductRateUpdating = false;
|
|
|
+ // this.getReport();
|
|
|
+ },
|
|
|
/** 销毁趋势图 */
|
|
|
disposeChart() {
|
|
|
this.echarts.dispose(this.chart);
|
|
@@ -974,9 +1052,9 @@ export default {
|
|
|
getAromaticsOutputProduct(year).then(response => {
|
|
|
this.tableAromaticsOutputProduct = response.data;
|
|
|
});
|
|
|
- // getEligibleProductRate(year).then(response => {
|
|
|
- // this.tableEligibleProductRate = response.data;
|
|
|
- // });
|
|
|
+ getEligibleProductRate(year).then(response => {
|
|
|
+ this.tableEligibleProductRate = response.data;
|
|
|
+ });
|
|
|
getProductYield(year).then(response => {
|
|
|
this.tableProductYield = response.data;
|
|
|
});
|
|
@@ -1031,5 +1109,7 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+ .editDiv{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
</style>
|