fj-dc-ui/.svn/pristine/7a/7afdc14e2d7371cc67db2cf7564d2b3d757d800f.svn-base

<template>
  <el-form ref="problemForm" :rules="rules" :model="problemForm" label-width="80px">
    <el-form-item label="问题类别" style="text-align:left">
      <el-select v-model="t1" value-key="items" placeholder="请选择" @change="problemListChange">
        <el-option v-for="(item,index) in problemList" :key="index" :label="item.name" :value="item">
        </el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="检查项目" style="text-align:left">
      <el-select v-model="t2" placeholder="请选择" value-key="items" @change="currentCheckPointListChange">
        <el-option v-for="(item,index) in currentCheckPointList" :key="index" :label="item.name" :value="item">
        </el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="问题描述" style="    text-align:left">
      <el-select v-model="t3" placeholder="请选择" value-key="pblmDesc" @change="currentProblemDescListChange" style="max-width: 500px">
        <el-option v-for="(item,index) in currentProblemDescList" :key="index" :label="item.pblmDesc" :value="item" :title="item.pblmDesc" style="max-width: 500px">
        </el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="详情" style="    text-align:left">
       <span style="font-size: 12px;color:#5bb7e7">{{t3.pblmDesc}}</span>
    </el-form-item>
    <el-form-item label="严重程度:" style="text-align:left" prop="inspPblmCate">
      <p v-if="t3.inspPblmCate == 0" >一般</p>
      <p v-if="t3.inspPblmCate == 1" >较重</p>
      <p v-if="t3.inspPblmCate == 2" >严重</p>
      <p v-if="t3.inspPblmCate == 3" >特别严重</p>
    </el-form-item>
    <el-form-item label="典型问题" label-width="80px" style="text-align:left">
      <el-radio v-model="problemForm.ifCasePblm" label="1">是</el-radio>
      <el-radio v-model="problemForm.ifCasePblm" label="0">否</el-radio>
    </el-form-item>
    <el-form-item label="详细描述" required>
      <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="problemForm.inspPblmDesc">
      </el-input>
    </el-form-item>
    <el-form-item label="备注">
      <el-input
        type="textarea"
        :rows="2"
        placeholder="请输入内容"
        v-model="problemForm.note">
      </el-input>
    </el-form-item>
    <el-form-item label="上传照片">
      <upload ref="uploadFile" :url="`/pdcApi/file/insert?bizId=`" @uploadOver="removeNewSupervision"></upload>
    </el-form-item>
    <el-form-item style="margin-top: 50px">
      <el-button type="primary" @click="onSubmit('problemForm')" style="width: 100px;float:right">保存</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
  import request from '@util/gw_ajax_request.js'

  import {
    submitUpload
  } from "@api/duChaAPI.js";

  export default {
    props: ['objId', 'objName', 'villType', 'objType', 'currentObjectRgstrId', 'problData', 'rowData', 'yshRowData', 'gsgcRowData', 'oriFatherName', 'villageNm'],
    data() {
      return {
        problemForm: {
          t1: '',
          t2: '',
          t3: '',
          villType: '',
          objId: "",
          regid: '',
          objType: "",
          // inspPblmName: "",
          inspPblmCate: "",
          inspPblmDesc: "",
          note: "",
          ifCasePblm: '0',
          cwsCode: '',
          pblmStat: "",
          dataStat: "",
          nm: "",
          recPers: "",
          newVillName: '',  //督查对象名称
          inspAddDesc: '',  //行政区划
          gwComFiles: []
        },
        inspPblmCate: "",
        inspPlamCatelist: ['一般', '较重', '严重'],
        imgList: [],
        videoList: [],
        audioList: [],
        pblmStat: '',
        gwComFiles: [],
        problemList: [],
        currentCheckPointList: [],
        currentProblemDescList: [],
        t1: '',
        t2: '',
        t3: '',
        xiangqingmiaoshu: '',
        wenTiLeiBie: "",
        jianChaXiangMu: "",
        rules: {
          inspPblmDesc: [{
            required: true,
            message: '请输入描述',
            trigger: 'blur'
          },

          ],
        }
      }
    },
    components: {
      upload: resolve => {
        require(["@widget/uploadFile.vue"], resolve);
      },
    },
    computed: {
      recPers() {
        return localStorage.getItem('userid') ? localStorage.getItem('userid') : '';
      }
    },
    created() {
      // this.getproblemSmallType();
      console.log(this.rowData);
      this.getPblmsByQuesNum();
    },

    methods: {
      getproblemMiddleType() {
        this.middleTypeList = [];
        request.get('/dc/insp/pblms/getPblmType', {
          params: {
            type: 108
          }
        }).then(res => {
          if (res.success) {
            console.log(res.data);
            res.data.forEach((ele) => {
              this.middleTypeList.push(ele);
            })
          }
        })
      },
      getYanZhongChengDu() {
        this.inspPblmCate = this.t3.inspPblmCate;
      },
      onSubmit(problemForm) {
        this.$refs[problemForm].validate((valid) => {
          if (valid) {
            let _self = this;
            if(_self.yshRowData)if(_self.yshRowData.id) this.problemForm["waterUserId"] = _self.yshRowData.id;
            if(_self.gsgcRowData)if(_self.gsgcRowData.id) this.problemForm["cwsCode"] = _self.gsgcRowData.id;
            this.problemForm.recPers = this.recPers
            this.problemForm.objId = this.objId;
            this.problemForm.regid = this.rowData.regstrId;
            this.problemForm.nm = this.objName
            this.problemForm.objType = '108';
            this.problemForm.villType = '1';
            let userNm = ''   //用水户名称
            let projectNm = ''  //饮水工程名称
            // let userNm = this.yshRowData.userNm   //用水户名称
            // let projectNm = this.gsgcRowData.projectNm  //饮水工程名称
            this.problemForm.newVillName = userNm ? userNm : projectNm ? projectNm : this.objName
            this.problemForm.inspAddDesc = (userNm || projectNm) ? `${this.rowData.adFullName}-${this.oriFatherName}-${this.villageNm}` : this.rowData.adFullName

            this.problemForm['inspPblmName'] = this.t1.name;
            this.problemForm['inspPblmDesc'] = this.problemForm.inspPblmDesc;
            this.problemForm['inspPblmCode'] = this.t3.sn;
            this.problemForm['pblmsTypeId'] = this.t3.guid;

            if (!this.problemForm.inspPblmName) {
              this.$message.info('请选择问题类别')
              return
            }
            if (!this.problemForm.inspPblmDesc) {
              this.$message.info('请输入问题描述')
              return
            }

            request.post('/dc/insp/pblm', this.problemForm).then(res => {
              if (res.success) {
                this.pblmId = res.data.pblmId;
                this.gwComFiles = [];
                this.pblmStat = res.data.pblmStat;
                if (this.$refs.uploadFile.submitUpload(res.data.pblmId)) {
                  this.removeNewSupervision();
                }
              }
            })
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      getPblmsByQuesNum() {
        var _self = this;
        request.get(`/dc/insp/pblms/getPblmsByQuesNum/${_self.problData}/108`).then(res => {
          if (res.success) {

            _self.problemList = res.data;
            _self.t1 = _self.problemList[0]
            _self.currentCheckPointList = _self.problemList[0].items
            _self.t2 = _self.currentCheckPointList[0]
            _self.currentProblemDescList = _self.problemList[0].items[0].items
            _self.t3 = _self.currentProblemDescList[0]
            _self.problemForm['pblmsTypeId'] = _self.currentProblemDescList[0].guid;
          }
        })
      },
      // 文件上传
      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) {
          console.log(arg);
          var args = this.gwComFiles.concat(arg);
          this.updatefilelist(args);
          return;
        }
        this.$message.success('保存成功')
        this.$emit('closeDialog')
        this.gwComFiles = [];
        this.$refs.uploadFile.init();
      },
      problemListChange: function (item) {
        this.currentCheckPointList = item.items;
      },
      currentCheckPointListChange: function (item) {
        this.currentProblemDescList = item.items;
      },
      currentProblemDescListChange: function (item) {
        console.log(item);
      },
    },
    watch: {
      't1': {
        handler: function (val, oldVal) {
          // console.log("详情"+val.pblmDesc)
          this.wenTiLeiBie = val.inspPblmsName;
          this.getYanZhongChengDu()
        },
        deep: true
      },
      't2': {
        handler: function (val, oldVal) {
          this.jianChaXiangMu = val.checkPointName;
          this.getYanZhongChengDu()
        },
        deep: true
      },
      't3': {
        handler: function (val, oldVal) {
          this.xiangqingmiaoshu = val.pblmDesc;
          this.getYanZhongChengDu()
        },
        deep: true
      },
    },
  }
</script>

<style>
  .media_item {
    float: left;
    width: 60px;
    font-size: 32px;
  }

  /*.el-select--mini {*/
  /*width: 100%;*/
  /*}*/
</style>