From 798610ea27080fbc416997ad573cb1f1f1ab1ae2 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期二, 30 七月 2024 11:08:52 +0800 Subject: [PATCH] 修改温度循环bug --- src/components/do/a6-device/operation-overview.vue | 154 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 151 insertions(+), 3 deletions(-) diff --git a/src/components/do/a6-device/operation-overview.vue b/src/components/do/a6-device/operation-overview.vue index 390d388..a1084da 100644 --- a/src/components/do/a6-device/operation-overview.vue +++ b/src/components/do/a6-device/operation-overview.vue @@ -1,13 +1,161 @@ <template> - <div>杩愯鎬昏</div> + <div class="page"> + <echart-module :id="'page-left'" :config="chartConfig" :datas="chartData" class="page-left"></echart-module> + <div class="page-right"> + <div class="form-item"> + <label>鏁呴殰娆℃暟</label> + <span>0</span> + </div> + <div class="form-item"> + <label>鏈�杩戞晠闅滄棩鏈�</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>鏈�杩戞牎鍑嗘棩鏈�</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>涓嬫鏍″噯鏃ユ湡</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>鏍″噯鎬荤粨璁�</label> + <el-radio-group v-model="form.value1" disabled> + <el-radio :label="0">鍚堟牸</el-radio> + <el-radio :label="1">涓嶅悎鏍�</el-radio> + <el-radio :label="2">鍏朵粬</el-radio> + </el-radio-group> + </div> + <div class="form-item"> + <label>鏈�杩戞牳鏌ユ棩鏈�</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>涓嬫鏍告煡鏃ユ湡</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>鏍告煡鎬荤粨璁�</label> + <el-radio-group v-model="form.value1" disabled> + <el-radio :label="0">鍚堟牸</el-radio> + <el-radio :label="1">涓嶅悎鏍�</el-radio> + <el-radio :label="2">鍏朵粬</el-radio> + </el-radio-group> + </div> + <div class="form-item"> + <label>鏈�杩戠淮鎶ゆ棩鏈�</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>涓嬫缁存姢鏃ユ湡</label> + <el-date-picker + v-model="form.value1" + type="date" + size="small" + placeholder="閫夋嫨鏃ユ湡" style="width: calc(100% - 200px);" readonly> + </el-date-picker> + </div> + <div class="form-item"> + <label>缁存姢绫诲瀷</label> + <el-radio-group v-model="form.value1" disabled> + <el-radio :label="0">浣跨敤鍓嶅悗缁存姢</el-radio> + <el-radio :label="1">璁″垝涓淮鎶�</el-radio> + </el-radio-group> + </div> + <div class="form-item"> + <label>娴嬮噺椤圭洰</label> + <span>1111111</span> + </div> + </div> + </div> </template> <script> +import EchartModule from '../../tool/echart.vue' export default { - + components: {EchartModule}, + data(){ + return { + chartConfig:{ + height: '', + isLoading:true, + type:'gauge' + }, + chartData:{ + xData:[], + yData:[ + { + title:'浠诲姟鎺ユ敹閲�', + data:[] + } + ] + }, + form:{ + value1:'' + } + } + } } </script> <style scoped> - +.page{ + width: 100%; + height: 100%; + display: flex; +} +.page-left{ + width: 420px; + height: 420px; + margin-top: 40px; + margin-right: 40px; +} +.page-right{ + flex: 1; + /* background: red; */ +} +.form-item{ + line-height: 42px; + font-size: 14px; +} +.page-right label{ + color: #999; + width: 110px; + display: inline-block; + text-align: right; + margin-right: 20px; +} +>>>.el-radio__input.is-disabled+span.el-radio__label{ + color: #606266 !important; +} </style> -- Gitblit v1.9.3