From 3ff55c0f9af7d708a4ed6b3b7adea207b46e3cea Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期四, 29 九月 2022 15:15:45 +0800 Subject: [PATCH] 1.日常点检、设备保养、设备维修申请页面样式优化 --- pages/sbgl/dqby.html | 243 +++++++++++++++++++----------------------------- 1 files changed, 98 insertions(+), 145 deletions(-) diff --git a/pages/sbgl/dqby.html b/pages/sbgl/dqby.html index 0da7910..fe9cf1f 100644 --- a/pages/sbgl/dqby.html +++ b/pages/sbgl/dqby.html @@ -192,103 +192,114 @@ </van-nav-bar> - <div class="head"> - <div class="head_block"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 鎵弿淇濆吇宸ヤ綅 + <div v-if="topContent.length===0"> + <div class="sacnBody"> + <div class="scanImg" @click="topScanClick()"></div> + <div class="scanText">鎵弿淇濆吇宸ヤ綅</div> + </div> + </div> + + + <div v-else> + + <div class="head"> + <div class="head_block"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 鎵弿淇濆吇宸ヤ綅 + </div> + </div> + + <div style="margin-right: 10px;"> + <van-icon name="scan" color='red' size='24' @click='topScanClick()' /> + </div> + + </div> + + <div class="flex_between" style=""> + <div id="contentLeft" style="width: 100%;margin-top: 10px;"> + <div id="topContentID" v-for="item in topContent" :key="item.code" + style="margin-bottom: 10px;margin-left: 20px;" @click="topContentClcik(item.code)"> + <div style="display: flex;align-items: center;"> + <div> + <div>宸ヤ綅缂栫爜锛�</div> + <div>宸ヤ綅鍚嶇О锛�</div> + <div>鐢熶骇杞﹂棿锛�</div> + </div> + <div> + <div>{{item.code}}</div> + <div>{{item.name}}</div> + <div>{{item.wksp_name}}</div> + </div> + </div> + + </div> + </div> + <div id="contentRight"> + <van-radio-group v-model="radioValue" style="padding-right: 12px;"> + <van-radio checked-color='red' icon-size="18px" + style="height: 63px;margin-bottom: 10px;" v-for="item in topContent" + :key="item.code" :name="item.code"></van-radio> + </van-radio-group> + </div> + </div> + </div> + + <div class="head" + :style="{marginTop:topContent.length===0?'100px':'0',minHeight:topContent.length===0?'0':'220px'}" + style="margin-bottom: 130px;padding-bottom: 10px;overflow-y: ;" + :style="{marginTop:topContent.length===0?'78px':'0'}"> + <div class="head_block" style="margin-bottom:10px;"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 淇濆吇椤圭洰鍐呭 + </div> + </div> + <div style="margin-right: 10px;"> + + <van-button @click="sheetFlag=true" type="info" style="width:20px;height: 30px;"> + {{dropdownValue==='M'?'鏈�':'骞�'}} + </van-button> + <van-action-sheet v-model="sheetFlag" :actions="actionsSheet" @select="onSelectSheet" /> </div> </div> - <div style="margin-right: 10px;"> - <van-icon name="scan" color='red' size='24' @click='topScanClick()' /> - </div> - </div> - - <div class="flex_between" style=""> - <div id="contentLeft" style="width: 100%;margin-top: 10px;"> - <div id="topContentID" v-for="item in topContent" :key="item.code" - style="margin-bottom: 10px;margin-left: 20px;" @click="topContentClcik(item.code)"> - <div style="display: flex;align-items: center;"> - <div> - <div>宸ヤ綅缂栫爜锛�</div> - <div>宸ヤ綅鍚嶇О锛�</div> - <div>鐢熶骇杞﹂棿锛�</div> - </div> - <div> - <div>{{item.code}}</div> - <div>{{item.name}}</div> - <div>{{item.wksp_name}}</div> - </div> + <div class="center_border flex_column" style="margin: 5px;" v-for="item in centerContent" + :key="item.code"> + <div class="flex_between"> + <div class="center_title">{{item.name}}</div> + <div style="margin-right: 10px;" v-if="item.isscan==='Y'"> + <van-icon name="scan" color='red' size='24' @click='centerScanClick(item.code)' /> + </div> + </div> + <div class="flex_between "> + <div class='flex_between' style="width: 90%;"> + <van-field class="vanFieldInput" @blur="vanFieldBlur()" :disabled="item.isDisabled" + v-model="item.inputValue" placeholder="璇疯緭鍏�" /> </div> + + <div class="" style="width: 40%;display: flex;justify-content: space-around;"> + <van-button class="buttonSmall" :disabled='item.isDisabled' size="small" + :plain="item.isOK!=='OK'" @click="bwClick(item,'OK')" type="primary">姝e父 + </van-button> + <van-button class="buttonSmall" size="small" :plain="item.isOK!=='NG'" + @click="bwClick(item,'NG')" :disabled='item.isDisabled' type="danger">寮傚父 + </van-button> + </div> + </div> + <div style="font-weight: lighter;font-size: 14px;padding-right: 5px"> + {{item.chk_desc}} </div> </div> - <div id="contentRight"> - <van-radio-group v-model="radioValue" style="padding-right: 12px;"> - <van-radio checked-color='red' icon-size="18px" - style="height: 63px;margin-bottom: 10px;" v-for="item in topContent" - :key="item.code" :name="item.code"></van-radio> - </van-radio-group> - </div> - </div> - </div> - <div class="head" - :style="{marginTop:topContent.length===0?'100px':'0',minHeight:topContent.length===0?'0':'220px'}" - style="margin-bottom: 130px;padding-bottom: 10px;overflow-y: ;" - :style="{marginTop:topContent.length===0?'78px':'0'}"> - <div class="head_block" style="margin-bottom:10px;"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 淇濆吇椤圭洰鍐呭 - </div> - </div> - <div style="margin-right: 10px;"> - - <van-button @click="sheetFlag=true" type="info" style="width:20px;height: 30px;"> - {{dropdownValue==='M'?'鏈�':'骞�'}} - </van-button> - <van-action-sheet v-model="sheetFlag" :actions="actionsSheet" @select="onSelectSheet" /> - </div> </div> - <div class="center_border flex_column" style="margin: 5px;" v-for="item in centerContent" - :key="item.code"> - <div class="flex_between"> - <div class="center_title">{{item.name}}</div> - <div style="margin-right: 10px;" v-if="item.isscan==='Y'"> - <van-icon name="scan" color='red' size='24' @click='centerScanClick(item.code)' /> - </div> - </div> - <div class="flex_between "> - <div class='flex_between' style="width: 90%;"> - <van-field class="vanFieldInput" @blur="vanFieldBlur()" :disabled="item.isDisabled" - v-model="item.inputValue" placeholder="璇疯緭鍏�" /> - </div> - - <div class="" style="width: 40%;display: flex;justify-content: space-around;"> - <van-button class="buttonSmall" :disabled='item.isDisabled' size="small" - :plain="item.isOK!=='OK'" @click="bwClick(item,'OK')" type="primary">姝e父</van-button> - <van-button class="buttonSmall" size="small" :plain="item.isOK!=='NG'" - @click="bwClick(item,'NG')" :disabled='item.isDisabled' type="danger">寮傚父 - </van-button> - </div> - </div> - <div style="font-weight: lighter;font-size: 14px;padding-right: 5px"> - {{item.chk_desc}} - </div> - </div> - - </div> - - - <div style=""> <div class="footer"> <div class="head_block" style="margin-bottom: 20rpx;align-items: center;"> <div class="head_left"> @@ -317,6 +328,8 @@ </div> </div> + + </div> @@ -439,7 +452,7 @@ username: localStorage.getItem('username'), maintcyc: dropdownValue } - + post('AppDeviceManage/AppDeviceRepairSave' + formatParams(params), data) .then(res => { if (res.code === '200') { @@ -574,65 +587,5 @@ </script> <style type="text/css"> @import url('../../css/global.css'); - - body { - background-color: #fff; - } - - .body { - min-height: 600px; - background-color: grey; - margin-top: 0px; - background-color: #fff; - position: relative; - } - - .van-nav-bar__content { - background-color: #2651d8; - height: 44px; - } - - .van-nav-bar__title { - color: #fff; - letter-spacing: 2px; - } - - .van-nav-bar__arrow { - color: #fff !important; - } - - .createElementDiv { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 10px; - margin-left: 20px; - } - - .vanFieldInput { - height: 36px; - line-height: 36px; - align-items: center; - /* width: 200px; */ - - padding: 0; - padding-left: 10px; - /* border-radius: 5px; */ - margin: 5px 0; - /* background-color: #fff; */ - } - - .buttonSmall { - /* border-radius: 5px; */ - } - - .vanButtonInfo { - width: 100%; - letter-spacing: 2px; - height: 50px; - font-size: 18px; - /* margin-left: 0; */ - - } </style> </html> -- Gitblit v1.9.3