fj-dc-ui/.svn/pristine/ce/ce6d263a536018a94eded58bd58aceaf661feea1.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="详细描述"
                  :required="true">
      <el-input type="textarea"
                :rows="2"
                placeholder="请输入内容"
                v-model="problemForm.inspPblmDesc"
                required>
      </el-input>
    </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="备注">
      <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 '../../../utils/gw_ajax_request.js'

import {
  submitUpload, getSydProblemList, getzxProblemList
} from "../../../api/duChaAPI.js";
import { changeInfo, recordProblem } from "../../../api/duChaAPI";
export default {
  props: ['objId', 'objName', 'villType', 'objType', 'problemMiddleType', 'problemSmallType', 'engId', 'currentObjectRgstrId', 'problData', 'currentGroupId'],
  data () {
    return {
      problemForm: {
        t1: '',
        t2: '',
        t3: '',
        villType: '',
        objId: "",
        regid: '',
        objType: "",
        // inspPblmName: "",
        inspPblmCate: "",
        inspPblmDesc: "",
        // ifCasePblm: '0',

        pblmStat: "",
        dataStat: "",
        nm: "",
        recPers: "",
        note: "",
        gwComFiles: [{
          id: "",
          filePath: "",
          bizId: ""
        }]
      },
      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(["../../../widgets/uploadFile.vue"], resolve);
    },
  },
  computed: {
    recPers () {
      return localStorage.getItem('userid') ? localStorage.getItem('userid') : '';
    }
  },
  created () {
    this.getproblemSmallType();
  },

  methods: {
    problemMiddleTypeChange () {
      this.middleTypeList.forEach((ele) => {
        // if(ele.)
      });
    },

    getproblemSmallType () {
      var _self = this;
      getzxProblemList(_self.problData)
        .then(res => {
          console.log("_self.res:" + JSON.stringify(res));
          if (res.success) {
            this.problemList = res.data;
            this.problemList = res.data;
            this.t1 = this.problemList[0]
            this.currentCheckPointList = this.problemList[0].items
            this.t2 = this.currentCheckPointList[0]
            this.currentProblemDescList = this.problemList[0].items[0].items
            this.t3 = this.currentProblemDescList[0]
          }
        })
    },
    // getproblemMiddleType() {
    //     this.middleTypeList = [];
    //     request.get('/dc/insp/pblms/getPblmType', {
    //         params: {
    //             type: 1
    //         }
    //     }).then(res => {
    //         if (res.success) {
    //             console.log(res.data);
    //             res.data.forEach((ele) => {
    //                 this.middleTypeList.push(ele);
    //             })
    //         }
    //     })
    // },
    getYanZhongChengDu () {
      // alert(this.t3);
      var _self = this;
      //  request.post('/dc/insp/pblms/getByPblms', {
      //    inspPblmsName:this.wenTiLeiBie,
      //    checkPoint:this.jianChaXiangMu,
      //    pblmDesc:this.xiangqingmiaoshu
      // })
      //  getSzProblemList( _self.problData)
      // .then(res => {
      //     if (res.success) {
      //         console.log("验证"+res);
      //         this.inspPblmCate = res.data.datas.inspPblmCate;
      //     }
      // })
      this.inspPblmCate = this.t3.inspPblmCate;
    },
    onSubmit (problemForm) {
      this.$refs[problemForm].validate((valid) => {
        if (valid) {
          this.problemForm.villType = '101';
          this.problemForm.recPers = this.recPers
          this.problemForm.objId = this.objId;
          this.problemForm.regid = this.currentObjectRgstrId;
          this.problemForm.nm = this.objName
          this.problemForm.objType = '101';
          this.problemForm.pblmStat = "0";
          this.problemForm['inspPblmName'] = this.t1.name;//问题类别
          // this.problemForm['inspPblmsName'] = this.t2.name;//检查项目
          // this.problemForm['inspPlbmType'] = this.t2.sort;
          // this.problemForm['inspPblmName'] = this.t3.pblmDesc;
          this.problemForm['inspPblmCode'] = this.t3.sn;
          this.problemForm['pblmsTypeId'] = this.t3.guid;
          this.problemForm['inspGroupId'] = this.currentGroupId;
          if (!this.problemForm.inspPblmName) {
            this.$message.info('请选择问题类别')
            return
          }
          // if (!this.problemForm.inspPblmsName) {
          //     this.$message.info('请选择检查项目')
          //     return
          // }
          if (!this.problemForm.inspPblmDesc) {
            this.$message.info('请填写详细描述')
            return
          }
          changeInfo(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;
        }
      });
    },
    // onSubmit() {
    //     this.problemForm.villType = '0';
    //     this.problemForm.recPers = this.recPers
    //     this.problemForm.objId = this.objId;
    //     this.problemForm.regid = this.currentObjectRgstrId;
    //     this.problemForm.nm = this.objName
    //     this.problemForm.objType = '1';
    //     this.problemForm.pblmStat = "0";

    //     this.problemForm['inspPblmsName'] = this.t1.inspPblmsName;
    //     this.problemForm['inspPblmName'] = this.t2.checkPointName;
    //     this.problemForm['inspPlbmType'] = this.t2.sort2;
    //     this.problemForm['inspPblmName'] = this.t3.pblmDesc;
    //     this.problemForm['inspPblmCode'] = this.t3.sn;
    //     this.problemForm['pblmsTypeId'] = this.t3.guid;
    //     if (!this.problemForm.inspPblmsName) {
    //         this.$message.info('请选择问题类别')
    //         return
    //     }
    //     if (!this.problemForm.inspPlbmType) {
    //         this.$message.info('请选择检查项目')
    //         return
    //     }
    //     if (!this.problemForm.inspPblmName) {
    //         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();
    //             }
    //         }
    //     })
    // },
    // 文件上传
    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);
      }
      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.name;
        this.getYanZhongChengDu()
      },
      deep: true
    },
    't2': {
      handler: function (val, oldVal) {
        this.jianChaXiangMu = val.name;
        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>