From 0e5cc5f682866e32be324024a72f54d117eb6423 Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期三, 28 九月 2022 17:39:17 +0800 Subject: [PATCH] 1.设备维修申请静态页面开发完成 --- pages/sbgl/sbwx.html | 68 +++++++++++++++++++++++++++------- 1 files changed, 54 insertions(+), 14 deletions(-) diff --git a/pages/sbgl/sbwx.html b/pages/sbgl/sbwx.html index 6c72296..42f4610 100644 --- a/pages/sbgl/sbwx.html +++ b/pages/sbgl/sbwx.html @@ -166,7 +166,8 @@ <van-field v-model="messageDescr" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> </div> <div style="width: 96%;margin: auto;margin-top: 10px;"> - <van-uploader v-model="fileList" :after-read="afterRead" multiple :max-count="3" /> + <van-uploader @oversize="onOversize" :before-read="beforeRead" v-model="fileList" + :after-read="afterRead" multiple :max-count="3" /> </div> </div> @@ -227,22 +228,23 @@ <van-field v-model="messageDescr2" rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> </div> <div style="width: 96%;margin: auto;margin-top: 10px;"> - <van-uploader v-model="fileList2" :after-read="afterRead2" multiple :max-count="3" /> + <van-uploader :before-read="beforeRead" v-model="fileList2" :after-read="afterRead2" multiple + :max-count="3" /> </div> </div> - <div style=""> - <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 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> @@ -315,28 +317,66 @@ this.isStop = val this.$forceUpdate() }, + onOversize(file) { + console.log(file, 1); + this.$toast("鏂囦欢澶у皬涓嶈兘瓒呰繃5MB"); + }, + //鏍¢獙鍥剧墖鐨勬牸寮� + beforeRead(file) { + if (!/(jpg|jpeg|png|JPG|PNG)/i.test(file.type)) { + this.$toast("璇蜂笂浼犳纭牸寮忕殑鍥剧墖"); + return false; + } + if (file.size > 100 * 1024 * 1024) { + this.$toast('鍥剧墖澶у皬涓嶈兘瓒呰繃 100MB'); + return false; + } + return true; + }, afterRead(file) { // 姝ゆ椂鍙互鑷灏嗘枃浠朵笂浼犺嚦鏈嶅姟鍣� - console.log(file); //鍒涘缓FormData瀵硅薄銆備笂浼犲浘鐗囬渶瑕佽浆鎹簩杩涘埗锛岃繖閲岃鐢ㄥ埌FormData let forms = new FormData(); - console.log(file.file); //"file"琛ㄧず缁欏悗鍙颁紶鐨勫睘鎬у悕瀛� forms.append("file", file.file); //鑾峰彇涓婁紶鍥剧墖淇℃伅 - console.log(forms, 1); this.photoList = forms }, submit() { - console.log(this.photoList, 1) + // 寮�鍙戞椂瀵笷ormData瀵硅薄append鏁版嵁鍚庢墦鍗板嚭鏉ヤ负绌哄璞★紝寮�濮嬩互涓烘槸娌℃湁append杩涘幓锛屽疄闄呬笂鏄疐ormData瀵硅薄涓嶈兘鐩存帴鐢╟onsole.log(formData)杩涜鎵撳嵃銆� + // 濡傛灉瑕佹墦鍗帮紝鍙互鐢ㄤ笅闈㈢殑鏂瑰紡锛� + // for (var key of this.photoList.entries()) { + // console.log(key[0] + ', ' + key[1] ); + // } + + for (let [a, b] of this.photoList.entries()) { + console.log(a, ', ', b); + } + }, + topScanClick() { + createWithoutTitle('../../components/barcode_scan.html', { + titleNView: { + type: 'float', + backgroundColor: 'rgba(215,75,40,0.3)', + titleText: '鎵竴鎵�', + titleColor: '#FFFFFF', + autoBackButton: true, + buttons: [{ + fontSrc: '_www/helloh5.ttf', + text: '\ue302', + fontSize: '18px', + onclick: 'javascript:scanPicture()' + }] + } + }); }, // 杈撳叆妗嗗け鐒﹁Е鍙戜簨浠� vanFieldBlur() { this.$forceUpdate() }, topContentClcik(code) { - + }, onClickleft() { history.back() -- Gitblit v1.9.3