优化修复部分问题，圈子发布页面编写，圈子列表与发布数据交互

Lou

2023-11-30 ed3eff368eb421028ae898950ea4796e4c5b6e0a

 subPackage/workbench/views/reportAudit.vue

@@ -1,39 +1,42 @@
<template>

   <view class="container">

      <view class="basic-box">

         <view class="title-box">

         <!-- <view class="title-box">

            <view class="line"></view>

            <view class="text">基本信息</view>

         </view>

         </view> -->

         <caption-row title="基本信息"  />

         <view class="basic-data">

            <lineItem :data-info="basicData"></lineItem>

            <lineItem :dataInfo="basicData"></lineItem>

         </view>

      </view>

      <view class="pic-box"  v-if="imgUrls.length">

         <view class="title-box">

         <!-- <view class="title-box">

            <view class="line"></view>

            <view class="text">事件照片</view>

         </view>

         </view> -->

         <caption-row title="事件照片"  />

         <view class="pic-data">

            <view class="mr-20 " v-for="i in imgUrls">

               <u-image class="img" :src="i" width="80" height="80"></u-image>

            <view class="mr-20 " v-for="(i,k) in imgUrls"  :key="k">

               <u-image class="img" :src="i" width="80" height="80"  @click="previewImg(i)"></u-image>

            </view>

         </view>

      </view>

      <view class="audit-box">

         <view class="title-box">

         <!-- <view class="title-box">

            <view class="line"></view>

            <view class="text">审核信息</view>

         </view>

         </view> -->

         <caption-row title="审核信息"  />

         <view class="audit-form">

            <u-form labelWidth="70" :model="form" class="form" ref="form">

               <u-form-item label="事件状态" @click="showPicker" class="form-item">

                  <u--input v-model="form.confirmFlag" disabled disabledColor="#ffffff" placeholder="请选择审核状态"

                     border="none" :placeholder="defaultPlaceholder"></u--input>

                  <u-icon slot="right" name="arrow-right"></u-icon>

                     border="none" :placeholder="defaultPlaceholder"  inputAlign="right"  color="#333"></u--input>

                  <u-icon slot="right" name="arrow-right"  v-show="from == 'list'"></u-icon>

               </u-form-item>

               <u-form-item label="备注" class="form-item"  v-if="from == 'list' || (from == 'record' && form.confirmNotion)">

                  <u--input v-model="form.confirmNotion" border="none"  :disabled="from == 'record'?true:false"></u--input>

               <u-form-item label="处理情况" class="form-item"  v-if="from == 'list' || (from == 'record' && form.confirmNotion)">

                  <u--input v-model="form.confirmNotion" :border="from == 'list'?'surround':'none'" inputAlign="right" color="#333" :disabled="from == 'record'?true:false"></u--input>

               </u-form-item>

            </u-form>

         </view>

@@ -48,23 +51,25 @@


<script>

   import lineItem from '../components/lineItem.vue'

   import captionRow from '@/components/caption/caption.vue'

   import {

      checkReportForRepairsData

   } from '@/api/task/taskReportForRepairs.js'

   import { minioBaseUrl } from "@/common/setting.js"

   export default {

      components: {

         captionRow,

         lineItem

      },

      data() {

         return {

            basicData: [{

                  label: '当前位置',
                  label: '事发地',
                  name: 'address',

                  value: '未完善'

               },

               {

                  label: '业主',
                  label: '姓名',
                  name: 'realName',

                  value: '未完善'

               },

@@ -80,7 +85,7 @@
               },

               {

                  label: '事件描述',
                  name: 'confirmNotion',

                  name: 'remark',

                  value: '未完善'

               }

            ],

@@ -155,6 +160,11 @@
            }

         },

         

			
         setImgUrl(url){

            return `${minioBaseUrl}${url}`

         },

			
         async checkReportForRepairs() {

            const {

               confirmFlag,

@@ -196,7 +206,12 @@
               }
            })

            if(this.defaultData.imageUrls){

               this.imgUrls = this.defaultData.imageUrls.split(",")

               let list = this.defaultData.imageUrls.split(",")

               let arr = []

               for(let i of list){

                  arr.push(`${minioBaseUrl}${i}`);

               }

               this.imgUrls = arr;

            }
            
            let columns = this.columns[0]
@@ -217,6 +232,14 @@
            })

            return res

         },

			
         previewImg(url){

            uni.previewImage({

               urls:this.imgUrls,

               current:url

            })

         },

			
      }

   }

</script>

@@ -227,7 +250,7 @@
   }



   .container {

      padding: 20rpx 30rpx 150rpx 30rpx;

      padding: 0 20rpx 150rpx;



      .basic-box,

      .pic-box,

@@ -238,9 +261,9 @@
      }



      .pic-box {

         margin-top: 20rpx;



         // margin-top: 20rpx;

         .pic-data {

            padding:0 20rpx;

            display: flex;

            flex-wrap: wrap;

            margin-top: 20rpx;

@@ -248,9 +271,10 @@
      }



      .audit-box {

         margin-top: 20rpx;

         // margin-top: 20rpx;



         .audit-form {

            padding:0 20rpx;

            .form {

               font-size: 30rpx;