|
@@ -1,5 +1,8 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container" style="overflow-x: auto;">
|
|
<div class="app-container" style="overflow-x: auto;">
|
|
|
|
+ <!--<div class="triangle-top"></div>-->
|
|
|
|
+ <!--<div class="triangle-bottom"></div>-->
|
|
|
|
+ <!--<div class="triangle-left"></div>-->
|
|
<!-- 操作栏 -->
|
|
<!-- 操作栏 -->
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
<el-form-item label="报告日期" prop="reportDate">
|
|
<el-form-item label="报告日期" prop="reportDate">
|
|
@@ -91,9 +94,9 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Nap</td>
|
|
<td class="bg-blue-light">Nap</td>
|
|
- <td class="no-border" rowspan="35"></td>
|
|
|
|
|
|
+ <td class="no-border"></td>
|
|
<td class="bg-green" rowspan="35">Cracker</td>
|
|
<td class="bg-green" rowspan="35">Cracker</td>
|
|
- <td class="no-border" rowspan="35" colspan="2"></td>
|
|
|
|
|
|
+ <td class="no-border" rowspan="2" colspan="2"></td>
|
|
<td class="bg-blue-light"></td>
|
|
<td class="bg-blue-light"></td>
|
|
<td class="bg-blue-light">yield %</td>
|
|
<td class="bg-blue-light">yield %</td>
|
|
<td class="bg-blue-light">Produced</td>
|
|
<td class="bg-blue-light">Produced</td>
|
|
@@ -107,6 +110,9 @@
|
|
<span v-if="!updating">{{reportData.nap}}</span>
|
|
<span v-if="!updating">{{reportData.nap}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.nap"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.nap"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2">
|
|
|
|
+ <!--<div class="triangle-right"></div>-->
|
|
|
|
+ </td>
|
|
<td class="bg-blue-light" rowspan="2">H2</td>
|
|
<td class="bg-blue-light" rowspan="2">H2</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.h2YieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.h2YieldPercentage}}</span>
|
|
@@ -139,6 +145,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">C5</td>
|
|
<td class="bg-blue-light">C5</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.h2ToPgu}}</span>
|
|
<span v-if="!updating">{{reportData.h2ToPgu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.h2ToPgu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.h2ToPgu"/>
|
|
@@ -161,6 +168,7 @@
|
|
<span v-if="!updating">{{reportData.c5}}</span>
|
|
<span v-if="!updating">{{reportData.c5}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c5"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c5"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">ETHYLEN</td>
|
|
<td class="bg-blue-light" rowspan="2">ETHYLEN</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.ethylenYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.ethylenYieldPercentage}}</span>
|
|
@@ -200,6 +208,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">C6-C8-NA</td>
|
|
<td class="bg-blue-light">C6-C8-NA</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.ethylenToTm}}</span>
|
|
<span v-if="!updating">{{reportData.ethylenToTm}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.ethylenToTm"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.ethylenToTm"/>
|
|
@@ -250,6 +259,7 @@
|
|
<span v-if="!updating">{{reportData.c6C8Na}}</span>
|
|
<span v-if="!updating">{{reportData.c6C8Na}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c6C8Na"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c6C8Na"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">Propylene</td>
|
|
<td class="bg-blue-light" rowspan="2">Propylene</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.propyleneYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.propyleneYieldPercentage}}</span>
|
|
@@ -288,6 +298,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">wison Ethane </td>
|
|
<td class="bg-blue-light">wison Ethane </td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.propyleneToAaAe}}</span>
|
|
<span v-if="!updating">{{reportData.propyleneToAaAe}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.propyleneToAaAe"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.propyleneToAaAe"/>
|
|
@@ -334,6 +345,7 @@
|
|
<span v-if="!updating">{{reportData.wisonEthane}}</span>
|
|
<span v-if="!updating">{{reportData.wisonEthane}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.wisonEthane"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.wisonEthane"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light">C3 LPG</td>
|
|
<td class="bg-blue-light">C3 LPG</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.c3LpgYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.c3LpgYieldPercentage}}</span>
|
|
@@ -367,6 +379,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">LPG to furnace</td>
|
|
<td class="bg-blue-light">LPG to furnace</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-blue-light">C4 LPG</td>
|
|
<td class="bg-blue-light">C4 LPG</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.c4LpgYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.c4LpgYieldPercentage}}</span>
|
|
@@ -402,6 +415,7 @@
|
|
<span v-if="!updating">{{reportData.lpgToFurnace}}</span>
|
|
<span v-if="!updating">{{reportData.lpgToFurnace}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.lpgToFurnace"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.lpgToFurnace"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">MixedC4'S</td>
|
|
<td class="bg-blue-light" rowspan="2">MixedC4'S</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.mixedC4sYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.mixedC4sYieldPercentage}}</span>
|
|
@@ -439,6 +453,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Raff1 fr BD</td>
|
|
<td class="bg-blue-light">Raff1 fr BD</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.mixedC4sToBd}}</span>
|
|
<span v-if="!updating">{{reportData.mixedC4sToBd}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.mixedC4sToBd"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.mixedC4sToBd"/>
|
|
@@ -481,6 +496,7 @@
|
|
<span v-if="!updating">{{reportData.raff1FrBd}}</span>
|
|
<span v-if="!updating">{{reportData.raff1FrBd}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raff1FrBd"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raff1FrBd"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">EBO</td>
|
|
<td class="bg-blue-light" rowspan="2">EBO</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.eboYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.eboYieldPercentage}}</span>
|
|
@@ -513,6 +529,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Raff2 fr IB</td>
|
|
<td class="bg-blue-light">Raff2 fr IB</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.eboToShip}}</span>
|
|
<span v-if="!updating">{{reportData.eboToShip}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.eboToShip"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.eboToShip"/>
|
|
@@ -535,6 +552,7 @@
|
|
<span v-if="!updating">{{reportData.raff2FrIb}}</span>
|
|
<span v-if="!updating">{{reportData.raff2FrIb}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raff2FrIb"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raff2FrIb"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">Naphthalene</td>
|
|
<td class="bg-blue-light" rowspan="2">Naphthalene</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.naphthaleneYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.naphthaleneYieldPercentage}}</span>
|
|
@@ -561,16 +579,17 @@
|
|
<el-input v-if="updating" size="mini" v-model="reportData.naphthaleneExport"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.naphthaleneExport"/>
|
|
</td>
|
|
</td>
|
|
<td class="bg-blue-light">To Truck</td>
|
|
<td class="bg-blue-light">To Truck</td>
|
|
- <td class="no-border" colspan="7"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="9"></td>
|
|
<td class="bg-blue-light" colspan="2">Export & Import</td>
|
|
<td class="bg-blue-light" colspan="2">Export & Import</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Raff3 fr BD</td>
|
|
<td class="bg-blue-light">Raff3 fr BD</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.naphthaleneToTruck}}</span>
|
|
<span v-if="!updating">{{reportData.naphthaleneToTruck}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.naphthaleneToTruck"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.naphthaleneToTruck"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border" colspan="7"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="9"></td>
|
|
<td class="bg-blue-light">To ship</td>
|
|
<td class="bg-blue-light">To ship</td>
|
|
<td class="bg-blue-light">Fr ship</td>
|
|
<td class="bg-blue-light">Fr ship</td>
|
|
</tr>
|
|
</tr>
|
|
@@ -579,6 +598,7 @@
|
|
<span v-if="!updating">{{reportData.raff3FrBd}}</span>
|
|
<span v-if="!updating">{{reportData.raff3FrBd}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raff3FrBd"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raff3FrBd"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">PO/Flux Oil</td>
|
|
<td class="bg-blue-light" rowspan="2">PO/Flux Oil</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.poFluxOilYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.poFluxOilYieldPercentage}}</span>
|
|
@@ -605,7 +625,7 @@
|
|
<el-input v-if="updating" size="mini" v-model="reportData.poFluxOilExport"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.poFluxOilExport"/>
|
|
</td>
|
|
</td>
|
|
<td class="bg-blue-light">To BD</td>
|
|
<td class="bg-blue-light">To BD</td>
|
|
- <td class="no-border" colspan="7"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="9"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuBenzeneToShip}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneToShip}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneToShip"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneToShip"/>
|
|
@@ -617,11 +637,12 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Raffinate II P fr 2PH</td>
|
|
<td class="bg-blue-light">Raffinate II P fr 2PH</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.poFluxOilToBd}}</span>
|
|
<span v-if="!updating">{{reportData.poFluxOilToBd}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.poFluxOilToBd"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.poFluxOilToBd"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border" colspan="7"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="9"></td>
|
|
<td class="bg-blue-light">To YBS</td>
|
|
<td class="bg-blue-light">To YBS</td>
|
|
<td class="bg-blue-light"></td>
|
|
<td class="bg-blue-light"></td>
|
|
</tr>
|
|
</tr>
|
|
@@ -630,6 +651,7 @@
|
|
<span v-if="!updating">{{reportData.raffinate2pFr2ph}}</span>
|
|
<span v-if="!updating">{{reportData.raffinate2pFr2ph}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raffinate2pFr2ph"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.raffinate2pFr2ph"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">Offags</td>
|
|
<td class="bg-blue-light" rowspan="2">Offags</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.offgasYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.offgasYieldPercentage}}</span>
|
|
@@ -661,8 +683,9 @@
|
|
<td class="bg-blue-light">SuB(inclose U2)</td>
|
|
<td class="bg-blue-light">SuB(inclose U2)</td>
|
|
<td class="bg-blue-light">Flare+SCTU</td>
|
|
<td class="bg-blue-light">Flare+SCTU</td>
|
|
<td class="bg-blue-light">To U2(nm3)</td>
|
|
<td class="bg-blue-light">To U2(nm3)</td>
|
|
- <td class="bg-blue-light">Flare loss (T)</td>
|
|
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="bg-orange ft-red">Flare loss (T)</td>
|
|
|
|
+ <td class="no-border" colspan="2"></td>
|
|
|
|
+ <td class="no-border solid-line-top solid-line-left" rowspan="7"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuBenzeneToYbs}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneToYbs}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneToYbs"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneToYbs"/>
|
|
@@ -671,6 +694,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">C2 fr LDPE</td>
|
|
<td class="bg-blue-light">C2 fr LDPE</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.offgasToFurnance}}</span>
|
|
<span v-if="!updating">{{reportData.offgasToFurnance}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.offgasToFurnance"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.offgasToFurnance"/>
|
|
@@ -699,7 +723,7 @@
|
|
<span v-if="!updating">{{reportData.offgasFlareLossT}}</span>
|
|
<span v-if="!updating">{{reportData.offgasFlareLossT}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.offgasFlareLossT"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.offgasFlareLossT"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="3"></td>
|
|
<td class="bg-blue-light">To RTTF</td>
|
|
<td class="bg-blue-light">To RTTF</td>
|
|
<td class="bg-blue-light">To Train</td>
|
|
<td class="bg-blue-light">To Train</td>
|
|
</tr>
|
|
</tr>
|
|
@@ -708,6 +732,7 @@
|
|
<span v-if="!updating">{{reportData.c2FrLdpe}}</span>
|
|
<span v-if="!updating">{{reportData.c2FrLdpe}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c2FrLdpe"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c2FrLdpe"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">RPG</td>
|
|
<td class="bg-blue-light" rowspan="2">RPG</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.rpgYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.rpgYieldPercentage}}</span>
|
|
@@ -735,7 +760,7 @@
|
|
</td>
|
|
</td>
|
|
<td class="bg-blue-light">To PGU</td>
|
|
<td class="bg-blue-light">To PGU</td>
|
|
<td class="bg-blue-light">Fr YFCC</td>
|
|
<td class="bg-blue-light">Fr YFCC</td>
|
|
- <td class="no-border" colspan="6"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="8"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuBenzeneToRttf}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneToRttf}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneToRttf"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneToRttf"/>
|
|
@@ -747,6 +772,7 @@
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">C3 fr OXO</td>
|
|
<td class="bg-blue-light">C3 fr OXO</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.rpgToPgu}}</span>
|
|
<span v-if="!updating">{{reportData.rpgToPgu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.rpgToPgu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.rpgToPgu"/>
|
|
@@ -761,6 +787,7 @@
|
|
<span v-if="!updating">{{reportData.c3FrOxo}}</span>
|
|
<span v-if="!updating">{{reportData.c3FrOxo}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c3FrOxo"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.c3FrOxo"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">Methane</td>
|
|
<td class="bg-blue-light" rowspan="2">Methane</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.methaneYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.methaneYieldPercentage}}</span>
|
|
@@ -774,12 +801,13 @@
|
|
<td class="no-border" colspan="8"></td>
|
|
<td class="no-border" colspan="8"></td>
|
|
<td class="bg-blue-light">yield %</td>
|
|
<td class="bg-blue-light">yield %</td>
|
|
<td class="bg-blue-light">Inventory</td>
|
|
<td class="bg-blue-light">Inventory</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="3"></td>
|
|
<td class="bg-blue-light">To Ship</td>
|
|
<td class="bg-blue-light">To Ship</td>
|
|
<td class="bg-blue-light">Fr Ship</td>
|
|
<td class="bg-blue-light">Fr Ship</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">MIXED C3/C4 </td>
|
|
<td class="bg-blue-light">MIXED C3/C4 </td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.methaneToEoEg}}</span>
|
|
<span v-if="!updating">{{reportData.methaneToEoEg}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.methaneToEoEg"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.methaneToEoEg"/>
|
|
@@ -789,7 +817,7 @@
|
|
<td class="no-border" colspan="2"></td>
|
|
<td class="no-border" colspan="2"></td>
|
|
<td class="bg-blue-light">Produced</td>
|
|
<td class="bg-blue-light">Produced</td>
|
|
<td class="bg-blue-light">Change</td>
|
|
<td class="bg-blue-light">Change</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="3"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuTolueneToShip}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneToShip}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToShip"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToShip"/>
|
|
@@ -804,6 +832,7 @@
|
|
<span v-if="!updating">{{reportData.mixedC3C4}}</span>
|
|
<span v-if="!updating">{{reportData.mixedC3C4}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.mixedC3C4"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.mixedC3C4"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light" rowspan="2">Residue oil</td>
|
|
<td class="bg-blue-light" rowspan="2">Residue oil</td>
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<td class="bg-yellow-light" rowspan="2">
|
|
<span v-if="!updating">{{reportData.residueOilYieldPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.residueOilYieldPercentage}}</span>
|
|
@@ -813,7 +842,8 @@
|
|
<span v-if="!updating">{{reportData.residueOilProduced}}</span>
|
|
<span v-if="!updating">{{reportData.residueOilProduced}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.residueOilProduced"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.residueOilProduced"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border" colspan="8"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="7"></td>
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">Benzene</td>
|
|
<td class="bg-blue-light" rowspan="2">Benzene</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuBenzeneYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneYeildPercentage}}</span>
|
|
@@ -823,12 +853,13 @@
|
|
<span v-if="!updating">{{reportData.aeuBenzeneInventory}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneInventory}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneInventory"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneInventory"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom" colspan="2"></td>
|
|
<td class="bg-blue-light">To YPC</td>
|
|
<td class="bg-blue-light">To YPC</td>
|
|
<td class="bg-blue-light">Fr YPC</td>
|
|
<td class="bg-blue-light">Fr YPC</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Hy C9</td>
|
|
<td class="bg-blue-light">Hy C9</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2" colspan="2"></td>
|
|
<td class="no-border" colspan="8"></td>
|
|
<td class="no-border" colspan="8"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuBenzeneProduced}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneProduced}}</span>
|
|
@@ -838,7 +869,7 @@
|
|
<span v-if="!updating">{{reportData.aeuBenzeneChange}}</span>
|
|
<span v-if="!updating">{{reportData.aeuBenzeneChange}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneChange"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneChange"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom" colspan="3" rowspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuTolueneToYpc}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneToYpc}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToYpc"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToYpc"/>
|
|
@@ -853,7 +884,9 @@
|
|
<span v-if="!updating">{{reportData.hyC9}}</span>
|
|
<span v-if="!updating">{{reportData.hyC9}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.hyC9"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.hyC9"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border" colspan="11"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
|
|
+ <td class="no-border" colspan="10"></td>
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">Toluene</td>
|
|
<td class="bg-blue-light" rowspan="2">Toluene</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuTolueneYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneYeildPercentage}}</span>
|
|
@@ -863,12 +896,12 @@
|
|
<span v-if="!updating">{{reportData.aeuTolueneInventory}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneInventory}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneInventory"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneInventory"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
<td class="bg-blue-light">To RTTF</td>
|
|
<td class="bg-blue-light">To RTTF</td>
|
|
<td class="bg-blue-light">Fr YBS</td>
|
|
<td class="bg-blue-light">Fr YBS</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">PGU Offgas</td>
|
|
<td class="bg-blue-light">PGU Offgas</td>
|
|
|
|
+ <td class="no-border" rowspan="9" colspan="2"></td>
|
|
<td class="no-border" colspan="11"></td>
|
|
<td class="no-border" colspan="11"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuTolueneProduced}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneProduced}}</span>
|
|
@@ -878,7 +911,8 @@
|
|
<span v-if="!updating">{{reportData.aeuTolueneChange}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneChange}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneChange"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneChange"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom" colspan="2" rowspan="2"></td>
|
|
|
|
+ <td class="no-border" rowspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuTolueneToRttf}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneToRttf}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToRttf"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToRttf"/>
|
|
@@ -893,13 +927,14 @@
|
|
<span v-if="!updating">{{reportData.pguOffgas}}</span>
|
|
<span v-if="!updating">{{reportData.pguOffgas}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguOffgas"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguOffgas"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="no-border" colspan="7"></td>
|
|
<td class="no-border" colspan="7"></td>
|
|
<td class="no-border bg-yellow">t/h</td>
|
|
<td class="no-border bg-yellow">t/h</td>
|
|
<td class="no-border bg-yellow">
|
|
<td class="no-border bg-yellow">
|
|
<span v-if="!updating">{{reportData.pguAeuTH}}</span>
|
|
<span v-if="!updating">{{reportData.pguAeuTH}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguAeuTH"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguAeuTH"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">Xylene</td>
|
|
<td class="bg-blue-light" rowspan="2">Xylene</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuXyleneYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.aeuXyleneYeildPercentage}}</span>
|
|
@@ -909,7 +944,6 @@
|
|
<span v-if="!updating">{{reportData.aeuXyleneInventory}}</span>
|
|
<span v-if="!updating">{{reportData.aeuXyleneInventory}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneInventory"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneInventory"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
<td class="bg-blue-light">To EU</td>
|
|
<td class="bg-blue-light">To EU</td>
|
|
<td class="bg-blue-light"></td>
|
|
<td class="bg-blue-light"></td>
|
|
</tr>
|
|
</tr>
|
|
@@ -931,6 +965,8 @@
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneChange"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneChange"/>
|
|
</td>
|
|
</td>
|
|
<td class="no-border"></td>
|
|
<td class="no-border"></td>
|
|
|
|
+ <td class="no-border"></td>
|
|
|
|
+ <td class="no-border solid-line-left solid-line-bottom" rowspan="7"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuTolueneToEu}}</span>
|
|
<span v-if="!updating">{{reportData.aeuTolueneToEu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToEu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToEu"/>
|
|
@@ -942,15 +978,16 @@
|
|
<span v-if="!updating">{{reportData.washOil}}</span>
|
|
<span v-if="!updating">{{reportData.washOil}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.washOil"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.washOil"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="no-border" colspan="5"></td>
|
|
<td class="no-border" colspan="5"></td>
|
|
<td class="bg-blue-light">Produced</td>
|
|
<td class="bg-blue-light">Produced</td>
|
|
<td class="bg-blue-light">Change</td>
|
|
<td class="bg-blue-light">Change</td>
|
|
<td class="bg-blue-light">To AEU</td>
|
|
<td class="bg-blue-light">To AEU</td>
|
|
- <td class="no-border bg-yellow-light">
|
|
|
|
|
|
+ <td class="no-border bg-yellow-light solid-line-bottom">
|
|
<span v-if="!updating">{{reportData.pguToAeu}}</span>
|
|
<span v-if="!updating">{{reportData.pguToAeu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguToAeu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguToAeu"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">C6-C8 NA</td>
|
|
<td class="bg-blue-light" rowspan="2">C6-C8 NA</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaYeildPercentage}}</span>
|
|
@@ -960,6 +997,8 @@
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaInventory}}</span>
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaInventory}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuC6C8NaInventory"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuC6C8NaInventory"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border"></td>
|
|
|
|
+ <td class="no-border"></td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="bg-blue-light">Toluene</td>
|
|
<td class="bg-blue-light">Toluene</td>
|
|
@@ -968,7 +1007,7 @@
|
|
<span v-if="!updating">{{reportData.pguRpgTH}}</span>
|
|
<span v-if="!updating">{{reportData.pguRpgTH}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguRpgTH"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguRpgTH"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light">BTX</td>
|
|
<td class="bg-blue-light">BTX</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.pguBtxYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.pguBtxYeildPercentage}}</span>
|
|
@@ -991,6 +1030,7 @@
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaChange}}</span>
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaChange}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuC6C8NaChange"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuC6C8NaChange"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top solid-line-right" rowspan="8"></td>
|
|
<td class="no-border"></td>
|
|
<td class="no-border"></td>
|
|
<td class="bg-blue-light">To ship</td>
|
|
<td class="bg-blue-light">To ship</td>
|
|
<td class="bg-blue-light">Fr ship</td>
|
|
<td class="bg-blue-light">Fr ship</td>
|
|
@@ -1000,8 +1040,9 @@
|
|
<span v-if="!updating">{{reportData.toluene}}</span>
|
|
<span v-if="!updating">{{reportData.toluene}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.toluene"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.toluene"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-blue-light">RPG</td>
|
|
<td class="bg-blue-light">RPG</td>
|
|
- <td class="no-border">
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom">
|
|
<span v-if="!updating">{{reportData.rpgToPgu2}}</span>
|
|
<span v-if="!updating">{{reportData.rpgToPgu2}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.rpgToPgu2"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.rpgToPgu2"/>
|
|
</td>
|
|
</td>
|
|
@@ -1019,11 +1060,12 @@
|
|
<span v-if="!updating">{{reportData.pguBtxToAeu}}</span>
|
|
<span v-if="!updating">{{reportData.pguBtxToAeu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguBtxToAeu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguBtxToAeu"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border bg-yellow-light">
|
|
|
|
|
|
+ <td class="no-border bg-yellow-light solid-line-top">
|
|
<span v-if="!updating">{{reportData.aeuToPgu}}</span>
|
|
<span v-if="!updating">{{reportData.aeuToPgu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuToPgu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuToPgu"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border" colspan="5"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="4"></td>
|
|
|
|
+ <td class="no-border"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuXyleneToShip}}</span>
|
|
<span v-if="!updating">{{reportData.aeuXyleneToShip}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneToShip"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneToShip"/>
|
|
@@ -1051,11 +1093,12 @@
|
|
<span v-if="!updating">{{reportData.hyC4FrR800}}</span>
|
|
<span v-if="!updating">{{reportData.hyC4FrR800}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.hyC4FrR800"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.hyC4FrR800"/>
|
|
</td>
|
|
</td>
|
|
|
|
+ <td class="no-border solid-line-top" rowspan="2"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.pguRpg2}}</span>
|
|
<span v-if="!updating">{{reportData.pguRpg2}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguRpg2"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguRpg2"/>
|
|
</td>
|
|
</td>
|
|
- <td class="bg-yellow-light no-border">
|
|
|
|
|
|
+ <td class="bg-yellow-light no-border solid-line-top">
|
|
<span v-if="!updating">{{reportData.pguToRpg}}</span>
|
|
<span v-if="!updating">{{reportData.pguToRpg}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguToRpg"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguToRpg"/>
|
|
</td>
|
|
</td>
|
|
@@ -1080,7 +1123,8 @@
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
- <td class="no-border" colspan="9"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="8"></td>
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">Washoil</td>
|
|
<td class="bg-blue-light" rowspan="2">Washoil</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.pguWashoilYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.pguWashoilYeildPercentage}}</span>
|
|
@@ -1138,6 +1182,7 @@
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguAeuTotalLoss"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguAeuTotalLoss"/>
|
|
</td>
|
|
</td>
|
|
<td class="no-border"></td>
|
|
<td class="no-border"></td>
|
|
|
|
+ <td class="no-border"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuXyleneToRttf}}</span>
|
|
<span v-if="!updating">{{reportData.aeuXyleneToRttf}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneToRttf"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuXyleneToRttf"/>
|
|
@@ -1155,7 +1200,8 @@
|
|
<span v-if="!updating">{{reportData.pguH2}}</span>
|
|
<span v-if="!updating">{{reportData.pguH2}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguH2"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguH2"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border" colspan="3"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-top"></td>
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">offags</td>
|
|
<td class="bg-blue-light" rowspan="2">offags</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.pguOffgasYeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.pguOffgasYeildPercentage}}</span>
|
|
@@ -1206,7 +1252,7 @@
|
|
<span v-if="!updating">{{reportData.pguAeuFeedLoadPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.pguAeuFeedLoadPercentage}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguAeuFeedLoadPercentage"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguAeuFeedLoadPercentage"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom" colspan="2"></td>
|
|
<td class="bg-blue-light">To EU</td>
|
|
<td class="bg-blue-light">To EU</td>
|
|
<td class="bg-blue-light">To YPC</td>
|
|
<td class="bg-blue-light">To YPC</td>
|
|
</tr>
|
|
</tr>
|
|
@@ -1222,7 +1268,7 @@
|
|
<span v-if="!updating">{{reportData.pguTotalFeed}}</span>
|
|
<span v-if="!updating">{{reportData.pguTotalFeed}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguTotalFeed"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguTotalFeed"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">C5</td>
|
|
<td class="bg-blue-light" rowspan="2">C5</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.pguC5YeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.pguC5YeildPercentage}}</span>
|
|
@@ -1235,7 +1281,7 @@
|
|
</td>
|
|
</td>
|
|
<td class="bg-blue-light">To EU</td>
|
|
<td class="bg-blue-light">To EU</td>
|
|
<td class="bg-blue-light">To Yuanguan</td>
|
|
<td class="bg-blue-light">To Yuanguan</td>
|
|
- <td class="no-border" colspan="5"></td>
|
|
|
|
|
|
+ <td class="no-border" colspan="7"></td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaToEu}}</span>
|
|
<span v-if="!updating">{{reportData.aeuC6C8NaToEu}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuC6C8NaToEu"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.aeuC6C8NaToEu"/>
|
|
@@ -1291,7 +1337,7 @@
|
|
<span v-if="!updating">{{reportData.pguTotalLoss}}</span>
|
|
<span v-if="!updating">{{reportData.pguTotalLoss}}</span>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguTotalLoss"/>
|
|
<el-input v-if="updating" size="mini" v-model="reportData.pguTotalLoss"/>
|
|
</td>
|
|
</td>
|
|
- <td class="no-border"></td>
|
|
|
|
|
|
+ <td class="no-border solid-line-bottom"></td>
|
|
<td class="bg-blue-light" rowspan="2">C9</td>
|
|
<td class="bg-blue-light" rowspan="2">C9</td>
|
|
<td class="bg-yellow-light">
|
|
<td class="bg-yellow-light">
|
|
<span v-if="!updating">{{reportData.pguC9YeildPercentage}}</span>
|
|
<span v-if="!updating">{{reportData.pguC9YeildPercentage}}</span>
|
|
@@ -2716,7 +2762,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { listReport, getReport, delReport, addReport, updateReport, exportReport, importTemplate} from "@/api/production/report";
|
|
|
|
|
|
+import { getReportByMaxDate, listReport, getReport, delReport, addReport, updateReport, exportReport, importTemplate} from "@/api/production/report";
|
|
import { treeselect } from "@/api/system/dept";
|
|
import { treeselect } from "@/api/system/dept";
|
|
import { getToken } from "@/utils/auth";
|
|
import { getToken } from "@/utils/auth";
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
@@ -3860,7 +3906,7 @@ export default {
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
this.clientHeight = document.body.clientHeight -250
|
|
this.clientHeight = document.body.clientHeight -250
|
|
})
|
|
})
|
|
- this.setDateAsToday();
|
|
|
|
|
|
+ this.setMaxDate();
|
|
this.getReport();
|
|
this.getReport();
|
|
this.getTreeselect();
|
|
this.getTreeselect();
|
|
this.loading = false;
|
|
this.loading = false;
|
|
@@ -3884,7 +3930,7 @@ export default {
|
|
if (response.code == 200) {
|
|
if (response.code == 200) {
|
|
this.$message.success("修改成功");
|
|
this.$message.success("修改成功");
|
|
} else {
|
|
} else {
|
|
- this.$message.error("未知错误,请联系管理员!");
|
|
|
|
|
|
+ this.$message.error("未知错误,请联系管理员");
|
|
}
|
|
}
|
|
this.getReport();
|
|
this.getReport();
|
|
});
|
|
});
|
|
@@ -3894,16 +3940,15 @@ export default {
|
|
this.updating = false;
|
|
this.updating = false;
|
|
this.getReport();
|
|
this.getReport();
|
|
},
|
|
},
|
|
- /** 设置日期 */
|
|
|
|
- setDateAsToday() {
|
|
|
|
- let today = new Date();
|
|
|
|
- let todayString = today.getFullYear()
|
|
|
|
- + "-" + (today.getMonth() + 1)
|
|
|
|
- + "-" + today.getDate();
|
|
|
|
- // this.queryParams.reportDate = todayString;
|
|
|
|
- // this.lastSelectedDate = todayString;
|
|
|
|
- this.queryParams.reportDate = "2022-8-8";
|
|
|
|
- this.lastSelectedDate = "2022-8-8";
|
|
|
|
|
|
+ /** 设置最近的日期 */
|
|
|
|
+ setMaxDate() {
|
|
|
|
+ getReportByMaxDate().then(response => {
|
|
|
|
+ if (null != response.data) {
|
|
|
|
+ this.queryParams.reportDate = response.data.reportDate;
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.info("未导入生产日报数据");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
},
|
|
},
|
|
/** 查询生产报告 */
|
|
/** 查询生产报告 */
|
|
getReport() {
|
|
getReport() {
|
|
@@ -3916,7 +3961,7 @@ export default {
|
|
} else {
|
|
} else {
|
|
let str = "未查询到" + this.queryParams.reportDate + "的日报,请修改搜索日期或手动导入数据。";
|
|
let str = "未查询到" + this.queryParams.reportDate + "的日报,请修改搜索日期或手动导入数据。";
|
|
this.queryParams.reportDate = this.lastSelectedDate;
|
|
this.queryParams.reportDate = this.lastSelectedDate;
|
|
- this.$message.error(str);
|
|
|
|
|
|
+ this.$message.warning(str);
|
|
this.loading = false;
|
|
this.loading = false;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -4585,6 +4630,41 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
|
+ .triangle-top{
|
|
|
|
+ height:8px;
|
|
|
|
+ width:8px;
|
|
|
|
+ border-color:transparent transparent black transparent;
|
|
|
|
+ border-style:solid;
|
|
|
|
+ border-width:8px;
|
|
|
|
+ display:inline-block;
|
|
|
|
+ }
|
|
|
|
+ .triangle-right{
|
|
|
|
+ height:8px;
|
|
|
|
+ width:8px;
|
|
|
|
+ border-color:transparent transparent transparent black;
|
|
|
|
+ border-style:solid;
|
|
|
|
+ border-width:8px;
|
|
|
|
+ display:inline-block;
|
|
|
|
+ position:relative;
|
|
|
|
+ top:-27px;
|
|
|
|
+ left:25px;
|
|
|
|
+ }
|
|
|
|
+ .triangle-bottom{
|
|
|
|
+ height:8px;
|
|
|
|
+ width:8px;
|
|
|
|
+ border-color:black transparent transparent transparent;
|
|
|
|
+ border-style:solid;
|
|
|
|
+ border-width:8px;
|
|
|
|
+ display:inline-block;
|
|
|
|
+ }
|
|
|
|
+ .triangle-left{
|
|
|
|
+ height:8px;
|
|
|
|
+ width:8px;
|
|
|
|
+ border-color:transparent black transparent transparent;
|
|
|
|
+ border-style:solid;
|
|
|
|
+ border-width:8px;
|
|
|
|
+ display:inline-block;
|
|
|
|
+ }
|
|
table{
|
|
table{
|
|
border-width: 0px;
|
|
border-width: 0px;
|
|
border-spacing: 0px;
|
|
border-spacing: 0px;
|
|
@@ -4596,6 +4676,18 @@ export default {
|
|
.no-border{
|
|
.no-border{
|
|
border: 0px;
|
|
border: 0px;
|
|
}
|
|
}
|
|
|
|
+ .solid-line-top{
|
|
|
|
+ border-top: 3px solid;
|
|
|
|
+ }
|
|
|
|
+ .solid-line-bottom{
|
|
|
|
+ border-bottom: 3px solid;
|
|
|
|
+ }
|
|
|
|
+ .solid-line-left{
|
|
|
|
+ border-left: 3px solid;
|
|
|
|
+ }
|
|
|
|
+ .solid-line-right{
|
|
|
|
+ border-right: 3px solid;
|
|
|
|
+ }
|
|
.bg-yellow{
|
|
.bg-yellow{
|
|
background-color: #FFFF00;
|
|
background-color: #FFFF00;
|
|
}
|
|
}
|