fj-dc-ui/.svn/pristine/12/121db93fe30a2429c0f04dc3586d0339a2b97ea0.svn-base

<template>
  <el-form ref="problemForm" :rules="rules" :model="problemForm" label-width="260px" class="wtzgfc_add_pblm">
    <el-card>
      <p class="p_title">问题整改情况</p>
      <el-form-item label="问题类别" style="text-align:left">
        <el-input placeholder="请输入内容" v-model="problemForm.pblmType" class="w30">
        </el-input>
      </el-form-item>
      <el-form-item label="检查项目" style="text-align:left">
        <el-input placeholder="请输入内容" v-model="problemForm.pblmOption" class="w30">
        </el-input>
      </el-form-item>
      <el-form-item label="问题描述">
        <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="problemForm.pblmDesc" class="w30">
        </el-input>
      </el-form-item>
      <el-form-item label="详细描述">
        <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="problemForm.inspPblmDesc" class="w30">
        </el-input>
      </el-form-item>
      <el-form-item label="问题等级:" style="text-align:left">
        <el-select v-model="problemForm.pblmLevl" clearable placeholder="请选择" filterable class="w30">
          <el-option
            v-for="item in supervisionState"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </el-form-item>
<!--      <el-form-item label="整改状态:" style="text-align:left" required>-->
<!--        <el-select v-model="problemForm.rectConc" clearable placeholder="请选择" filterable class="w30">-->
<!--          <el-option-->
<!--            v-for="(item,index) in abarbeitungStatusList"-->
<!--            :key="index"-->
<!--            :label="item.label"-->
<!--            :value="item.value"-->
<!--          ></el-option>-->
<!--        </el-select>-->
<!--      </el-form-item>-->
      <el-form-item label="整改措施:" style="text-align:left" required>
        <el-input placeholder="请输入内容" v-model="problemForm.rectMsrs" class="w30">
        </el-input>
      </el-form-item>
<!--      <el-form-item label="审核状态:" style="text-align:left" required>-->
<!--        <el-select v-model="problemForm.auditConc" clearable placeholder="请选择" filterable class="w30">-->
<!--          <el-option-->
<!--            v-for="(item,index) in expertReviewList"-->
<!--            :key="index"-->
<!--            :label="item.label"-->
<!--            :value="item.value"-->
<!--          ></el-option>-->
<!--        </el-select>-->
<!--      </el-form-item>-->
    </el-card>

    <el-card style="margin-top: 20px;display: none;">
      <p class="p_title">佐证材料</p>
      <el-form-item class="zzcl_fj" v-if="!problemForm.zcOtherIsMakeFiles.length">
        <uploadZz
          ref="uploadZzcl"
          :url="`/pdcApi/file/insert?bizId=${currentObjectRgstrId}&bizType=MEND_PROV`"
          accept=".pdf,.PDF,.doc,.DOC,.DOCX,.docx,.excel,.EXCEL"
          @uploadOver="removeNewSupervisionZcOtherIsMake"
        ></uploadZz>
      </el-form-item>

      <el-form-item label="上传列表" v-if="problemForm.zcOtherIsMakeFiles.length">
        <ul v-for="(item,index) in problemForm.zcOtherIsMakeFiles" :key="index">
          <li style="list-style: none;">
            <el-button type="text" class="w300">{{ item.fileName }}</el-button>
            <el-button type="text" @click="rowPreview(item)">下载</el-button>
            <el-button type="text" @click="rowDelete(item,index,'qt')" class="font_red">删除</el-button>
          </li>
        </ul>
      </el-form-item>
    </el-card>
    <el-card style="margin-top: 20px;">
      <p class="p_title">复核情况</p>
      <el-form-item label="整改状态:" style="text-align:left">
        <el-radio-group v-model="problemForm.revwRectConc">
          <el-radio label="1">未整改</el-radio>
          <el-radio label="2">正在整改</el-radio>
          <el-radio label="3">整改完成</el-radio>
          <br/>
          <br/>
          <el-radio label="4">整改不到位</el-radio>
          <el-radio label="5">上报整改情况与实际不符</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item :label="problemForm.revwRectConc == 3 ? '实际整改完成时间' : problemForm.revwRectConc == 2 ? '计划整改完成时间': ''"
                    style="text-align:left"
                    v-if="(Number(problemForm.revwRectConc) === 2 || Number(problemForm.revwRectConc) === 3) && problemForm.revwRectConc">
        <el-date-picker v-model="problemForm.realPlanDt" type="date" value-format="yyyy-MM-dd"
                        placeholder="选择日期" class="w30"
                        v-if="(Number(problemForm.revwRectConc) === 2 || Number(problemForm.revwRectConc) === 3) && problemForm.revwRectConc"></el-date-picker>
      </el-form-item>
      <div>
        <el-form-item label="备注" v-if="problemForm.revwRectConc != 3">
          <el-input
            type="textarea"
            :rows="4"
            placeholder="请输入"
            v-model="problemForm.revwRectPblm"
            class="w30">
          </el-input>
        </el-form-item>
        <el-form-item label="备注" prop="revwRectPblm" v-else key="revwRectPblm">
          <el-input
            type="textarea"
            :rows="4"
            placeholder="请输入"
            v-model="problemForm.revwRectPblm"
            class="w30">
          </el-input>
        </el-form-item>
      </div>
    </el-card>
    <el-card style="margin-top: 20px;">
      <p class="p_title">多媒体</p>
      <upload ref="uploadFile" :url="`/pdcApi/file/insert?bizType=MEND_EXTRA&bizId=`"
              @uploadOver="removeNewSupervision"></upload>
    </el-card>
    <el-form-item style="margin-top: 50px">
      <el-button type="primary" @click="onSubmit('problemForm')" style="width: 100px;float:right"
                 :loading="saveLoading">保存
      </el-button>
    </el-form-item>
  </el-form>
