From 721f0f47db74d425940e0727035eefa0f72748f8 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期五, 25 六月 2021 13:59:21 +0800
Subject: [PATCH] 空载试验及负载试验优化
---
src/pages/test/loadTest.vue | 1155 +++++++++++++++++++++++++++++++--------------------------
1 files changed, 621 insertions(+), 534 deletions(-)
diff --git a/src/pages/test/loadTest.vue b/src/pages/test/loadTest.vue
index ac3da05..c57ecd9 100644
--- a/src/pages/test/loadTest.vue
+++ b/src/pages/test/loadTest.vue
@@ -100,8 +100,8 @@
<div class="flexCon">
<el-button type="primary" size="mini" @click="changeSpeed('add')">鍔犻��</el-button>
<el-button type="primary" size="mini" @click="changeSpeed('reduce')">鍑忛��</el-button>
- <el-input v-model="nbmspeedValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini"
- class="speedInput"></el-input>
+ <el-input v-model="nbmspeedValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini" class="speedInput">
+ </el-input>
<el-button type="primary" size="mini">纭璋冮��</el-button>
</div>
</div>
@@ -133,20 +133,20 @@
<div class="status lineCon">
<div class="line">
<div class="text">VF</div>
- <el-input v-model="VFValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini"
- class="input"></el-input>
+ <el-input v-model="VFValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini" class="input">
+ </el-input>
<div class="text">鍙傝�冨��1~50</div>
</div>
<div class="line">
<div class="text">SVC</div>
- <el-input v-model="SVCValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini"
- class="input"></el-input>
+ <el-input v-model="SVCValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini" class="input">
+ </el-input>
<div class="text">鍙傝�冨��1~200</div>
</div>
<div class="line">
<div class="text">FVC</div>
- <el-input v-model="FVCValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini"
- class="input"></el-input>
+ <el-input v-model="FVCValue" placeholder="璇疯緭鍏ュ唴瀹�" size="mini" class="input">
+ </el-input>
<div class="text">鍙傝�冨��1~1000</div>
</div>
</div>
@@ -160,7 +160,7 @@
</div>
<div class="modelItemWarp bottom" style="width:8.5%;">
<div class="content">
- <div class="title">鏁存祦鐢靛帇鎿嶄綔</div>
+ <div class="title">鏁存祦鐢垫簮鎿嶄綔</div>
<div class="con">
<div class="couflex">
<el-button type="primary" size="mini" class="stopBtn">鍋滄</el-button>
@@ -196,14 +196,14 @@
<div class="con" style="position:relative;overflow:auto;">
<div class="stepCont">
<step-list v-for="(item, index) in list" :key="'key'+index" :data="item"
- :end="(list.length-1) == index"
- size="mini">
+ :end="(list.length-1) == index" size="mini">
</step-list>
</div>
<div class="stepBtnCon">
<el-button type="primary" size="mini">鏌ョ湅缁撴灉</el-button>
<el-button type="primary" size="mini" @click="closeTest=true">鍏抽棴璇曢獙</el-button>
- <el-button type="primary" size="mini" :disabled="!progressStep" @click="nextStepTest">涓嬫璇曢獙</el-button>
+ <el-button type="primary" size="mini" :disabled="!progressStep" @click="nextStepTest">涓嬫璇曢獙
+ </el-button>
</div>
</div>
</div>
@@ -218,574 +218,661 @@
</template>
<script>
-import barChart from '@/components/chart/barChart.vue';
-import StatusModule from '@/components/smallModule/statusModule.vue';
-import MwThermometer from '@/components/smallModule/mwThermometer.vue';
-import DoubleLine from '@/components/chart/doubleLine.vue';
-import gridCircuitDiagram from '@/pages/test/js/noLoadTestDiagram';
-import MwSwitch from '@/components/smallModule/mwSwitch.vue';
-import StepList from '@/components/smallModule/stepList.vue';
-import absPanel from '@/components/smallModule/absPanel.vue';
-import LoadTestDialog from "@/pages/test/dialog/LoadTestDialog";
-import {stopTestPoint} from "@/pages/test/js/api";
-import MwDrawer from "@/components/smallModule/mwDrawer";
-import PreOptionList from "@/components/smallModule/preOptionList";
-import CloseTest from "@/pages/test/dialog/closeTest";
+ import barChart from '@/components/chart/barChart.vue';
+ import StatusModule from '@/components/smallModule/statusModule.vue';
+ import MwThermometer from '@/components/smallModule/mwThermometer.vue';
+ import DoubleLine from '@/components/chart/doubleLine.vue';
+ import gridCircuitDiagram from '@/pages/test/js/noLoadTestDiagram';
+ import MwSwitch from '@/components/smallModule/mwSwitch.vue';
+ import StepList from '@/components/smallModule/stepList.vue';
+ import absPanel from '@/components/smallModule/absPanel.vue';
+ import LoadTestDialog from "@/pages/test/dialog/LoadTestDialog";
+ import {
+ stopTestPoint
+ } from "@/pages/test/js/api";
+ import MwDrawer from "@/components/smallModule/mwDrawer";
+ import PreOptionList from "@/components/smallModule/preOptionList";
+ import CloseTest from "@/pages/test/dialog/closeTest";
-let diagram;
-export default {
- name: 'loadTest',
- components: {
- CloseTest,
- LoadTestDialog,
- barChart,
- StatusModule,
- MwThermometer,
- DoubleLine,
- MwSwitch,
- StepList,
- absPanel,
- MwDrawer,
- PreOptionList,
- },
- data() {
- return {
- type: 'fz',
- dialogVisible: false,
- speedValue: 0,
- nbmspeedValue: 0,
- VFValue: 10,
- SVCValue: 30,
- FVCValue: 110,
- value1: true,
- value2: true,
- value3: true,
- closeTest: false,
- statusList1: [
- {
- text: '杩愯涓�',
- color: '#82e866',
- status: false
- },
- {
- text: '宸插仠姝�',
- color: '#f78989',
- status: true
- }
- ],
- statusList2: [
- {
- text: '杩愯涓�',
- color: '#82e866',
- status: true
- },
- {
- text: '宸插仠姝�',
- color: '#f78989',
- status: false
- }
- ],
- statusList3: [
- {
- text: '閫熷害',
- color: '#82e866',
- status: false
- },
- {
- text: '杞煩',
- color: '#82e866',
- status: true
- }
- ],
- diagramStatus: [
- {
- text: '杩愯',
- color: '#82e866',
- status: true
- },
- {
- text: '鎶ヨ',
- color: '#ffff00',
- status: true
- },
- {
- text: '鏁呴殰',
- color: '#f78989',
- status: true
- },
- {
- text: '绱у仠',
- color: '#666ee8',
- status: true
- }
- ],
- experimentId: 0,
- list: [],
- gearBox: [
- {
- label: '褰撳墠杞窛锛�',
- value: 0,
- unit: "kN路m",
- },
- {
- label: '鍙楄瘯鐢垫満杞�燂細',
- value: 0,
- unit: "r/min",
- },
- {
- label: '娴嬪姛鐢垫満杞�燂細',
- value: 0,
- unit: "r/min",
- }
- ],
- underTestMotor: [
- {
- label: '杞�燂細',
- value: 0,
- unit: "r/min",
- },
- {
- label: '鍔熺巼锛�',
- value: 0,
- unit: "kW",
- },
- {
- label: '鍣０锛�',
- value: 0,
- unit: "dB",
- },
- ],
- dcBox: [
- {
- label: '鐢靛帇锛�',
- value: 0,
- unit: "V",
- },
- {
- label: '鐢垫祦锛�',
- value: 0,
- unit: "A",
- },
- ],
- underServiceMotor: [
- {
- label: '鐢靛帇锛�',
- value: 0,
- unit: "V",
- },
- {
- label: '棰戠巼锛�',
- value: 0,
- unit: "HZ",
- },
- {
- label: '杞�燂細',
- value: 0,
- unit: "r/min",
- },
- {
- label: '鏁堢巼锛�',
- value: 0,
- unit: "%",
- },
- ],
- afeBox: [
- {
- label: '褰撳墠鐢靛帇锛�',
- value: 0,
- unit: "V",
- },
- {
- label: '棰濆畾鐢靛帇锛�',
- value: 0,
- unit: "V",
- },
- ],
- drawer: false,
- }
- },
- watch: {
- 'nbmspeedValue': {
- handler(val) {
- this.speedValue = Number(val)
- },
- deep: true
+ let diagram;
+ export default {
+ name: 'loadTest',
+ components: {
+ CloseTest,
+ LoadTestDialog,
+ barChart,
+ StatusModule,
+ MwThermometer,
+ DoubleLine,
+ MwSwitch,
+ StepList,
+ absPanel,
+ MwDrawer,
+ PreOptionList,
},
- 'speedValue': {
- handler(val) {
- this.nbmspeedValue = Number(val)
- },
- deep: true
- },
- },
- methods: {
- changeSpeed(type) {
- if (type == 'add') {
- this.speedValue += 1
- } else {
- this.speedValue -= 1
- }
- },
- initChart() {
- this.$refs.temperatureBar.setData({
- xData: ['#1', '#2', '#3', '#4', '#5', '#6', '#7', '#8', '#9', '#10', '#11', '#12'],
- series: [{
- color: '#ffc71c',
- name: '瀹氬瓙娓╁害鎯呭喌',
- data: [38, 56, 80, 64, 58, 36, 1, 1, 1, 1, 1, 1],
- smooth: false,
- showlabel: false
- }]
- });
-
- this.$refs.DoubleLine.setData({
- xData: ['9:44:05', '9:44:10', '9:44:15', '9:44:20', '9:44:25', '9:44:30', '9:44:35'],
- series: [{
- color: '#1e9ff2',
- name: '绌鸿浇鐢垫満鐢靛帇',
- data: [10, 10, 30, 12, 15, 3, 7],
- showSymbol: true,
- yAxisIndex: 0,
- }, {
- color: '#1bd9a0',
- name: '楂橀�熼娇杞�',
- data: [150, 120, 170, 140, 500, 160, 110],
- showSymbol: true,
- yAxisIndex: 1,
- }]
- });
-
- this.$refs.DoubleLine2.setData({
- xData: ['9:44:05', '9:44:10', '9:44:15', '9:44:20', '9:44:25', '9:44:30', '9:44:35'],
- series: [{
- color: '#1e9ff2',
- name: '绌鸿浇鐢垫満鐢靛帇',
- data: [10, 10, 30, 12, 15, 3, 7],
- showSymbol: true,
- yAxisIndex: 0,
- }, {
- color: '#1bd9a0',
- name: '楂橀�熼娇杞�',
- data: [150, 120, 170, 140, 500, 160, 110],
- showSymbol: true,
- yAxisIndex: 1,
- }]
- });
-
- this.$refs.DoubleLine3.setData({
- xData: ['9:44:05', '9:44:10', '9:44:15', '9:44:20', '9:44:25', '9:44:30', '9:44:35'],
- series: [{
- color: '#1e9ff2',
- name: '绌鸿浇鐢垫満鐢靛帇',
- data: [10, 10, 30, 12, 15, 3, 7],
- showSymbol: true,
- yAxisIndex: 0,
- }, {
- color: '#1bd9a0',
- name: '楂橀�熼娇杞�',
- data: [150, 120, 170, 140, 500, 160, 110],
- showSymbol: true,
- yAxisIndex: 1,
- }]
- });
- },
- updateList(list) {
- if(list && list.length>0) {
- let item = list[0];
- this.experimentId = item.experimentId;
- }
- this.list = list;
- },
- nextStepTest() {
- let step = this.progressStep;
- let id = step.id;
- let name = step.name;
- this.$confirm("纭鎵嬪姩瀹屾垚"+name+'娴嬭瘯', "绯荤粺鎻愮ず", {
- type: 'warning'
- }).then(res=>{
- stopTestPoint(id).then(res=>{
- let rs = res.data;
- if(rs.code == 1) {
- this.$layer.msg("鎵嬪姩瀹屾垚鎴愬姛锛�");
- }else {
- this.$layer.msg("鎵嬪姩瀹屾垚澶辫触锛�");
+ data() {
+ return {
+ type: 'fz',
+ dialogVisible: false,
+ speedValue: 0,
+ nbmspeedValue: 0,
+ VFValue: 10,
+ SVCValue: 30,
+ FVCValue: 110,
+ value1: true,
+ value2: true,
+ value3: true,
+ closeTest: false,
+ statusList1: [{
+ text: '杩愯涓�',
+ color: '#82e866',
+ status: false
+ },
+ {
+ text: '宸插仠姝�',
+ color: '#f78989',
+ status: true
}
- }).catch(error=>{
- this.$layer.msg("缃戠粶閫氳寮傚父");
- });
- }).catch(error=>{});
- }
- },
- computed: {
- progressStep() {
- let list = this.list;
- let step = false;
- for(let i=0; i<list.length; i++) {
- let item = list[i];
- if(item.status == 1) {
- step = item;
- break;
- }
+ ],
+ statusList2: [{
+ text: '杩愯涓�',
+ color: '#82e866',
+ status: true
+ },
+ {
+ text: '宸插仠姝�',
+ color: '#f78989',
+ status: false
+ }
+ ],
+ statusList3: [{
+ text: '閫熷害',
+ color: '#82e866',
+ status: false
+ },
+ {
+ text: '杞煩',
+ color: '#82e866',
+ status: true
+ }
+ ],
+ diagramStatus: [{
+ text: '杩愯',
+ color: '#82e866',
+ status: true
+ },
+ {
+ text: '鎶ヨ',
+ color: '#ffff00',
+ status: true
+ },
+ {
+ text: '鏁呴殰',
+ color: '#f78989',
+ status: true
+ },
+ {
+ text: '绱у仠',
+ color: '#666ee8',
+ status: true
+ }
+ ],
+ experimentId: 0,
+ list: [],
+ gearBox: [{
+ label: '褰撳墠杞窛锛�',
+ value: 0,
+ unit: "kN路m",
+ },
+ {
+ label: '鍙楄瘯鐢垫満杞�燂細',
+ value: 0,
+ unit: "r/min",
+ },
+ {
+ label: '娴嬪姛鐢垫満杞�燂細',
+ value: 0,
+ unit: "r/min",
+ }
+ ],
+ underTestMotor: [{
+ label: '杞�燂細',
+ value: 0,
+ unit: "r/min",
+ },
+ {
+ label: '鍔熺巼锛�',
+ value: 0,
+ unit: "kW",
+ },
+ {
+ label: '鍣０锛�',
+ value: 0,
+ unit: "dB",
+ },
+ ],
+ dcBox: [{
+ label: '鐢靛帇锛�',
+ value: 0,
+ unit: "V",
+ },
+ {
+ label: '鐢垫祦锛�',
+ value: 0,
+ unit: "A",
+ },
+ ],
+ underServiceMotor: [{
+ label: '鐢靛帇锛�',
+ value: 0,
+ unit: "V",
+ },
+ {
+ label: '棰戠巼锛�',
+ value: 0,
+ unit: "HZ",
+ },
+ {
+ label: '杞�燂細',
+ value: 0,
+ unit: "r/min",
+ },
+ {
+ label: '鏁堢巼锛�',
+ value: 0,
+ unit: "%",
+ },
+ ],
+ afeBox: [{
+ label: '褰撳墠鐢靛帇锛�',
+ value: 0,
+ unit: "V",
+ },
+ {
+ label: '棰濆畾鐢靛帇锛�',
+ value: 0,
+ unit: "V",
+ },
+ ],
+ drawer: false,
}
- return step;
},
- },
- mounted() {
- this.initChart();
- diagram = gridCircuitDiagram(this.$refs.static, this.$refs.flush);
+ watch: {
+ 'nbmspeedValue': {
+ handler(val) {
+ this.speedValue = Number(val)
+ },
+ deep: true
+ },
+ 'speedValue': {
+ handler(val) {
+ this.nbmspeedValue = Number(val)
+ },
+ deep: true
+ },
+ },
+ methods: {
+ loadDialogData() {
+ this.gearBox = [{
+ label: '褰撳墠杞窛锛�',
+ value: this.randomNum(100, 999),
+ unit: "kN路m",
+ },
+ {
+ label: '鍙楄瘯鐢垫満杞�燂細',
+ value: this.randomNum(100, 999),
+ unit: "r/min",
+ },
+ {
+ label: '娴嬪姛鐢垫満杞�燂細',
+ value: this.randomNum(100, 999),
+ unit: "r/min",
+ }
+ ]
+ this.underTestMotor = [{
+ label: '杞�燂細',
+ value: this.randomNum(100, 999),
+ unit: "r/min",
+ },
+ {
+ label: '鍔熺巼锛�',
+ value: this.randomNum(100, 999),
+ unit: "kW",
+ },
+ {
+ label: '鍣０锛�',
+ value: this.randomNum(100, 999),
+ unit: "dB",
+ },
+ ]
+ this.dcBox = [{
+ label: '鐢靛帇锛�',
+ value: this.randomNum(100, 999),
+ unit: "V",
+ },
+ {
+ label: '鐢垫祦锛�',
+ value: this.randomNum(100, 999),
+ unit: "A",
+ },
+ ]
+ this.underServiceMotor = [{
+ label: '鐢靛帇锛�',
+ value: this.randomNum(100, 999),
+ unit: "V",
+ },
+ {
+ label: '棰戠巼锛�',
+ value: this.randomNum(100, 999),
+ unit: "HZ",
+ },
+ {
+ label: '杞�燂細',
+ value: this.randomNum(100, 999),
+ unit: "r/min",
+ },
+ {
+ label: '鏁堢巼锛�',
+ value: this.randomNum(0, 100),
+ unit: "%",
+ },
+ ]
+ this.afeBox = [{
+ label: '褰撳墠鐢靛帇锛�',
+ value: this.randomNum(100, 999),
+ unit: "V",
+ },
+ {
+ label: '棰濆畾鐢靛帇锛�',
+ value: this.randomNum(100, 999),
+ unit: "V",
+ },
+ ]
+ },
+ randomNum(minNum, maxNum) {
+ switch (arguments.length) {
+ case 1:
+ return parseInt(Math.random() * minNum + 1, 10);
+ break;
+ case 2:
+ return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
+ break;
+ default:
+ return 0;
+ break;
+ }
+ },
+ changeSpeed(type) {
+ if (type == 'add') {
+ this.speedValue += 1
+ } else {
+ this.speedValue -= 1
+ }
+ },
+ initChart() {
+ this.$refs.temperatureBar.setData({
+ xData: ['#1', '#2', '#3', '#4', '#5', '#6', '#7', '#8', '#9', '#10', '#11', '#12'],
+ series: [{
+ color: '#ffc71c',
+ name: '瀹氬瓙娓╁害鎯呭喌',
+ data: [38, 56, 80, 64, 58, 36, 1, 1, 1, 1, 1, 1],
+ smooth: false,
+ showlabel: false
+ }]
+ });
+
+ this.$refs.DoubleLine.setData({
+ xData: ['9:44:05', '9:44:10', '9:44:15', '9:44:20', '9:44:25', '9:44:30', '9:44:35'],
+ series: [{
+ color: '#1e9ff2',
+ name: '绌鸿浇鐢垫満鐢靛帇',
+ data: [10, 10, 30, 12, 15, 3, 7],
+ showSymbol: true,
+ yAxisIndex: 0,
+ }, {
+ color: '#1bd9a0',
+ name: '楂橀�熼娇杞�',
+ data: [150, 120, 170, 140, 500, 160, 110],
+ showSymbol: true,
+ yAxisIndex: 1,
+ }]
+ });
+
+ this.$refs.DoubleLine2.setData({
+ xData: ['9:44:05', '9:44:10', '9:44:15', '9:44:20', '9:44:25', '9:44:30', '9:44:35'],
+ series: [{
+ color: '#1e9ff2',
+ name: '绌鸿浇鐢垫満鐢靛帇',
+ data: [10, 10, 30, 12, 15, 3, 7],
+ showSymbol: true,
+ yAxisIndex: 0,
+ }, {
+ color: '#1bd9a0',
+ name: '楂橀�熼娇杞�',
+ data: [150, 120, 170, 140, 500, 160, 110],
+ showSymbol: true,
+ yAxisIndex: 1,
+ }]
+ });
+
+ this.$refs.DoubleLine3.setData({
+ xData: ['9:44:05', '9:44:10', '9:44:15', '9:44:20', '9:44:25', '9:44:30', '9:44:35'],
+ series: [{
+ color: '#1e9ff2',
+ name: '绌鸿浇鐢垫満鐢靛帇',
+ data: [10, 10, 30, 12, 15, 3, 7],
+ showSymbol: true,
+ yAxisIndex: 0,
+ }, {
+ color: '#1bd9a0',
+ name: '楂橀�熼娇杞�',
+ data: [150, 120, 170, 140, 500, 160, 110],
+ showSymbol: true,
+ yAxisIndex: 1,
+ }]
+ });
+ },
+ updateList(list) {
+ if (list && list.length > 0) {
+ let item = list[0];
+ this.experimentId = item.experimentId;
+ }
+ this.list = list;
+ },
+ nextStepTest() {
+ let step = this.progressStep;
+ let id = step.id;
+ let name = step.name;
+ this.$confirm("纭鎵嬪姩瀹屾垚" + name + '娴嬭瘯', "绯荤粺鎻愮ず", {
+ type: 'warning'
+ }).then(res => {
+ stopTestPoint(id).then(res => {
+ let rs = res.data;
+ if (rs.code == 1) {
+ this.$layer.msg("鎵嬪姩瀹屾垚鎴愬姛锛�");
+ } else {
+ this.$layer.msg("鎵嬪姩瀹屾垚澶辫触锛�");
+ }
+ }).catch(error => {
+ this.$layer.msg("缃戠粶閫氳寮傚父");
+ });
+ }).catch(error => {});
+ }
+ },
+ computed: {
+ progressStep() {
+ let list = this.list;
+ let step = false;
+ for (let i = 0; i < list.length; i++) {
+ let item = list[i];
+ if (item.status == 1) {
+ step = item;
+ break;
+ }
+ }
+ return step;
+ },
+ },
+ mounted() {
+ this.initChart();
+ diagram = gridCircuitDiagram(this.$refs.static, this.$refs.flush);
+ setInterval(() => {
+ this.loadDialogData();
+ }, 2000);
+
+ }
}
-}
</script>
<style scoped>
-.flex-warp {
- width: 100%;
- height: 100%;
- display: flex;
- flex-wrap: wrap;
- padding-bottom: 25px;
-}
+ .flex-warp {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ padding-bottom: 25px;
+ }
-.flex-warp .top {
- height: 68%;
-}
+ .flex-warp .top {
+ height: 68%;
+ }
-.flex-warp .bottom {
- height: 32%;
-}
+ .flex-warp .bottom {
+ height: 32%;
+ }
-.chart {
- width: 100%;
- height: 100%;
-}
+ .chart {
+ width: 100%;
+ height: 100%;
+ }
-.diagram-content {
- top: -24px;
-}
+ .diagram-content {
+ top: -24px;
+ }
-.scrollCon {
- width: 100%;
- height: 100%;
- overflow: auto;
-}
+ .scrollCon {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ }
-.scrollCon .list {
- width: 100%;
- display: flex;
- align-items: center;
- font-size: 12px;
- padding: 6px 14px;
- justify-content: space-between;
-}
+ .scrollCon .list {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 12px;
+ padding: 6px 14px;
+ justify-content: space-between;
+ }
-.scrollCon .list .text {
- color: #ffffff;
- width: 80%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
+ .scrollCon .list .text {
+ color: #ffffff;
+ width: 80%;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
-.scrollCon .list .see {
- color: #02A7F0;
- cursor: pointer;
-}
+ .scrollCon .list .see {
+ color: #02A7F0;
+ cursor: pointer;
+ }
-.lineCon {
- width: 100%;
- height: calc(100% - 20px);
-}
+ .lineCon {
+ width: 100%;
+ height: calc(100% - 20px);
+ }
-.double-line-wrapper {
- height: calc(100% - 30px);
-}
+ .double-line-wrapper {
+ height: calc(100% - 30px);
+ }
-.h30percent {
- height: 33%;
-}
+ .h30percent {
+ height: 33%;
+ }
-.chartTitle {
- width: 100%;
- font-size: 14px;
- padding: 8px 15px;
-}
+ .chartTitle {
+ width: 100%;
+ font-size: 14px;
+ padding: 8px 15px;
+ }
-.stepCont {
- padding: 10px;
-}
+ .stepCont {
+ padding: 10px;
+ }
-.speedCon {
- width: 86%;
- height: 60px;
- background: inherit;
- background-color: rgba(255, 255, 255, 1);
- border: none;
- border-radius: 8px;
- -moz-box-shadow: 0px 0px 5px rgba(228, 228, 228, 1);
- -webkit-box-shadow: 0px 0px 5px rgb(228 228 228);
- box-shadow: 0px 0px 5px rgb(228 228 228);
- margin: 40px auto;
- padding: 0 20px;
- display: flex;
- align-items: center;
-}
+ .speedCon {
+ width: 86%;
+ height: 60px;
+ background: inherit;
+ background-color: rgba(255, 255, 255, 1);
+ border: none;
+ border-radius: 8px;
+ -moz-box-shadow: 0px 0px 5px rgba(228, 228, 228, 1);
+ -webkit-box-shadow: 0px 0px 5px rgb(228 228 228);
+ box-shadow: 0px 0px 5px rgb(228 228 228);
+ margin: 40px auto;
+ padding: 0 20px;
+ display: flex;
+ align-items: center;
+ }
-.speedCon /deep/ .el-slider {
- width: 100%;
-}
+ .speedCon /deep/ .el-slider {
+ width: 100%;
+ }
-.flexCon {
- width: 100%;
- display: flex;
- align-items: center;
- padding: 0 7%;
-}
+ .flexCon {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ padding: 0 7%;
+ }
-.speedInput {
- margin: 0 10px;
-}
+ .speedInput {
+ margin: 0 10px;
+ }
-.couflex {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- flex-direction: column;
-}
+ .couflex {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ }
-.stopBtn {
- width: 60%;
- margin-top: 20px;
- margin-left: 0;
- padding: 10px 0;
- display: flex;
- align-items: center;
- justify-content: center;
-}
+ .stopBtn {
+ width: 60%;
+ margin-top: 20px;
+ margin-left: 0;
+ padding: 10px 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
-.couflex .optItem {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- margin-top: 10px;
-}
+ .couflex .optItem {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ margin-top: 10px;
+ }
-.couflex .lineTit {
- font-size: 12px;
- margin-bottom: 6px;
-}
+ .couflex .lineTit {
+ font-size: 12px;
+ margin-bottom: 6px;
+ }
-.flexWarp {
- display: flex;
- flex-wrap: wrap;
- padding: 6px;
-}
+ .flexWarp {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 6px;
+ }
-.flexWarp .status {
- width: 48%;
- display: flex;
- justify-content: center;
- margin-bottom: 10px;
- padding: 0 2px 0 10px;
-}
+ .flexWarp .status {
+ width: 48%;
+ display: flex;
+ justify-content: center;
+ margin-bottom: 10px;
+ padding: 0 2px 0 10px;
+ }
-.flexWarp .status .text {
- font-size: 10px;
-}
+ .flexWarp .status .text {
+ font-size: 10px;
+ }
-.flexWarp .status .moduleCon {
- flex: 1;
- margin-left: 6px;
-}
+ .flexWarp .status .moduleCon {
+ flex: 1;
+ margin-left: 6px;
+ }
-.flexWarp .status .line {
- display: flex;
- align-items: center;
- width: 100%;
- margin-bottom: 4px;
-}
+ .flexWarp .status .line {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ margin-bottom: 4px;
+ }
-.flexWarp .status .line .text {
- margin: 0 8px 0 4px;
-}
+ .flexWarp .status .line .text {
+ margin: 0 8px 0 4px;
+ }
-.flexWarp .status .line .text:first-of-type {
- width: 30px;
-}
+ .flexWarp .status .line .text:first-of-type {
+ width: 30px;
+ }
-.flexWarp .status .line .input {
- width: 58px;
-}
+ .flexWarp .status .line .input {
+ width: 58px;
+ }
-.flexWarp .status.lineCon {
- display: block;
- width: 52%;
- height: 60px;
-}
+ .flexWarp .status.lineCon {
+ display: block;
+ width: 52%;
+ height: 60px;
+ }
-.diagramStatus {
- width: 200px;
- position: absolute;
- bottom: 20px;
- left: 20px;
-}
+ .diagramStatus {
+ width: 200px;
+ position: absolute;
+ bottom: 20px;
+ left: 20px;
+ }
-.modelItemWarp .diagramPanel1 {
- left: 150px;
- top: 100px;
-}
+ .modelItemWarp .diagramPanel1 {
+ left: 150px;
+ top: 100px;
+ }
-.modelItemWarp .diagramPanel2 {
- left: 320px;
- top: 220px;
-}
+ .modelItemWarp .diagramPanel2 {
+ left: 320px;
+ top: 220px;
+ }
-.modelItemWarp .diagramPanel3 {
- left: 380px;
- top: 400px;
-}
+ .modelItemWarp .diagramPanel3 {
+ left: 380px;
+ top: 400px;
+ }
-.modelItemWarp .diagramPanel4 {
- left: 520px;
- top: 190px;
-}
+ .modelItemWarp .diagramPanel4 {
+ left: 520px;
+ top: 190px;
+ }
-.modelItemWarp .diagramPanel5 {
- left: 520px;
- top: 70px;
-}
+ .modelItemWarp .diagramPanel5 {
+ left: 520px;
+ top: 70px;
+ }
-.mw-process-warp {
- margin-bottom: 20px;
-}
+ .mw-process-warp {
+ margin-bottom: 20px;
+ }
-.stepBtnCon {
- position: absolute;
- width: 100px;
- right: 10px;
- top: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
-}
+ .stepBtnCon {
+ position: absolute;
+ width: 100px;
+ right: 10px;
+ top: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ }
-.stepBtnCon /deep/ .el-button {
- margin: 0;
- margin-bottom: 10px;
-}
+ .stepBtnCon /deep/ .el-button {
+ margin: 0;
+ margin-bottom: 10px;
+ }
-.thermometerCon {
- position: absolute;
- bottom: 20px;
- right: 16px;
- color: #318bf1;
- font-size: 10px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
-}
-</style>
+ .thermometerCon {
+ position: absolute;
+ bottom: 20px;
+ right: 16px;
+ color: #318bf1;
+ font-size: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1