From 6f30bbf4f118d3357d1e6e503aa986227e2cc6ea Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期二, 20 八月 2024 09:33:40 +0800 Subject: [PATCH] 更新代码 --- src/components/do/a6-device/calibration.vue | 291 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 289 insertions(+), 2 deletions(-) diff --git a/src/components/do/a6-device/calibration.vue b/src/components/do/a6-device/calibration.vue index 8e0ff62..f7b4d46 100644 --- a/src/components/do/a6-device/calibration.vue +++ b/src/components/do/a6-device/calibration.vue @@ -1,13 +1,300 @@ <template> - <div>璁惧鏍″噯</div> + <div> + <div class="search"> + <div class="search_thing"> + <el-button size="small" type="primary" @click="dialogVisible0=true">鏍″噯椤圭洰缁存姢</el-button> + </div> + <div class="btns"> + <el-button size="small" type="primary">娣诲姞鏍″噯璁板綍</el-button> + <el-button size="small" type="primary">瀵煎嚭</el-button> + </div> + </div> + <div class="tables" style="margin-top: 16px;"> + <ValueTable ref="ValueTable" + :url="$api.auxiliaryWorkingHoursDay.selectAuxiliaryWorkingHoursDay" + :delUrl="$api.auxiliaryWorkingHoursDay.deleteAuxiliaryWorkingHoursDay" :componentData="componentData" :key="upIndex"/> + </div> + <el-dialog + title="鏍″噯椤圭洰缁存姢" + :visible.sync="dialogVisible0" + width="60%" + style="max-height: 80vh;margin-top: 10vh;" + :close-on-click-modal="false" + :close-on-press-escape="false"> + <h4> + <div style="display: flex; + align-items: center;"><span class="line"></span><span>璁惧鏍″噯鍙傛暟缁存姢</span></div> + <el-button type="primary" size="small" @click="addCalibrate">娣� 鍔�</el-button> + </h4> + <div class="search"> + <div class="search_thing"> + <div class="search_label">璁¢噺鍙傛暟锛�</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="form0.value"></el-input></div> + </div> + <div class="search_thing"> + <div class="search_label">閲忕▼鑼冨洿锛�</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="form0.value"></el-input></div> + </div> + <div class="search_thing"> + <div class="search_label" style="width: 100px;">鏈�澶у厑璁歌宸細</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="form0.value"></el-input></div> + </div> + <div class="search_thing"> + <div class="search_label">鍒ゅ畾鏍囧噯锛�</div> + <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="form0.value"></el-input></div> + </div> + </div> + <h4> + <div style="display: flex; + align-items: center;"><span class="line"></span><span>璁惧鏍″噯鍙傛暟</span></div> + </h4> + <ValueTable ref="ValueTable0" + :url="$api.auxiliaryWorkingHoursDay.selectAuxiliaryWorkingHoursDay" + :delUrl="$api.auxiliaryWorkingHoursDay.deleteAuxiliaryWorkingHoursDay" :componentData="componentData0" :key="upIndex0"/> + <span slot="footer" class="dialog-footer"> + <el-button @click="dialogVisible0 = false">鍙� 娑�</el-button> + <el-button type="primary" @click="dialogVisible0 = false">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> </template> <script> +import ValueTable from '../../tool/value-table.vue' export default { - + components: { + ValueTable + }, + data(){ + return { + componentData: { + entity: { + week: null, + weekDay: null, + dateTime: null, + name:null, + orderBy: { + field: 'id', + order: 'desc' + } + }, + isIndex: true, + showSelect: false, + select: false, + do: [{ + id: 'handleLook', + font: '鏌ョ湅璇︽儏', + type: 'text', + method: 'handleLook' + }], + tagField: { + shift:{ + select:[] + }, + state:{ + select:[ + { + label:'宸叉彁浜�', + value:'宸叉彁浜�', + type:'primary' + }, + { + label:'宸插鏍�', + value:'宸插鏍�', + type:'warning' + }, + { + label:'宸叉壒鍑�', + value:'宸叉壒鍑�', + type:'success' + }, + ] + }, + weekDay:{ + select:[] + } + }, + linkEvent: {}, + selectField: { + shift:{ + select:[] + }, + state:{ + select:[ + { + label:'宸叉彁浜�', + value:'宸叉彁浜�', + type:'primary' + }, + { + label:'宸插鏍�', + value:'宸插鏍�', + type:'warning' + }, + { + label:'宸叉壒鍑�', + value:'宸叉壒鍑�', + type:'success' + }, + ] + }, + weekDay:{ + select:[] + } + }, + requiredAdd: [], + requiredUp: [] + }, + upIndex:0, + componentData0: { + entity: { + week: null, + weekDay: null, + dateTime: null, + name:null, + orderBy: { + field: 'id', + order: 'desc' + } + }, + isIndex: true, + showSelect: false, + select: false, + isPage:false, + do: [{ + id: 'delete', + font: '鍒犻櫎', + type: 'text', + method: 'doDiy', + }], + tagField: { + shift:{ + select:[] + }, + state:{ + select:[ + { + label:'宸叉彁浜�', + value:'宸叉彁浜�', + type:'primary' + }, + { + label:'宸插鏍�', + value:'宸插鏍�', + type:'warning' + }, + { + label:'宸叉壒鍑�', + value:'宸叉壒鍑�', + type:'success' + }, + ] + }, + weekDay:{ + select:[] + } + }, + linkEvent: {}, + selectField: { + shift:{ + select:[] + }, + state:{ + select:[ + { + label:'宸叉彁浜�', + value:'宸叉彁浜�', + type:'primary' + }, + { + label:'宸插鏍�', + value:'宸插鏍�', + type:'warning' + }, + { + label:'宸叉壒鍑�', + value:'宸叉壒鍑�', + type:'success' + }, + ] + }, + weekDay:{ + select:[] + } + }, + requiredAdd: [], + requiredUp: [] + }, + upIndex0:0, + dialogVisible0:false, + form0:{ + value:'' + } + } + }, + methods:{ + addCalibrate(){ + if(!this.form0.value){ + this.$message.error('璇疯緭鍏ヨ閲忓弬鏁�') + return + } + // 淇濆瓨 + // 鏇存柊鍒楄〃 + } + } } </script> <style scoped> +.tables{ + width: calc(100vw - 390px); + height: calc(100vh - 230px); +} +.search { + background-color: #fff; + height: 40px; + display: flex; + align-items: center; + position: relative; +} +.search_thing { + display: flex; + align-items: center; + height: 40px; +} + +.search_label { + width: 70px; + font-size: 14px; + text-align: right; +} + +.search_input { + width: calc(100% - 110px); +} +.btns{ + position: absolute; + right: 40px; + top: 50%; + transform: translate(0,-50%); +} +h4{ + font-weight: 400; + font-size: 16px; + display: flex; + justify-content: space-between; + margin: 10px 0; +} +h4 .line{ + display: inline-block; + width: 3px; + height: 16px; + background: #3A7BFA; + margin-right: 4px; +} </style> -- Gitblit v1.9.3