|
@@ -698,6 +698,7 @@
|
|
<el-table-column label="1,2-丁二烯" align="center" prop="butadiene12" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="1,2-丁二烯" align="center" prop="butadiene12" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="1,3-丁二烯" align="center" prop="butadiene13" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="1,3-丁二烯" align="center" prop="butadiene13" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
|
|
|
|
+ <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
|
|
<el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
<el-button
|
|
@@ -732,6 +733,7 @@
|
|
<el-table-column label="1,2-丁二烯" align="center" prop="butadiene12" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="1,2-丁二烯" align="center" prop="butadiene12" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="1,3-丁二烯" align="center" prop="butadiene13" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="1,3-丁二烯" align="center" prop="butadiene13" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
|
|
|
|
+ <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
|
|
<el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
|
|
<el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
<el-button
|
|
@@ -2201,6 +2203,47 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<div id="chart" :style="{width:width,height:height}"></div>
|
|
<div id="chart" :style="{width:width,height:height}"></div>
|
|
|
|
+ <table v-if="showC3Table">
|
|
|
|
+ <tr>
|
|
|
|
+ <td colspan="2" class="td-transparent">BYC performance of C3 reactor </td>
|
|
|
|
+ <td class="td-transparent">R520B</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-blue"></td>
|
|
|
|
+ <td class="td-blue">reactor inlet</td>
|
|
|
|
+ <td class="td-blue">reactor outlet</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-blue">propane</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.propaneInAvg}}</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.propaneOutAvg}}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-blue">propylene</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.propyleneInAvg}}</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.propyleneOutAvg}}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-blue">PD</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.pdInAvg}}</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.pdOutAvg}}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-blue">MA</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.maInAvg}}</td>
|
|
|
|
+ <td class="td-blue">{{c3ReactorTableData.maOutAvg}}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-green">conversion</td>
|
|
|
|
+ <td class="td-green">{{c3ReactorTableData.conversion}}%</td>
|
|
|
|
+ <td class="td-transparent"></td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="td-green">Propylene Selectivity</td>
|
|
|
|
+ <td class="td-green">{{c3ReactorTableData.propyleneSelectivity}}%</td>
|
|
|
|
+ <td class="td-transparent"></td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -2230,7 +2273,7 @@ import { listS6101, getS6101, delS6101, addS6101, updateS6101, exportS6101 } fro
|
|
import { listS6107, getS6107, delS6107, addS6107, updateS6107, exportS6107 } from "@/api/production/s6107";
|
|
import { listS6107, getS6107, delS6107, addS6107, updateS6107, exportS6107 } from "@/api/production/s6107";
|
|
import { listS6301, getS6301, delS6301, addS6301, updateS6301, exportS6301 } from "@/api/production/s6301";
|
|
import { listS6301, getS6301, delS6301, addS6301, updateS6301, exportS6301 } from "@/api/production/s6301";
|
|
import { listZ404, getZ404, delZ404, addZ404, updateZ404, exportZ404 } from "@/api/production/z404";
|
|
import { listZ404, getZ404, delZ404, addZ404, updateZ404, exportZ404 } from "@/api/production/z404";
|
|
-import { exportQuality } from "@/api/production/quality";
|
|
|
|
|
|
+import { exportQuality, c3ReactorTable } from "@/api/production/quality";
|
|
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";
|
|
@@ -2238,7 +2281,6 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
props: {
|
|
props: {
|
|
- timeliness: null,
|
|
|
|
width: {
|
|
width: {
|
|
type: String,
|
|
type: String,
|
|
default: '100%'
|
|
default: '100%'
|
|
@@ -2252,6 +2294,8 @@ export default {
|
|
components: { Treeselect },
|
|
components: { Treeselect },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ c3ReactorTableData: {},
|
|
|
|
+ showC3Table: false,
|
|
chart: null,
|
|
chart: null,
|
|
chartData : [],
|
|
chartData : [],
|
|
analysisOptions: [],
|
|
analysisOptions: [],
|
|
@@ -2423,6 +2467,7 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
/** 销毁趋势图 */
|
|
/** 销毁趋势图 */
|
|
disposeChart() {
|
|
disposeChart() {
|
|
|
|
+ this.showC3Table = false;
|
|
if(this.chart != null) {
|
|
if(this.chart != null) {
|
|
this.echarts.dispose(this.chart);
|
|
this.echarts.dispose(this.chart);
|
|
}
|
|
}
|
|
@@ -4095,13 +4140,17 @@ export default {
|
|
});
|
|
});
|
|
break;
|
|
break;
|
|
case "11":
|
|
case "11":
|
|
- listS5010(this.analysisQueryParams).then(response => {
|
|
|
|
|
|
+ // let params = {
|
|
|
|
+ // "startDate": this.sampleDate[0],
|
|
|
|
+ // "endDate": this.sampleDate[1]
|
|
|
|
+ // };
|
|
|
|
+ c3ReactorTable({
|
|
|
|
+ "startDate": this.analysisSampleDate[0],
|
|
|
|
+ "endDate": this.analysisSampleDate[1]
|
|
|
|
+ }).then(response => {
|
|
let data = response.data;
|
|
let data = response.data;
|
|
- console.log(data)
|
|
|
|
- });
|
|
|
|
- listS5012(this.analysisQueryParams).then(response => {
|
|
|
|
- let data = response.data;
|
|
|
|
- console.log(data)
|
|
|
|
|
|
+ this.c3ReactorTableData = data;
|
|
|
|
+ this.showC3Table = true;
|
|
});
|
|
});
|
|
break;
|
|
break;
|
|
case "12":
|
|
case "12":
|
|
@@ -5107,3 +5156,27 @@ export default {
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
+<style>
|
|
|
|
+ table {
|
|
|
|
+ border-collapse: collapse;
|
|
|
|
+ border-spacing: 0;
|
|
|
|
+ }
|
|
|
|
+ .td-blue{
|
|
|
|
+ background-color: #00CCFF;
|
|
|
|
+ color: black;
|
|
|
|
+ border: 1px solid;
|
|
|
|
+ padding: 5px;
|
|
|
|
+ }
|
|
|
|
+ .td-green{
|
|
|
|
+ background-color: #00FF00;
|
|
|
|
+ color: black;
|
|
|
|
+ border: 1px solid;
|
|
|
|
+ padding: 5px;
|
|
|
|
+ }
|
|
|
|
+ .td-transparent{
|
|
|
|
+ background-color: transparent;
|
|
|
|
+ color: black;
|
|
|
|
+ border: 1px solid;
|
|
|
|
+ padding: 5px;
|
|
|
|
+ }
|
|
|
|
+</style>
|