From aee951be6ba8c7444ecfac3cd4e1f6f2e82542f9 Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期四, 29 九月 2022 17:27:20 +0800 Subject: [PATCH] 1.设备维修静态页面初步实现 --- /dev/null | 0 pages/sbgl/sbwx.html | 313 ++++++++++++++----------- unpackage/cache/wgt/H5EDA0853/css/global.css | 10 css/global.css | 10 unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html | 381 ++++++++++++++----------------- 5 files changed, 365 insertions(+), 349 deletions(-) diff --git a/css/global.css b/css/global.css index e74b813..6a2cfa4 100644 --- a/css/global.css +++ b/css/global.css @@ -31,7 +31,8 @@ padding-left: 10px; margin: 5px 0; } -.vanFieldInputArea{ + +.vanFieldInputArea { height: 72px; line-height: 24px; align-items: center; @@ -59,8 +60,13 @@ color: #fff !important; } +.textEllipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + .head { - /* background-color: aliceblue; */ background-color: #fff; padding-top: 10px; padding-bottom: 10px; diff --git a/pages/sbgl/sbwx.html b/pages/sbgl/sbwx.html index 3758ff8..c9ce230 100644 --- a/pages/sbgl/sbwx.html +++ b/pages/sbgl/sbwx.html @@ -24,21 +24,53 @@ <!-- <link rel="stylesheet" href="../../css/global.css" type="text/css" charset="utf-8" /> --> <script type="text/javascript"> - var topContent = [ - { + var topContent = [{ + wxsqd: 'SB00990001', code: 'SB003', name: '榻胯疆绠辩粍', wksp_code: "CJ002", wksp_name: '瑁呴厤杞﹂棿', - eqpchkmain_code: "djbz002" + eqpchkmain_code: "djbz002", + sqry: '浣╃綏瑗�', + sqsj: '2022-09-20 15:20:30', + gzly: '璁惧鐐规', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�', }, - // { - // code: 'SB001', - // name: '榻胯疆绠辩粍', - // wksp_code: "CJ002", - // wksp_name: '瑁呴厤杞﹂棿', - // eqpchkmain_code: "djbz002" - // }, + { + 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: '榻胯疆绠辩粍', + wksp_code: "CJ002", + wksp_name: '瑁呴厤杞﹂棿', + eqpchkmain_code: "djbz002", + sqry: '浣╃綏瑗�', + sqsj: '2022-09-20 15:20:30', + gzly: '璁惧鐐规', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', + }, ]; @@ -46,41 +78,15 @@ let radioValue = '' //鍗曢�夋閫変腑鐨勯」 + let number = [] //鍋囨暟缁� 鍋氭壂鐮佸洖鏉ヨ鍥炬洿鏂扮敤 - // 鎵弿鐐规宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� + // 鎵弿缁翠慨宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� function scaned(r) { - // let flag = false - // topContent.forEach((item, index) => { - // if (item.code === r) { - // flag = true - // } - // }) - // if (flag) { - // vant.Notify({ - // type: 'danger', - // message: '姝ゆ潯鐮佸凡鎵弿锛屽凡鍦ㄥ垪琛ㄤ腑锛�' - // }); - // } else { - // get('AppDeviceManage/CheckScanDeviceQrCodeData', { - // eqpcode: r - // }).then(res => { - // if (res.code === '200' && res.data[0].eqpchkmain_code !== null) { - // topContent.unshift(res.data[0]) - // topContentClcik(topContent[0].code) - // } - - // if (res.code === '200' && res.data[0].eqpchkmain_code === null) { - // vant.Notify({ - // type: 'danger', - // message: '褰撳墠璁惧鏈缃偣妫�鏍囧噯缁戝畾鐐规椤圭洰锛�' - // }); - // } - // }) - // } - } - - function topContentClcik(code) { - + radioValue = r + // 鍔犱釜鎻愮ず妗嗘彁绀轰竴涓嬫垨鑰呰繃婊ゅ嚭褰撴潯鐨勮褰� + number.push({ + id: '1' + }) } </script> </head> @@ -102,7 +108,7 @@ </van-nav-bar> - <div class="head"> + <div class="head" style="height: 240px; overflow: scroll;"> <div class="head_block"> <div class="head_left"> <div class="head_bar"></div> @@ -117,134 +123,151 @@ </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 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> + <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> </div> </div> - <div id="contentRight"> + <div> <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" + <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> </div> - <div class="head" - :style="{marginTop:topContent.length===0?'100px':'0',minHeight:topContent.length===0?'0':'220px'}" - style="margin-bottom: 10px;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 style="height: 330px;overflow: scroll;"> + + <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> + <div class="head_title"> + 鏁呴殰鎻忚堪 + </div> + </div> + </div> + + + + <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> + <van-field class="vanFieldInputArea" v-model="messageDescr" rows="2" autosize + type="textarea" placeholder="璇疯緭鍏�" /> + </div> + <div style="width: 96%;margin: auto;margin-top: 10px;"> + <van-uploader @oversize="onOversize" :before-read="beforeRead" v-model="fileList" + :after-read="afterRead" multiple :max-count="3" /> + </div> + + </div> + + <div class="head" style="margin-bottom: 10px;padding-bottom: 10px;"> + <div class="head_block"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 鍋滄満缁翠慨 + </div> + </div> + + <div style="margin-right: 10px;"> + <div class="flex_center" + style="width: 100%;display: flex;justify-content: space-around;"> + <van-button class="buttonSmall" size="small" :plain="isStop!=='Y'" + style="margin-right: 10px;" @click="isStopClick('Y')" type="primary"> + 鏄�</van-button> + <van-button class="buttonSmall" size="small" :plain="isStop!=='N'" + @click="isStopClick('N')" type="danger">鍚�</van-button> + </div> </div> </div> </div> - - - <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> - <van-field class="vanFieldInputArea" v-model="messageDescr" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> - </div> - <div style="width: 96%;margin: auto;margin-top: 10px;"> - <van-uploader @oversize="onOversize" :before-read="beforeRead" v-model="fileList" - :after-read="afterRead" multiple :max-count="3" /> - </div> - - </div> - - - <div class="head" style="margin-bottom: 10px;padding-bottom: 10px;overflow-y: ;"> - <div class="head_block"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 鍋滄満缁翠慨 + <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> + <div class="head_title"> + 缁翠慨鍐呭 + </div> </div> </div> - <div style="margin-right: 10px;"> - <div class="flex_center" style="width: 100%;display: flex;justify-content: space-around;"> - <van-button class="buttonSmall" size="small" :plain="isStop!=='Y'" - style="margin-right: 10px;" @click="isStopClick('Y')" type="primary"> - 鏄�</van-button> - <van-button class="buttonSmall" size="small" :plain="isStop!=='N'" - @click="isStopClick('N')" type="danger">鍚�</van-button> - </div> - </div> - </div> - </div> - - - - <div class="head" v-if="isStop==='N'" style="margin-bottom: 10px;padding-bottom: 10px;overflow-y: ;"> - <div class="head_block" style="margin-bottom:10px;"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 缁翠慨鍐呭 - </div> + <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> + <van-field class="vanFieldInputArea" v-model="messageContent" rows="2" autosize + type="textarea" placeholder="璇疯緭鍏�" /> </div> </div> - <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> - <van-field class="vanFieldInputArea" v-model="messageContent" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> - </div> - </div> - - - <div class="head" v-if="isStop==='N'" style="margin-bottom: 10px;padding-bottom: 70px;overflow-y: ;"> - <div class="head_block" style="margin-bottom:10px;"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 鏇存崲澶囦欢 + <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> + <div class="head_title"> + 鏇存崲澶囦欢 + </div> </div> + </div> + + + + <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> + <van-field class="vanFieldInputArea" v-model="messageDescr2" rows="2" autosize + type="textarea" placeholder="璇疯緭鍏�" /> + </div> + <div style="width: 96%;margin: auto;margin-top: 10px;"> + <van-uploader :before-read="beforeRead" v-model="fileList2" :after-read="afterRead2" + multiple :max-count="3" /> + </div> + + </div> + + <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> </div> </div> - - - <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> - <van-field class="vanFieldInputArea" v-model="messageDescr2" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> - </div> - <div style="width: 96%;margin: auto;margin-top: 10px;"> - <van-uploader :before-read="beforeRead" v-model="fileList2" :after-read="afterRead2" multiple - :max-count="3" /> - </div> - </div> - - - - - <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"> - <van-button class="vanButtonInfo" @click="submit" type="info"> - 纭鎻愪氦</van-button> - </div> - </div> - - </div> @@ -271,7 +294,7 @@ text: '閫�鍑虹櫥褰�' }], topContent2: topContent, - messageDescr: '', + messageDescr: '',//鏁呴殰鎻忚堪 蹇呭~ fileList: [ // { // url: 'https://img01.yzcdn.cn/vant/leaf.jpg' @@ -283,10 +306,11 @@ // }, ], isStop: 'Y', - messageContent: '', - messageDescr2: '', + messageContent: '',//缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉� + messageDescr2: '',//鏇存崲澶囦欢 fileList2: [], photoList: [], + number2: number } }, watch: { @@ -305,6 +329,13 @@ deep: true, immediate: true, }, + 'number2.length': { + handler(newValue, oldValue) { + this.$forceUpdate() + }, + deep: true, + immediate: true, + }, }, created() {}, mounted() {}, @@ -314,6 +345,7 @@ }, isStopClick(val) { this.isStop = val + console.log(this.messageContent.trim().toString().length===0&&this.messageDescr.trim().toString().length===0) this.$forceUpdate() }, onOversize(file) { @@ -375,7 +407,8 @@ this.$forceUpdate() }, topContentClcik(code) { - + radioValue = code + this.$forceUpdate() }, onClickleft() { history.back() diff --git a/unpackage/cache/wgt/H5EDA0853/css/global.css b/unpackage/cache/wgt/H5EDA0853/css/global.css index e74b813..6a2cfa4 100644 --- a/unpackage/cache/wgt/H5EDA0853/css/global.css +++ b/unpackage/cache/wgt/H5EDA0853/css/global.css @@ -31,7 +31,8 @@ padding-left: 10px; margin: 5px 0; } -.vanFieldInputArea{ + +.vanFieldInputArea { height: 72px; line-height: 24px; align-items: center; @@ -59,8 +60,13 @@ color: #fff !important; } +.textEllipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + .head { - /* background-color: aliceblue; */ background-color: #fff; padding-top: 10px; padding-bottom: 10px; diff --git a/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html b/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html index 42f4610..0ad079a 100644 --- a/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html +++ b/unpackage/cache/wgt/H5EDA0853/pages/sbgl/sbwx.html @@ -24,22 +24,53 @@ <!-- <link rel="stylesheet" href="../../css/global.css" type="text/css" charset="utf-8" /> --> <script type="text/javascript"> - var topContent = [ - - // { - // code: 'SB003', - // name: '榻胯疆绠辩粍', - // wksp_code: "CJ002", - // wksp_name: '瑁呴厤杞﹂棿', - // eqpchkmain_code: "djbz002" - // }, - // { - // code: 'SB001', - // name: '榻胯疆绠辩粍', - // wksp_code: "CJ002", - // wksp_name: '瑁呴厤杞﹂棿', - // eqpchkmain_code: "djbz002" - // }, + var topContent = [{ + wxsqd: 'SB00990001', + code: 'SB003', + name: '榻胯疆绠辩粍', + wksp_code: "CJ002", + wksp_name: '瑁呴厤杞﹂棿', + eqpchkmain_code: "djbz002", + sqry: '浣╃綏瑗�', + sqsj: '2022-09-20 15:20:30', + gzly: '璁惧鐐规', + 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: '榻胯疆绠辩粍', + wksp_code: "CJ002", + wksp_name: '瑁呴厤杞﹂棿', + eqpchkmain_code: "djbz002", + sqry: '浣╃綏瑗�', + sqsj: '2022-09-20 15:20:30', + gzly: '璁惧鐐规', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', + }, ]; @@ -47,41 +78,14 @@ let radioValue = '' //鍗曢�夋閫変腑鐨勯」 + let number = [] //鍋囨暟缁� 鍋氭壂鐮佸洖鏉ヨ鍥炬洿鏂扮敤 // 鎵弿鐐规宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� function scaned(r) { - // let flag = false - // topContent.forEach((item, index) => { - // if (item.code === r) { - // flag = true - // } - // }) - // if (flag) { - // vant.Notify({ - // type: 'danger', - // message: '姝ゆ潯鐮佸凡鎵弿锛屽凡鍦ㄥ垪琛ㄤ腑锛�' - // }); - // } else { - // get('AppDeviceManage/CheckScanDeviceQrCodeData', { - // eqpcode: r - // }).then(res => { - // if (res.code === '200' && res.data[0].eqpchkmain_code !== null) { - // topContent.unshift(res.data[0]) - // topContentClcik(topContent[0].code) - // } - - // if (res.code === '200' && res.data[0].eqpchkmain_code === null) { - // vant.Notify({ - // type: 'danger', - // message: '褰撳墠璁惧鏈缃偣妫�鏍囧噯缁戝畾鐐规椤圭洰锛�' - // }); - // } - // }) - // } - } - - function topContentClcik(code) { - + radioValue = r + number.push({ + id: '1' + }) } </script> </head> @@ -103,7 +107,7 @@ </van-nav-bar> - <div class="head"> + <div class="head" style="height: 240px; overflow: scroll;"> <div class="head_block"> <div class="head_left"> <div class="head_bar"></div> @@ -118,134 +122,151 @@ </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 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> + <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> </div> </div> - <div id="contentRight"> + <div> <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" + <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> </div> - <div class="head" - :style="{marginTop:topContent.length===0?'100px':'0',minHeight:topContent.length===0?'0':'220px'}" - style="margin-bottom: 10px;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 style="height: 330px;overflow: scroll;"> + + <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> + <div class="head_title"> + 鏁呴殰鎻忚堪 + </div> + </div> + </div> + + + + <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> + <van-field class="vanFieldInputArea" v-model="messageDescr" rows="2" autosize + type="textarea" placeholder="璇疯緭鍏�" /> + </div> + <div style="width: 96%;margin: auto;margin-top: 10px;"> + <van-uploader @oversize="onOversize" :before-read="beforeRead" v-model="fileList" + :after-read="afterRead" multiple :max-count="3" /> + </div> + + </div> + + <div class="head" style="margin-bottom: 10px;padding-bottom: 10px;"> + <div class="head_block"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 鍋滄満缁翠慨 + </div> + </div> + + <div style="margin-right: 10px;"> + <div class="flex_center" + style="width: 100%;display: flex;justify-content: space-around;"> + <van-button class="buttonSmall" size="small" :plain="isStop!=='Y'" + style="margin-right: 10px;" @click="isStopClick('Y')" type="primary"> + 鏄�</van-button> + <van-button class="buttonSmall" size="small" :plain="isStop!=='N'" + @click="isStopClick('N')" type="danger">鍚�</van-button> + </div> </div> </div> </div> - - - <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> - <van-field v-model="messageDescr" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> - </div> - <div style="width: 96%;margin: auto;margin-top: 10px;"> - <van-uploader @oversize="onOversize" :before-read="beforeRead" v-model="fileList" - :after-read="afterRead" multiple :max-count="3" /> - </div> - - </div> - - - <div class="head" style="margin-bottom: 10px;padding-bottom: 10px;overflow-y: ;"> - <div class="head_block"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 鍋滄満缁翠慨 + <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> + <div class="head_title"> + 缁翠慨鍐呭 + </div> </div> </div> - <div style="margin-right: 10px;"> - <div class="flex_center" style="width: 100%;display: flex;justify-content: space-around;"> - <van-button class="buttonSmall" size="small" :plain="isStop!=='Y'" - style="margin-right: 10px;" @click="isStopClick('Y')" type="primary"> - 鏄�</van-button> - <van-button class="buttonSmall" size="small" :plain="isStop!=='N'" - @click="isStopClick('N')" type="danger">鍚�</van-button> - </div> - </div> - </div> - </div> - - - - <div class="head" v-if="isStop==='N'" style="margin-bottom: 10px;padding-bottom: 10px;overflow-y: ;"> - <div class="head_block" style="margin-bottom:10px;"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 缁翠慨鍐呭 - </div> + <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> + <van-field class="vanFieldInputArea" v-model="messageContent" rows="2" autosize + type="textarea" placeholder="璇疯緭鍏�" /> </div> </div> - <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> - <van-field v-model="messageContent" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> - </div> - </div> - - - <div class="head" v-if="isStop==='N'" style="margin-bottom: 10px;padding-bottom: 70px;overflow-y: ;"> - <div class="head_block" style="margin-bottom:10px;"> - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 鏇存崲澶囦欢 + <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> + <div class="head_title"> + 鏇存崲澶囦欢 + </div> </div> + </div> + + + + <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> + <van-field class="vanFieldInputArea" v-model="messageDescr2" rows="2" autosize + type="textarea" placeholder="璇疯緭鍏�" /> + </div> + <div style="width: 96%;margin: auto;margin-top: 10px;"> + <van-uploader :before-read="beforeRead" v-model="fileList2" :after-read="afterRead2" + multiple :max-count="3" /> + </div> + + </div> + + <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> </div> </div> - - - <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> - <van-field v-model="messageDescr2" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> - </div> - <div style="width: 96%;margin: auto;margin-top: 10px;"> - <van-uploader :before-read="beforeRead" v-model="fileList2" :after-read="afterRead2" multiple - :max-count="3" /> - </div> - </div> - - - - - <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"> - <van-button class="vanButtonInfo" @click="submit" type="info"> - 纭鎻愪氦</van-button> - </div> - </div> - - </div> @@ -272,7 +293,7 @@ text: '閫�鍑虹櫥褰�' }], topContent2: topContent, - messageDescr: '', + messageDescr: '',//鏁呴殰鎻忚堪 蹇呭~ fileList: [ // { // url: 'https://img01.yzcdn.cn/vant/leaf.jpg' @@ -284,10 +305,11 @@ // }, ], isStop: 'Y', - messageContent: '', - messageDescr2: '', + messageContent: '',//缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉� + messageDescr2: '',//鏇存崲澶囦欢 fileList2: [], photoList: [], + number2: number } }, watch: { @@ -306,6 +328,13 @@ deep: true, immediate: true, }, + 'number2.length': { + handler(newValue, oldValue) { + this.$forceUpdate() + }, + deep: true, + immediate: true, + }, }, created() {}, mounted() {}, @@ -315,6 +344,7 @@ }, isStopClick(val) { this.isStop = val + console.log(this.messageContent.trim().toString().length===0&&this.messageDescr.trim().toString().length===0) this.$forceUpdate() }, onOversize(file) { @@ -376,7 +406,8 @@ this.$forceUpdate() }, topContentClcik(code) { - + radioValue = code + this.$forceUpdate() }, onClickleft() { history.back() @@ -399,65 +430,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 { - width: 40px; - } - - .vanButtonInfo { - width: 100%; - letter-spacing: 2px; - height: 50px; - font-size: 18px; - /* margin-left: 0; */ - - } </style> </html> diff --git a/unpackage/release/apk/H5EDA0853__20220929150858.apk b/unpackage/release/apk/H5EDA0853__20220929150858.apk deleted file mode 100644 index 6b5e706..0000000 --- a/unpackage/release/apk/H5EDA0853__20220929150858.apk +++ /dev/null Binary files differ -- Gitblit v1.9.3