图片资料显示优化

fangyuan

2022-12-26 666b2f488b9f64c75cd0c9fa28aa3d78791aa199

 src/views/common/Audit.vue

@@ -29,8 +29,7 @@
          </el-form-item>
          <el-form-item>
           <el-upload name="multipartFile" class="upload-demo" action="/api/cause/reporterUpload"
                  :show-file-list="false" :before-upload="beforeAvatarUpload"
                  :on-success="reporterRespond" :limit="1">
              :show-file-list="false" :before-upload="beforeAvatarUpload" :on-success="reporterRespond" :limit="1">
                  <el-button type="primary">导入</el-button>
                </el-upload>
          </el-form-item>
@@ -115,8 +114,9 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="被骗时间" prop="cheatTime">
              <el-date-picker v-model="auditFrom.cheatTime" type="datetime" placeholder="选择日期时间" :style="{ width: '100%' }"
                format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
              <el-date-picker v-model="auditFrom.cheatTime" type="datetime" placeholder="选择日期时间"
                :style="{ width: '100%' }" format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -127,7 +127,8 @@
          </el-col>
          <el-col :span="24">
            <el-form-item label="案件描述" prop="reportDescription">
              <el-input v-model="auditFrom.reportDescription" placeholder="请输入案件描述" clearable :style="{ width: '100%' }">
              <el-input v-model="auditFrom.reportDescription" placeholder="请输入案件描述" clearable
                :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
@@ -193,8 +194,9 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="被骗时间">
              <el-date-picker v-model="auditInfo.tmpTime" type="datetime" placeholder="选择日期时间" :style="{ width: '100%' }"
                format="yyyy-MM-dd HH:mm:ss" :value-format="auditFrom.cheatTime" disabled></el-date-picker>
              <el-date-picker v-model="auditInfo.tmpTime" type="datetime" placeholder="选择日期时间"
                :style="{ width: '100%' }" format="yyyy-MM-dd HH:mm:ss" :value-format="auditFrom.cheatTime"
                disabled></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -218,7 +220,7 @@
          <el-col :span="24">
            <el-form-item label="材料">
              <div class="metalL">
                <el-image :src="reportData" style="height: 200px;width: 200px;"></el-image>
                <el-image v-for="(img,index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
              </div>
            </el-form-item>
          </el-col>
@@ -270,8 +272,9 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="被骗时间">
              <el-date-picker v-model="auditInfo.tmpTime" type="datetime" placeholder="选择日期时间" :style="{ width: '100%' }"
                format="yyyy-MM-dd HH:mm:ss" :value-format="auditFrom.cheatTime" disabled></el-date-picker>
              <el-date-picker v-model="auditInfo.tmpTime" type="datetime" placeholder="选择日期时间"
                :style="{ width: '100%' }" format="yyyy-MM-dd HH:mm:ss" :value-format="auditFrom.cheatTime"
                disabled></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -295,7 +298,7 @@
          <el-col :span="24">
            <el-form-item label="材料">
              <div class="metalL">
                <el-image :src="reportData" style="height: 200px;width: 200px;"></el-image>
                <el-image v-for="(img,index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
              </div>
            </el-form-item>
          </el-col>
@@ -345,7 +348,7 @@
      },
      auditInfo: {},
      picShow: "",
      reportData: "",
      reportData: [],
      optionsGroup: [
        {
          value: null,
@@ -484,12 +487,15 @@
            this.picShow = res
          })
        }
        if (res.reportMaterials === '' || res.reportMaterials === null) {
          this.reportData = './logo.jpg';
        var addressList = res.reportMaterials.split(",")
        for (let item of addressList) {
          if (item === '' || item === null) {
            // this.reportData.push('./logo.jpg');
        } else {
          getImgUrl(res.reportMaterials).then(res => {
            this.reportData = res
            getImgUrl(item).then(res => {
              this.reportData.push(res);
          })
          }
        }
        this.checkVisible = true
      })
@@ -497,10 +503,12 @@
    infoAduitClose() {
      this.checkVisible = false
      this.$refs.infoAduitForm.resetFields()
      this.reportData=[]
    },
   detailsClose() {
      this.infoAduitDialogVisible = false
      this.$refs.infoAduitForm.resetFields()
      this.reportData=[]
    },
    addAduit() {
      this.$refs.addAduitForm.validate(async (vaild) => {
@@ -585,14 +593,16 @@
            this.picShow = res
          })
        }
        
        if (res.reportMaterials === '' || res.reportMaterials === null) {
          this.reportData = './logo.jpg';
        var addressList = res.reportMaterials.split(",")
        for (let item of addressList) {
          if (item === '' || item === null) {
            // this.reportData.push('./logo.jpg');
        } else {
          getImgUrl(res.reportMaterials).then(res => {
            this.reportData = res
            getImgUrl(item).then(res => {
              this.reportData.push(res);
          })
        }
        }
        this.infoAduitDialogVisible = true
      })
    },