</template>

<script>
  import request from '@util/gw_ajax_request.js'
  import {hostUrl} from '@util/global_variable'

  export default {
    props: ['objId', 'objName', 'villType', 'objType', 'problemMiddleType', 'problemSmallType', 'engId', 'currentObjectRgstrId', 'problData', 'currentProblemId', 'currentResCode', 'currentAdCode', 'currentRsvrNm'],
    data() {
      return {
        problemForm: {
          pblmDesc: '',//问题描述 ,
          pblmLevl: '',//问题等级 ,
          pblmOption: '',//检查项目 ,
          pblmSn: '',//问题序号 ,
          inspPblmDesc:'',
          pblmType: '',//问题类别 ,
          proName: '',//省 ,
          realPlanDt: '',//实际/计划整改完成时间 ,
          rectConc: '',//整改状态(1:未整改;2:正在整改;3:已整改) ,
          rectMsrs: '',//整改措施 ,
          revwInfo: '',//复核情况 ,
          revwRectConc: '',//复核整改状态(1:未整改;2:正在整改;3:整改完成;4:整改不到位;5:上报整改情况与实际不符) ,
          revwRectPblm: '',//复核整改问题 ,
          revwState: '',//复核填报状态(0:未填报;1:填报中;2:已填报) ,
          rgstrId: '',//登记表ID ,
          rsCode: '',//水库编码 ,
          rsName: '',//水库名称 ,
          safeComment: '',//工况总体评价 ,
          unit: '',//管理单位 ,
          uptm: '',//修改时间 ,
          year: '',//年度
          gwComFiles: [],
          zcOtherIsMakeFiles: [],
          auditConc: ''//审核状态
        },
        supervisionState: [
          {
            value: "0",
            label: "一般"
          },
          {
            value: "1",
            label: "较重"
          },
          {
            value: "2",
            label: "严重"
          },
          {
            value: "3",
            label: "特别严重"
          }
        ],
        abarbeitungStatusList: [
          {
            label: "未填写",
            value: "0"
          },
          {
            label: "未整改",
            value: "1"
          },
          {
            label: "正在整改",
            value: "2"
          },
          {
            label: "已整改",
            value: "3"
          }
        ],
        expertReviewList: [
          {
            'label': '审核已整改',
            'value': '1'
          },
          {
            'label': '审核未整改',
            'value': '2'
          },
          {
            'label': '未审核',
            'value': '3'
          },
          {
            'label': '审核正在整改',
            'value': '4'
          }
        ],
        inspPblmCate: "",
        imgList: [],
        videoList: [],
        audioList: [],
        pblmStat: '',
        gwComFiles: [],
        problemList: [],
        currentCheckPointList: [
          {
            value: "1",
            label: "质量安全"
          },
          {
            value: "2",
            label: "合同"
          },
          {
            value: "3",
            label: "资金"
          }
        ],
        currentProblemDescList: [
          {
            value: "1",
            label: "项目法人（建设单位）"
          },
          {
            value: "2",
            label: "勘察设计单位"
          },
          {
            value: "3",
            label: "监理单位"
          },
          {
            value: "4",
            label: "施工单位"
          },
          {
            value: "5",
            label: "金属结构及机电设备安装单位"
          },
          {
            value: "6",
            label: "安全监测单位"
          },
          {
            value: "7",
            label: "质量检测单位"
          }
        ],
        t1: '',
        t2: '',
        t3: '',
        xiangqingmiaoshu: '',
        wenTiLeiBie: "",
        jianChaXiangMu: "",
        rules: {
          revwRectPblm: [{
            required: true,
            message: '请填写备注',
            trigger: 'blur'
          }],
        },
        saveLoading: false
      }
    },
    components: {
      upload: resolve => {
        require(["@widget/uploadFile.vue"], resolve);
      },
      uploadZz: resolve => {
        require(["@widget/uploadPdf.vue"], resolve);
      }
    },
    computed: {
      recPers() {
        return localStorage.getItem('userid') ? localStorage.getItem('userid') : '';
      }
    },
    methods: {
      async onSubmit(problemForm) {
        this.$refs[problemForm].validate((valid) => {
          if (valid) {
            this.problemForm.recPers = this.recPers;
            this.problemForm.rgstrId = this.currentObjectRgstrId;
            this.problemForm.rsName = this.currentRsvrNm;
            this.problemForm.adCode = this.currentAdCode;
            this.problemForm.rsCode = this.currentResCode;
            this.problemForm.revwState = '2';//只要添加问题就是已复核状态
            if (!this.problemForm.revwRectConc) {
              this.$message.warning('请选择整改状态');
              return;
            }
            if (!this.problemForm.rectMsrs) {
              this.$message.warning('请填写整改措施');
              return;
            }
            // if (!this.problemForm.auditConc) {
            //   this.$message.warning('请选择审核状态');
            //   return;
            // }
            this.$nextTick(() => {
              if (this.$refs.uploadFile.submitUpload(this.currentObjectRgstrId)) {
                this.removeNewSupervision();
              }
            })

          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      // 文件上传
      submitUpload() {
        this.$refs.upload.submit();
      },
      // updatefilelist(arg) {
      //   request.post('/dc/insp/pblm/update', {
      //     pblmId: this.pblmId,
      //     gwComFiles: arg,
      //     pblmStat: this.pblmStat
      //   }).then(res => {
      //     this.removeNewSupervision()
      //   });
      // },
      removeNewSupervision(arg) {
        if (arg) {
          this.problemForm.gwComFiles = this.problemForm.gwComFiles.concat(arg);
        }
        if (!this.saveLoading) {
          this.saveLoading = true;
          this.problemForm.gwComFiles = [...this.problemForm.gwComFiles, ...this.problemForm.zcOtherIsMakeFiles];
          delete this.problemForm.zcOtherIsMakeFiles;
          request.post('/bis/insp/rsvryn/pblm/mend/2021/update', this.problemForm).then(res => {
            if (res.success) {
              this.$message.success('保存成功');
              this.$emit('closeDialog');
              this.$refs.uploadFile.init();
            }
            this.saveLoading = false;
          }).catch(err => {
            this.saveLoading = false;
          });
        }

      },
      removeNewSupervisionZcOtherIsMake(arg) {
        this.$nextTick(() => {
          if (arg.length) {
            let len = this.problemForm.zcOtherIsMakeFiles.length;
            for (var i = 0; i < arg.length; i++) {
              this.$set(this.problemForm.zcOtherIsMakeFiles, len, arg[i]);
              len++;
            }
          }
        })
      },
      rowPreview(row) {
        window.open(`${hostUrl}${row.filePath}`, "_blank");
      },
      rowDelete(row, index) {
        this.$confirm(`确定要删除'${row.fileName}', 是否继续?`, {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          request.post(`/file/${row.id}`)
            .then(res => {
              if (res.success) {
                this.$message.success("删除成功");
                this.problemForm.zcOtherIsMakeFiles.splice(index, 1);
              } else {
                this.$message.warning(res.message);
              }
            })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
        });
      }
    }
  }
</script>

<style lang="scss">
  .wtzgfc_add_pblm {
    .w30 {
      width: 50%;
    }

    .el-textarea {
      display: block !important;
    }

    p.p_title {
      text-align: left;
      font-weight: bold;
    }

    .el-radio {
      margin-bottom: 15px;
    }

    .zzcl_fj > div {
      margin: 0 !important;
    }

    .zzcl_fj > div > div {
      margin: 0 !important;
      display: inline-block;
      width: 80px !important;
    }

    .w300 {
      width: 180px;
      text-align: left;
    }
  }

</style>