隐藏导入

odc.xiaohui

2023-03-07 5035dde1c77b21c79a32a2e4802f0a1e85931c46

 src/views/common/Audit.vue

@@ -28,11 +28,10 @@
            <el-button type="primary" @click="addAduitDialogOpen">添加</el-button>
          </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">
                  <el-button type="primary">导入</el-button>
                </el-upload>
            <el-upload name="multipartFile" class="upload-demo" action="/api/report/reporterUpload"
              :show-file-list="false" :before-upload="beforeAvatarUpload" :on-success="reporterRespond" :limit="1">
<!--              <el-button type="primary">导入</el-button>-->
            </el-upload>
          </el-form-item>
        </el-form>
      </template>
@@ -87,13 +86,13 @@
      <el-row :gutter="15">
        <el-form ref="addAduitForm" :model="auditFrom" :rules="rules" size="medium" label-width="100px">
          <el-col :span="12">
            <!-- <el-form-item label="头像" prop="pic" required>
            <el-form-item label="头像" prop="pic" required>
              <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false" :on-success="handleAvatarSuccess"
                         list-type="picture-card" accept="image/*">
                list-type="picture-card" accept="image/*">
                <img v-if="picShow" :src="picShow" style="width: 145px;height: 145px">
                <i v-else class="el-icon-plus"></i>
              </el-upload>
            </el-form-item> -->
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报案人 " prop="reporterName">
@@ -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>
@@ -138,7 +139,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="上传" prop="fileList" >
            <el-form-item label="上传" prop="fileList">
              <el-upload ref="reportMaterials" :file-list="auditFrom.fileList" action="/api/minio/upload"
                list-type="picture" :on-success="handleMaterialSuccess">
                <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
@@ -164,7 +165,7 @@
    <!--审核弹窗-->
    <el-dialog title="审核" :visible.sync="checkVisible" width="50%" :before-close="infoAduitClose">
      <el-row :gutter="15">
        <el-form ref="infoAduitForm" :model="auditInfo" size="medium" label-width="100px">
        <el-form ref="infoAduitForm" :rules="rules2" :model="auditInfo" size="medium" label-width="100px">
          <el-col :span="12">
            <el-form-item label="头像" prop="pic" required>
              <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false" :on-success="handleAvatarSuccess"
@@ -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>
@@ -344,8 +347,9 @@
        tmpTime: '',
      },
      auditInfo: {},

      picShow: "",
      reportData: "",
      reportData: [],
      optionsGroup: [
        {
          value: null,
@@ -386,7 +390,7 @@
          message: '请输入报案人 ',
          trigger: 'blur'
        }],
       mobile:
        mobile:
          [{ required: true, message: '请输入手机号码', trigger: 'blur' },
          {
            validator: function (rule, value, callback) {
@@ -430,6 +434,11 @@
          trigger: 'change'
        }],
      },
      rules2:{
        causeId: [
          { required: true, message: '请选择活动区域', trigger: 'change' }
        ]
      }
    }
  },
  created() {
@@ -438,7 +447,7 @@
  },

  methods: {
     //案件人员导入成功后
    //案件人员导入成功后
    reporterRespond(res) {
      if (res.code == 200) {
        this.$message({
@@ -452,9 +461,9 @@
          type: 'error'
        })
      }
   this.getList()
      this.getList()
    },
       beforeAvatarUpload(file) {
    beforeAvatarUpload(file) {
      let Xls = file.name.split('.');
      if (Xls[1] === 'xls' || Xls[1] === 'xlsx') {
        return file
@@ -467,11 +476,19 @@
    checkAdd() {
      let form = null;
      form = this.auditInfo;
      checkPass(form).then(res => {
        this.$message.success('提交成功')
        this.getList()
        this.checkVisible = false;
      this.$refs.infoAduitForm.validate((valid)=>{
        if(valid){
          checkPass(form).then(res => {
            this.$message.success('提交成功')
            this.getList()
            this.checkVisible = false;
          })
        }else{
          return false;
        }

      })

    },
    //审核
    check(val) {
@@ -484,23 +501,34 @@
            this.picShow = res
          })
        }
        if (res.reportMaterials === '' || res.reportMaterials === null) {
          this.reportData = './logo.jpg';
        } else {
          getImgUrl(res.reportMaterials).then(res => {
            this.reportData = res
          })
        if (res.reportMaterials) {
          var addressList = res.reportMaterials.split(",")
          for (let item of addressList) {
            if (item === '' || item === null) {
              // this.reportData.push('./logo.jpg');
            } else {
              this.reportData=[];
              getImgUrl(item).then(res => {
                this.reportData.push(res);
              })
            }
          }
        }

        this.checkVisible = true
      })
    },
    infoAduitClose() {
      this.checkVisible = false
      this.$refs.infoAduitForm.resetFields()
      this.reportData = []
      this.picShow = ""
    },
   detailsClose() {
    detailsClose() {
      this.infoAduitDialogVisible = false
      this.$refs.infoAduitForm.resetFields()
      this.reportData = []
      this.picShow = ""
    },
    addAduit() {
      this.$refs.addAduitForm.validate(async (vaild) => {
@@ -522,7 +550,6 @@
    },
    handleAvatarSuccess(res, file) {
      this.auditFrom.pic = res.data
      console.log(res.data)
      getImgUrl(res.data).then(res => {
        this.picShow = res
      })
@@ -536,8 +563,8 @@
    },
    addAduitClose() {
      this.addAduitDialogVisible = false
      this.$refs.addAduitForm.resetFields()
      this.picShow = ""
      this.$refs.addAduitForm.resetFields()
    },
    getList() {
      let param = {}
@@ -585,14 +612,19 @@
            this.picShow = res
          })
        }
        
        if (res.reportMaterials === '' || res.reportMaterials === null) {
          this.reportData = './logo.jpg';
        } else {
          getImgUrl(res.reportMaterials).then(res => {
            this.reportData = res
          })
        if (res.reportMaterials) {
          var addressList = res.reportMaterials.split(",")
          for (let item of addressList) {
            if (item === '' || item === null) {
              // this.reportData.push('./logo.jpg');
            } else {
              getImgUrl(item).then(res => {
                this.reportData.push(res);
              })
            }
          }
        }

        this.infoAduitDialogVisible = true
      })
    },