From e7b81924e3fa4d7c5a52484f465efa6733e8c402 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: Thu, 26 Oct 2023 11:10:38 +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