fj-dc-ui/.svn/pristine/f9/f93a1bf91f742d73d9dd24cebd83b957da55ff86.svn-base

<template>
  <el-form ref="problemForm" :rules="rules" :model="problemForm" label-width="100px">
    <el-form-item label="问题类别">
      <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="详细描述">
      <el-input
        type="textarea"
        :rows="2"
        placeholder="请输入内容"
        v-model="problemForm.inspPblmDesc"
        required
      ></el-input>
    </el-form-item>
    <!-- <el-form-item label="严重程度:" style="text-align:left" prop="inspPblmCate">
            <p v-if="inspPblmCate == 0" >一般</p>
            <p v-if="inspPblmCate == 1" >较重</p>
            <p v-if="inspPblmCate == 2" >严重</p>
            <p v-if="inspPblmCate == 3" >特别严重</p>
    </el-form-item>-->
    <el-form-item label="列为典型问题" 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="上传照片">
      <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', 'problemMiddleType', 'problemSmallType', 'engId', 'currentObjectRgstrId', 'problData'],
  data () {
    return {
      problemForm: {
        t1: '',
        t2: '',
        t3: '',
        objId: "",
        regid: '',
        objType: "",
        // inspPblmName: "",
        inspPblmCate: "",
        inspPblmDesc: "",
        ifCasePblm: '0',

        pblmStat: "",
        dataStat: "",
        nm: "",
        recPers: "",
        note: "",
        gwComFiles: [{
          id: "",
          filePath: "",
          bizId: ""
        }]
      },
      inspPblmCate: "",
      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 () {
    if (this.problData) {
      this.getproblemSmallType()
    } else {
      this.getproblemType()
    }

  },

  methods: {
    getproblemSmallType () {
      var _self = this
      request.get(`/dc/insp/pblms/getPblmsByQuesNum/${_self.problData}/12`)
        .then(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]
          }
        })
    },
    getproblemType () {
      let result = []
      request.get('/dc/insp/pblms/getPblmType', {
        params: {
          type: '12',
          pguid: '12000000000000000000000000000000'
        }
      }).then(res => {
        if (res.success) {
          res.data.forEach((ele) => {
            let haveinspPblmsName = false
            result.forEach((inspPblm) => {
              if (inspPblm['name'] == ele.inspPblmsName) {
                //
                let havechekPoint = false
                inspPblm['items'].forEach((chekPoint) => {

                  if (chekPoint['name'] == ele.checkPoint) {
                    //
                    chekPoint['items'].push({
                      pblmDesc: ele.pblmDesc,
                      sn: ele.sn,
                      guid: ele.guid,
                    })
                    havechekPoint = true
                  }
                })
                if (!havechekPoint) {
                  let newCheckPoint = {}
                  newCheckPoint['name'] = ele.checkPoint
                  newCheckPoint['sort2'] = ele.sort2
                  newCheckPoint['items'] = [{
                    pblmDesc: ele.pblmDesc,
                    sn: ele.sn,
                    guid: ele.guid,
                  }]
                  inspPblm['items'].push(newCheckPoint)
                }
                haveinspPblmsName = true
              }
            })
            if (!haveinspPblmsName) {
              let haveinspPblmsObj = {}
              haveinspPblmsObj['name'] = ele.inspPblmsName
              haveinspPblmsObj['sort1'] = ele.sort1
              haveinspPblmsObj['items'] = [{
                name: ele.checkPoint,
                sort2: ele.sort2,
                items: [{
                  pblmDesc: ele.pblmDesc,
                  sn: ele.sn,
                  guid: ele.guid,
                }]
              }]
              result.push(haveinspPblmsObj)
            }
          })

          this.problemList = result
        }
      })
    },
    getYanZhongChengDu () {
      this.inspPblmCate = this.t3.inspPblmCate
    },
    onSubmit (problemForm) {
      this.$refs[problemForm].validate((valid) => {
        if (valid) {
          this.problemForm.recPers = this.recPers
          this.problemForm.objId = this.objId
          this.problemForm.regid = this.currentObjectRgstrId
          this.problemForm.nm = this.objName
          this.problemForm.objType = '12'
          this.problemForm.pblmStat = "0"
          this.problemForm['inspPblmName'] = this.t1.name
          this.problemForm['inspPblmsName'] = this.t2.name//检查项目
          this.problemForm['inspPblmDesc'] = this.problemForm.inspPblmDesc
          this.problemForm['inspPlbmType'] = this.t2.sort
          this.problemForm['inspPblmCode'] = this.t3.sn
          this.problemForm['pblmsTypeId'] = this.t3.guid
          this.problemForm['reviConc'] = "0"
          console.log(this.problemForm)
          if (!this.problemForm.inspPblmName) {
            this.$message.info('请选择问题类别')
            return
          }
          if (!this.problemForm.inspPblmsName) {
            this.$message.info('请选择检查项目')
            return
          }
          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
        }
      })
    },
    // 文件上传
    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.t1 = item
      this.currentCheckPointList = item.items
    },
    currentCheckPointListChange: function (item) {
      this.t2 = 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>