From 0b2357a173a2bc52f3532bfcf93ff31daf226231 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 06 九月 2023 14:44:23 +0800 Subject: [PATCH] 导航栏退出登录 --- pages/tabBar/responsivity/showMeasures.vue | 123 +++++++++++----------------------------- 1 files changed, 35 insertions(+), 88 deletions(-) diff --git a/pages/tabBar/responsivity/showMeasures.vue b/pages/tabBar/responsivity/showMeasures.vue index 27dae5b..bf5eb51 100644 --- a/pages/tabBar/responsivity/showMeasures.vue +++ b/pages/tabBar/responsivity/showMeasures.vue @@ -12,26 +12,26 @@ </view> <view class="measureCard"> <view class="head"> - <u-form :model="form" ref="uForm" label-width="100px"> - <u-form-item label="信息标题 :" ></u-form-item> - <u-form-item label="发布单位 :"></u-form-item> - <u-form-item label="发布时间 :"></u-form-item> - <u-form-item label="反馈时间 :"></u-form-item> + <u-form :model="form" ref="uForm" label-width="80px"> + <u-form-item label="信息标题 :" >{{form.title}}</u-form-item> + <u-form-item label="发布单位 :">{{form.publishingUnit}}</u-form-item> + <u-form-item label="发布时间 :">{{form.publishingTime}}</u-form-item> + <u-form-item label="反馈时间 :">{{form.measureSubmitTime}}</u-form-item> </u-form> </view> - <view class="first"> - <text style="font-size: 16px;margin-bottom: 20px;font-weight: 600;">基础措施</text> - <view v-for="(item, index) in measureList" :key="index" style="margin-left: 18px;margin-bottom:10px; font-size:16px;"> - <text style="margin-top: 15px;">{{item.name}}</text> + <view class="first" v-if="measureList"> + <text style="font-size: 18px;margin-bottom: 20px;font-weight: 600;">基础措施</text> + <view v-for="(item, index) in measureList" :key="index" style="margin-left: 18px;margin-bottom:10px; font-size:15px;"> + <text style="margin-top: 15px;">{{item}}</text> </view> </view> - <view class="second"> - <text style="font-size: 16px;margin-bottom: 20px;font-weight: 600;">补充措施</text> - <u--textarea style="margin-top: -5px;" v-model="measures" disabled="true" placeholder="请输入内容" ></u--textarea> + <view class="second" v-if="measures!=null"> + <text style="font-size: 18px;margin-bottom: 20px;font-weight: 600;">补充措施</text> + <u--textarea style="margin-top: -5px;" v-model="measures" disabled placeholder="请输入内容" ></u--textarea> </view> <view class="third"> <view v-for="(item, index) in images" :key="index"> - <u-image @click="previewSqs(item,index)" style="margin: 5px; 5px" width="230rpx" height="230rpx" :src="item.url"></u-image> + <u-image @click="previewSqs(item,index)" style="margin: 5px; 5px" width="180rpx" height="180rpx" :src="item.url"></u-image> </view> </view> </view> @@ -39,6 +39,7 @@ </template> <script> + import VUE_APP_BASE_URL from '../../../common/constant.js' export default { components:{ @@ -49,32 +50,31 @@ fileList1: [], nameList: [], checkboxValue1: '', - measures: "111", + measures: "", type: 'textarea', border: true, height: 100, autoHeight: true, - measureList: [ - { - name: '苹果', - }, - { - name: '香蕉', - }, - { - name: '橙子', - } - ], - images: [ - { - url: 'https://img2.baidu.com/it/u=638285213,1746517464&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800' - }, - - ] + form: { + }, + measureList: [], + images: [] } }, - onLoad() { - //获取手机状态栏高度 + onLoad(options) { + let test = options.data && JSON.parse(decodeURIComponent(options.data)); + console.log("tes111t",test) + this.form = test; + this.measures = this.form.responseMeasure; + this.measureList = this.form.baseMeasures; + if(this.form.attachments && this.form.attachments.length>0){ + this.images = this.form.attachments.map((item) => { + return {url: VUE_APP_BASE_URL + item.attachment}; + }); + }else { + this.images = []; + } + console.log("img",this.images) this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight']; uni.hideTabBar(); }, @@ -83,59 +83,6 @@ uni.navigateBack({ url:'/pages/tabBar/responsivity/villageResponsivity' }); - }, - - checkboxChange(n) { - console.log('change', n); - }, - // 删除图片 - deletePic(event) { - this[`fileList${event.name}`].splice(event.index, 1) - this.nameList.splice(event.index,1) - console.log("name",this.nameList) - }, - // 新增图片 - async afterRead(event) { - // 当设置 multiple 为 true 时, file 为数组格式,否则为对象格式 - let lists = [].concat(event.file) - let fileListLen = this[`fileList${event.name}`].length - console.log("list",lists) - lists.map((item) => { - this.nameList.push({name: item.name}); - this[`fileList${event.name}`].push({ - ...item, - status: 'uploading', - message: '上传中' - }) - }) - console.log("nameList",this.nameList) - for (let i = 0; i < lists.length; i++) { - const result = await this.uploadFilePromise(lists[i].url) - let item = this[`fileList${event.name}`][fileListLen] - this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, { - status: 'success', - message: '', - url: result - })) - fileListLen++ - } - }, - uploadFilePromise(url) { - return new Promise((resolve, reject) => { - let a = uni.uploadFile({ - url: 'http://www.example.com', // 仅为示例,非真实的接口地址 - filePath: url, - name: 'file', - formData: { - user: 'test' - }, - success: (res) => { - setTimeout(() => { - resolve(res.data.data) - }, 1000) - } - }); - }) }, //预览图片 previewSqs(item,index) { @@ -169,7 +116,7 @@ .barText{ /* margin-left: 20px; */ text-align: center; - width: 85%; + width: 90%; font-size: 16px; /* text-align: center; */ font-weight: 600; @@ -202,7 +149,7 @@ .second{ display: flex; flex-direction: column; - margin-top: 50px; + margin-top: 30px; } .third{ display: flex; -- Gitblit v1.9.2