zhouwenxuan
2023-08-01 242945e6e4708a2ae6ac896ba62241fffe456dac
pages/tabBar/responsivity/showMeasures.vue
@@ -13,21 +13,21 @@
      <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-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>
               <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>
            <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">
@@ -39,6 +39,7 @@
</template>
<script>
   import VUE_APP_BASE_URL from '../../../common/constant.js'
   export default {
      components:{
         
@@ -49,32 +50,27 @@
            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;
         this.images = this.form.attachments.map((item) => {
           return {url: VUE_APP_BASE_URL + item.attachment};
         });
         console.log("img",this.images)
         this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
         uni.hideTabBar();
      },
@@ -83,59 +79,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) {