From 272476c57140cd80a7137bf8ea5b87e68a872b49 Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期一, 26 九月 2022 09:30:28 +0800 Subject: [PATCH] 1.设备维修静态页面 --- pages/sbgl/sbwx.html | 93 ++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 85 insertions(+), 8 deletions(-) diff --git a/pages/sbgl/sbwx.html b/pages/sbgl/sbwx.html index 8999fcc..6c72296 100644 --- a/pages/sbgl/sbwx.html +++ b/pages/sbgl/sbwx.html @@ -47,7 +47,7 @@ let radioValue = '' //鍗曢�夋閫変腑鐨勯」 - + // 鎵弿鐐规宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� function scaned(r) { // let flag = false @@ -149,7 +149,7 @@ <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="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"> @@ -172,11 +172,73 @@ </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> + </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> + </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> + </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 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 class="vanButtonInfo" @click="submit" type="info"> 纭鎻愪氦</van-button> </div> </div> @@ -191,7 +253,6 @@ </div> </body> <script> - var app = new Vue({ el: '#app', data: function() { @@ -220,6 +281,11 @@ // url: 'https://img01.yzcdn.cn/vant/leaf.jpg' // }, ], + isStop: 'Y', + messageContent: '', + messageDescr2: '', + fileList2: [], + photoList: [], } }, watch: { @@ -242,18 +308,29 @@ created() {}, mounted() {}, methods: { + afterRead2(file) { + + }, + isStopClick(val) { + this.isStop = val + this.$forceUpdate() + }, afterRead(file) { // 姝ゆ椂鍙互鑷灏嗘枃浠朵笂浼犺嚦鏈嶅姟鍣� console.log(file); - + //鍒涘缓FormData瀵硅薄銆備笂浼犲浘鐗囬渶瑕佽浆鎹簩杩涘埗锛岃繖閲岃鐢ㄥ埌FormData - let forms = new FormData(); + let forms = new FormData(); console.log(file.file); //"file"琛ㄧず缁欏悗鍙颁紶鐨勫睘鎬у悕瀛� forms.append("file", file.file); //鑾峰彇涓婁紶鍥剧墖淇℃伅 console.log(forms, 1); + + this.photoList = forms }, - submit() {}, + submit() { + console.log(this.photoList, 1) + }, // 杈撳叆妗嗗け鐒﹁Е鍙戜簨浠� vanFieldBlur() { this.$forceUpdate() @@ -331,7 +408,7 @@ } .buttonSmall { - /* border-radius: 5px; */ + width: 40px; } .vanButtonInfo { -- Gitblit v1.9.3