From c5f75a251681efff2adc43dfec502b0820de033b Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期五, 30 九月 2022 15:59:55 +0800 Subject: [PATCH] 1.维修验证静态页面开发实现 --- unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html | 196 +++++++++++++++++++++++++----------------------- 1 files changed, 103 insertions(+), 93 deletions(-) diff --git a/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html b/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html index 0ad079a..21f0527 100644 --- a/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html +++ b/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html @@ -26,6 +26,29 @@ <script type="text/javascript"> var topContent = [{ wxsqd: 'SB00990001', + code: 'SB001', + name: '榻胯疆绠辩粍', + wksp_code: "CJ002", + wksp_name: '瑁呴厤杞﹂棿', + eqpchkmain_code: "djbz002", + sqry: '浣╃綏瑗�', + sqsj: '2022-09-20 15:20:30', + gzly: '璁惧鐐规', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶇簿宸ヨ溅闂存敞濉戞満涓�鍙峰紑涓�', + }, + { + wxsqd: 'SB00990002', + code: 'SB002', + name: '榻胯疆绠辩粍', + wksp_code: "CJ002", + wksp_name: '瑁呴厤杞﹂棿', + eqpchkmain_code: "djbz002", + sqry: '浣╃綏瑗�', + sqsj: '2022-09-20 15:20:30', + gzly: '璁惧鐐规', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�', + }, { + wxsqd: 'SB00990003', code: 'SB003', name: '榻胯疆绠辩粍', wksp_code: "CJ002", @@ -37,29 +60,6 @@ gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�', }, { - wxsqd: 'SB00990002', - code: 'SB001', - name: '榻胯疆绠辩粍', - wksp_code: "CJ002", - wksp_name: '瑁呴厤杞﹂棿', - eqpchkmain_code: "djbz002", - sqry: '浣╃綏瑗�', - sqsj: '2022-09-20 15:20:30', - gzly: '璁惧鐐规', - gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', - }, { - wxsqd: 'SB00990003', - code: 'SB002', - name: '榻胯疆绠辩粍', - wksp_code: "CJ002", - wksp_name: '瑁呴厤杞﹂棿', - eqpchkmain_code: "djbz002", - sqry: '浣╃綏瑗�', - sqsj: '2022-09-20 15:20:30', - gzly: '璁惧鐐规', - gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', - }, - { wxsqd: 'SB00990004', code: 'SB004', name: '榻胯疆绠辩粍', @@ -69,7 +69,7 @@ sqry: '浣╃綏瑗�', sqsj: '2022-09-20 15:20:30', gzly: '璁惧鐐规', - gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�', }, ]; @@ -80,9 +80,34 @@ let number = [] //鍋囨暟缁� 鍋氭壂鐮佸洖鏉ヨ鍥炬洿鏂扮敤 - // 鎵弿鐐规宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� + // 鎵弿缁翠慨宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� function scaned(r) { radioValue = r + + + let temp = {} + let flag = false + topContent.forEach((item, index) => { + if (item.code === radioValue) { + temp = item + topContent.splice(index, 1) + flag = true + } + }) + if (flag) { + topContent.unshift(temp) + } else { + vant.Notify({ + type: 'danger', + message: '鎵�鎵簩缁寸爜鍥村湪鍒楄〃涓紒' + }) + if (topContent.length > 0) { + radioValue = topContent[0].code + } + } + + + number.push({ id: '1' }) @@ -95,17 +120,18 @@ <div class="body"> - <van-nav-bar title="璁惧缁翠慨" @click-right="onClickRight" left-arrow @click-left="onClickleft"> - <template #right> - <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover" - trigger="click" :actions="actions" @select="onSelect"> - <template #reference> - <van-icon name="bars" size='20' color='#fff' /> - </template> - </van-popover> - </template> - </van-nav-bar> - + <van-sticky> + <van-nav-bar title="璁惧缁翠慨" @click-right="onClickRight" left-arrow @click-left="onClickleft"> + <template #right> + <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover" + trigger="click" :actions="actions" @select="onSelect"> + <template #reference> + <van-icon name="bars" size='20' color='#fff' /> + </template> + </van-popover> + </template> + </van-nav-bar> + </van-sticky> <div class="head" style="height: 240px; overflow: scroll;"> <div class="head_block"> @@ -122,54 +148,31 @@ </div> - <div class="flex_between"> - <div style="width: 100%;margin-top: 10px;"> - <div v-for="item in topContent" :key="item.code" - style="margin-bottom: 10px;line-height:20px;margin-left: 20px;" - @click="topContentClcik(item.code)"> - <div style="display: flex;align-items: center;"> - <div style="text-align: right;"> - <div>缁翠慨鐢宠鍗曪細</div> - <div>宸ヤ綅缂栫爜锛�</div> - <div>宸ヤ綅鍚嶇О锛�</div> - <div>鐢熶骇杞﹂棿锛�</div> - <div>鐢宠浜哄憳锛�</div> - <div>鐢宠鏃堕棿锛�</div> - <div>鏁呴殰鏉ユ簮锛�</div> - <!-- <div>鏁呴殰鎻忚堪锛�</div> --> - </div> - <div> - <div>{{item.wxsqd}}</div> - <div>{{item.code}}</div> - <div>{{item.name}}</div> - <div>{{item.wksp_name}}</div> - <div>{{item.sqry}}</div> - <div>{{item.sqsj}}</div> - <div>{{item.gzly}}</div> - <!-- <div style="width: 200px;" class="textEllipsis">{{item.gzms}}</div> --> - </div> - </div> - <div style="display: flex;"> - <div style="margin-left: 16px;">鏁呴殰鎻忚堪锛�</div> - <div style="width: 180px;">{{item.gzms}}</div> - </div> + <van-radio-group v-model="radioValue"> + <van-cell-group> + <div style="margin: 10px 0;" v-for="(item,index) in topContent" :key="item.code" @click="topContentClcik(item.code)"> + <div class="cellDiv">缁翠慨鐢宠鍗曪細{{item.wxsqd}}</div> + <div class="cellDiv">宸ヤ綅缂栫爜锛歿{item.code}}</div> + <div class="cellDiv">宸ヤ綅鍚嶇О锛歿{item.name}}</div> + <div class="cellDiv">鐢熶骇杞﹂棿锛歿{item.wksp_name}}</div> + <van-cell :title="'鐢宠浜哄憳锛�'+item.sqry" > + <template #right-icon> + <van-radio style="margin-right: 10px;" checked-color='red' :name="item.code" /> + </template> + </van-cell> + <div class="cellDiv">鐢宠鏃堕棿锛歿{item.sqsj}}</div> + <div class="cellDiv">鏁呴殰鏉ユ簮锛歿{item.gzly}}</div> + <div class="cellDiv">鏁呴殰鎻忚堪锛歿{item.gzms}}</div> </div> - </div> - <div> - <van-radio-group v-model="radioValue" style="padding-right: 12px;"> - <van-radio checked-color='red' icon-size="18px" @click="topContentClcik(item.code)" - style="height: 160px;margin-bottom: 10px;" v-for="item in topContent" - :key="item.code" :name="item.code"></van-radio> - </van-radio-group> - </div> - </div> + </van-cell-group> + </van-radio-group> + </div> - <div style="height: 330px;overflow: scroll;"> + <div style="height: 340px;overflow: scroll;"> - <div class="head" - style="margin-bottom: 10px;padding-bottom: 10px;"> + <div class="head" style="margin-bottom: 10px;padding-bottom: 10px;"> <div class="head_block" style="margin-bottom:10px;"> <div class="head_left"> <div class="head_bar"></div> @@ -214,8 +217,7 @@ </div> </div> - <div class="head" v-if="isStop==='N'" - style="margin-bottom: 10px;padding-bottom: 10px;"> + <div class="head" v-if="isStop==='N'" style="margin-bottom: 10px;padding-bottom: 10px;"> <div class="head_block" style="margin-bottom:10px;"> <div class="head_left"> <div class="head_bar"></div> @@ -231,8 +233,7 @@ </div> </div> - <div class="head" v-if="isStop==='N'" - style="margin-bottom: 10px;padding-bottom: 10px;"> + <div class="head" v-if="isStop==='N'" style="margin-bottom: 10px;padding-bottom: 10px;"> <div class="head_block" style="margin-bottom:10px;"> <div class="head_left"> <div class="head_bar"></div> @@ -258,11 +259,16 @@ <div class="footer" style="min-height:50px;"> <div style="position:fixed;bottom: 0;width: 96%;display: flex;justify-content: center;flex-direction: column;align-items: center"> - <!-- disabled 鎺у埗鍐嶇爺绌朵竴涓� --> - <van-button - :disabled="(isStop==='Y'&&messageDescr.trim().toString().length===0)||(isStop==='N'||messageContent.trim().toString().length===0||messageDescr.trim().toString().length===0)" - class="vanButtonInfo" @click="submit" type="info"> - 纭鎻愪氦</van-button> + + <van-button v-show="isStop==='Y'" :disabled="messageDescr.trim().toString().length===0" + class="vanButtonInfo" @click="submit" type="info"> + 纭鎻愪氦1</van-button> + + <van-button v-show="isStop==='N'" + :disabled="messageDescr.trim().toString().length===0||messageContent.trim().toString().length===0" + class="vanButtonInfo" @click="submit" type="info"> + 纭鎻愪氦2</van-button> + </div> </div> @@ -293,7 +299,7 @@ text: '閫�鍑虹櫥褰�' }], topContent2: topContent, - messageDescr: '',//鏁呴殰鎻忚堪 蹇呭~ + messageDescr: '', //鏁呴殰鎻忚堪 蹇呭~ fileList: [ // { // url: 'https://img01.yzcdn.cn/vant/leaf.jpg' @@ -305,8 +311,8 @@ // }, ], isStop: 'Y', - messageContent: '',//缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉� - messageDescr2: '',//鏇存崲澶囦欢 + messageContent: '', //缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉� + messageDescr2: '', //鏇存崲澶囦欢 fileList2: [], photoList: [], number2: number @@ -337,14 +343,18 @@ }, }, created() {}, - mounted() {}, + mounted() { + console.log(this.$refs.item0) + // console.log(this.$refs.item0.$el.offsetHeight) + }, methods: { afterRead2(file) { }, isStopClick(val) { this.isStop = val - console.log(this.messageContent.trim().toString().length===0&&this.messageDescr.trim().toString().length===0) + console.log(this.messageContent.trim().toString().length === 0 && this.messageDescr.trim() + .toString().length === 0) this.$forceUpdate() }, onOversize(file) { -- Gitblit v1.9.3