Browse Source

commit

master
xuhuihui 3 years ago
parent
commit
42f413b739
  1. 48
      04.系统编码/Frontend/src/components/DecisionSupport.vue

48
04.系统编码/Frontend/src/components/DecisionSupport.vue

@ -5,21 +5,28 @@
<div class="menu-item"> <div class="menu-item">
<h2 class="tip">指标选择</h2> <h2 class="tip">指标选择</h2>
<el-row :gutter="12"> <el-row :gutter="12">
<el-col :span="24"><span @click="onIndicatorClick('plan-advice')" :class="{'active': currentIndicator === 'plan-advice'}">通风廊道规划建议</span></el-col> <el-col :span="24"><span @click="onIndicatorClick('plan-advice')"
<el-col :span="24"><span @click="onIndicatorClick('pollution-indicator')" :class="{'active': currentIndicator === 'pollution-indicator'}">高楼污染指数</span></el-col> :class="{'active': currentIndicator === 'plan-advice'}">通风廊道规划建议</span></el-col>
<el-col :span="24"><span @click="onIndicatorClick('pollution-indicator')"
:class="{'active': currentIndicator === 'pollution-indicator'}">高楼污染指数</span>
</el-col>
</el-row> </el-row>
</div> </div>
<div class="menu-item" v-if="currentIndicator === 'plan-advice'"> <div class="menu-item" v-if="currentIndicator === 'plan-advice'">
<h2 class="tip">产品选择</h2> <h2 class="tip">产品选择</h2>
<el-row :gutter="12"> <el-row :gutter="12">
<el-col :span="24"><span @click="onProductClick('control-experiment')" :class="{'active': currentProduct === 'control-experiment'}">控制实验</span></el-col> <el-col :span="24"><span @click="onProductClick('control-experiment')"
<el-col :span="24"><span @click="onProductClick('product-influence')" :class="{'active': currentProduct === 'product-influence'}">通风廊道的影响</span></el-col> :class="{'active': currentProduct === 'control-experiment'}">控制实验</span></el-col>
<el-col :span="24"><span @click="onProductClick('product-experiment')" :class="{'active': currentProduct === 'product-experiment'}">通风廊道试验</span></el-col> <el-col :span="24"><span @click="onProductClick('product-influence')"
:class="{'active': currentProduct === 'product-influence'}">通风廊道的影响</span></el-col>
<el-col :span="24"><span @click="onProductClick('product-experiment')"
:class="{'active': currentProduct === 'product-experiment'}">通风廊道试验</span></el-col>
</el-row> </el-row>
</div> </div>
</div> </div>
<div class="container panel decision-container"> <div class="container panel decision-container">
<span class="save-btn" @click="onSaveClick" v-if="currentIndicator != 'pollution-indicator'"><img src="/images/save.png" /></span> <span class="save-btn" @click="onSaveClick" v-if="currentIndicator != 'pollution-indicator'"><img
src="/images/save.png"/></span>
<div class="download-pictures" id="pictures"> <div class="download-pictures" id="pictures">
<a v-for="(url, index) in urls" :key="index" download></a> <a v-for="(url, index) in urls" :key="index" download></a>
</div> </div>
@ -121,6 +128,7 @@
import moment from "moment"; import moment from "moment";
import {ConstantRamanLidar} from "../model/constant"; import {ConstantRamanLidar} from "../model/constant";
import {CustomeArray} from "../model/custome-array"; import {CustomeArray} from "../model/custome-array";
export default { export default {
name: 'DecisionSupport', name: 'DecisionSupport',
setup() { setup() {
@ -268,7 +276,7 @@
for (let i = 0; i < 72; i++) { for (let i = 0; i < 72; i++) {
temp.push(NaN); temp.push(NaN);
} }
result[0].data = [temp]; result[0].data = group(temp ,24)
} }
let prepareData = [] let prepareData = []
let startTimeMoment = moment(result[0].time, 'M_D_H').add(8, 'h') let startTimeMoment = moment(result[0].time, 'M_D_H').add(8, 'h')
@ -282,6 +290,15 @@
return prepareData; return prepareData;
} }
const group = (array, subGroupLength) => {
let index = 0;
let newArray = [];
while(index < array.length) {
newArray.push(array.slice(index, index += subGroupLength));
}
return newArray;
}
const reloadChartsRecognition = (element: string, callback: any) => { const reloadChartsRecognition = (element: string, callback: any) => {
options.loadingPollutionIndicatorStatus = true options.loadingPollutionIndicatorStatus = true
let result = new CustomeArray(callback); let result = new CustomeArray(callback);
@ -376,24 +393,30 @@
.decision-container { .decision-container {
height: calc(~"100% - 0.6rem"); height: calc(~"100% - 0.6rem");
padding: 0.2rem 0 0.2rem 0.2rem; padding: 0.2rem 0 0.2rem 0.2rem;
.save-btn { .save-btn {
top: 0.2rem; top: 0.2rem;
right: 0.2rem; right: 0.2rem;
} }
.advice-picture-view { .advice-picture-view {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
:deep(.el-row) { :deep(.el-row) {
width: 100%; width: 100%;
.title { .title {
padding: 0; padding: 0;
font-size: 0.22rem; font-size: 0.22rem;
} }
.el-col { .el-col {
height: 46%; height: 46%;
margin-top: 1%; margin-top: 1%;
text-align: center; text-align: center;
.el-image { .el-image {
height: calc(~"100% - 0.4rem"); height: calc(~"100% - 0.4rem");
margin-top: 0.1rem; margin-top: 0.1rem;
@ -405,21 +428,25 @@
} }
} }
} }
.indicator-picture-view { .indicator-picture-view {
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
.title { .title {
padding: 0; padding: 0;
margin-bottom: 0.7rem; margin-bottom: 0.7rem;
} }
.picture-block { .picture-block {
display: flex; display: flex;
align-items: end; align-items: end;
justify-content: center; justify-content: center;
} }
.picture { .picture {
width: 6.5rem; width: 6.5rem;
height: auto; height: auto;
@ -430,6 +457,7 @@
width: 100%; width: 100%;
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
:deep(.el-image__inner) { :deep(.el-image__inner) {
max-width: 99%; max-width: 99%;
border: 1px solid #707070; border: 1px solid #707070;
@ -440,6 +468,7 @@
width: 6.44rem; width: 6.44rem;
} }
} }
.instruction { .instruction {
margin-left: 0.4rem; margin-left: 0.4rem;
color: #222222; color: #222222;
@ -453,20 +482,25 @@
} }
} }
} }
.raman-picture-container { .raman-picture-container {
margin: 0 auto; margin: 0 auto;
.picture { .picture {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.toolbar { .toolbar {
//padding: 0.15rem 0; //padding: 0.15rem 0;
padding-bottom: 7px; padding-bottom: 7px;
margin: -12px 0.25rem 0px; margin: -12px 0.25rem 0px;
.times { .times {
padding-bottom: 0; padding-bottom: 0;
} }
:deep(.date-picker), .control-btn { :deep(.date-picker), .control-btn {
margin-top: 12px; margin-top: 12px;
} }

Loading…
Cancel
Save