fj-dc-ui/.svn/pristine/5e/5e19f32c1cdb7ea36de01890fc11660f830c08e6.svn-base

<template>
  <el-dialog
    :title="titleType + '问题标准'"
    @close="closeDialog"
    :visible.sync="dialogFormVisible"
    append-to-body
  >
    <el-form :model="form" :rules="rules" ref="form" label-width="100px">
      <el-form-item label="问题类别" prop="inspPblmsName">
        <el-select v-model="form.inspPblmsName" placeholder="请选择问题类别" @change="problemListChange">
          <el-option
            v-for="(item,index) in problemList"
            :key="index"
            :label="item.inspPblmsName"
            :value="item.inspPblmsName"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="检查项目" prop="checkPoint">
        <el-select v-model="form.checkPoint" placeholder="请选择检查项目" value-key="checkPointName">
          <el-option
            v-for="(item,index) in currentCheckPointList"
            :key="index"
            :label="item.checkPointName"
            :value="item.checkPointName"
          ></el-option>
        </el-select>
      </el-form-item>
      <!-- 问题小类 -->
      <!-- <el-form-item label="附件序号">
                <el-select v-model="form.attach" clearable placeholder="请输入附件序号">
                    <el-option
                    v-for="(item,index) in subclassList"
                    :key="index"
                    :label="item.className"
                    :value="item.classCode">
                    </el-option>
                </el-select>
      </el-form-item>-->
      <el-form-item label="附件序号" prop="attach">
        <el-input v-model="form.attach" placeholder="输入附件序号" clearable style="width: 140px"></el-input>
      </el-form-item>
      <el-form-item label="问题序号">
        <el-input v-model="form.snNum" autocomplete="off"></el-input>
      </el-form-item>
      <!-- <el-form-item label="入库时间">
                <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="选择日期" v-model="form.intm" style="width: 100%;"></el-date-picker>
      </el-form-item>-->
      <el-form-item label="问题描述">
        <el-input v-model="form.pblmDesc" type="textarea" :rows="5" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="严重程度">
        <div>
          <el-radio v-model="form.inspPblmCate" label="0">一般</el-radio>
          <span class="add_desc" @click="appearDes0cInput = !appearDes0cInput">添加描述</span>
          <div class="demo-input-suffix" v-if="appearDes0cInput">
            描述信息：
            <el-input v-model="form.cate0Desc" autocomplete="off"></el-input>
          </div>
        </div>
        <div>
          <el-radio v-model="form.inspPblmCate" label="1">较重</el-radio>
          <span class="add_desc" @click="appearDes1cInput = !appearDes1cInput">添加描述</span>
          <div class="demo-input-suffix" v-if="appearDes1cInput">
            描述信息：
            <el-input v-model="form.cate1Desc" autocomplete="off"></el-input>
          </div>
        </div>
        <div>
          <el-radio v-model="form.inspPblmCate" label="2">严重</el-radio>
          <span class="add_desc" @click="appearDes2cInput = !appearDes2cInput">添加描述</span>
          <div class="demo-input-suffix" v-if="appearDes2cInput">
            描述信息：
            <el-input v-model="form.cate2Desc" autocomplete="off"></el-input>
          </div>
        </div>
        <!-- <div>
                    <el-radio v-model="form.inspPblmCate" label="3">特别严重</el-radio>
                    <span class="add_desc" @click="appearDes3cInput = !appearDes3cInput">添加描述</span>
                    <div class="demo-input-suffix" v-if="appearDes3cInput">
                        描述信息：<el-input v-model="form.cate3Desc" autocomplete="off"></el-input>
                    </div>
        </div>-->
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="closeDialog">取 消</el-button>
      <el-button type="primary" @click="submitNewProblem">保 存</el-button>
    </div>
  </el-dialog>
</template>
<script>
import request from "@util/gw_ajax_request.js";
import { formatDateTime2 } from "@util/gw_date.js";
//import {getNatureListApi,submitNewProblemApi} from '@api/InspectionReport.js'
export default {
  props: ["titleType", "rowData", "listType"],
  data() {
    let _this = this;
    return {
      form: {
        checkPoint: "",
        inspPblmCate: "", //问题状态，0：一般，1:较重，2:严重
        inspPblmsName: "",
        pblmDesc: "", //问题描述
        snNum: "", //问题序号
        type: "1", //督查类型必传
        attach: "", //字段是附件
        cate0Desc: "",
        cate1Desc: "",
        cate2Desc: "",
        cate3Desc: ""
      },

      dialogFormVisible: true,
      currentCheckPointList: [],
      problemList: [],

      subclassList: [],
      faguiList: [],
      appearDes0cInput: false,
      appearDes1cInput: false,
      appearDes2cInput: false,
      appearDes3cInput: false,
      rules: {
        inspPblmsName: [
          { required: true, message: "请选择问题类别", trigger: "change" }
        ],
        checkPoint: [
          { required: true, message: "请选择检查项目", trigger: "change" }
        ],
        attach: [{ required: true, message: "请输入附件序号", trigger: "blur" }]
      }
    };
  },
  mounted() {
    if (this.titleType == "编辑") {
      // this.form = this.rowData
      for (var i in this.form) {
        this.form[i] = this.rowData[i];
      }
      this.form["guid"] = this.rowData["guid"];
      this.form.intm = formatDateTime2(this.form.intm);

      this.problemListChange();
      this.getPblmTypeMenu(); // 获取问题类型
    } else {
      this.getPblmTypeMenu(); // 获取问题类型
      if (this.listType) {
        this.form.inspPblmsName = this.listType;
      } else {
        this.form.inspPblmsName = "";
      }
      this.problemListChange();
    }
  },
  methods: {
    // add by luochenghai 20191129 后台获取问题类别
    getPblmTypeMenu() {
      var _self = this;
      let result = [];
      request
        .get("/dc/insp/pblms/getPblmType", {
          params: {
            type: "13",
            pguid: "13000000000000000000000000000000"
          }
        })
        .then(res => {
          if (res.success) {
            res.data.forEach(ele => {
              let haveinspPblmsName = false;
              result.forEach(inspPblm => {
                if (inspPblm["inspPblmsName"] == ele.inspPblmsName) {
                  //
                  let havechekPoint = false;
                  inspPblm["checkPoints"].forEach(chekPoint => {
                    if (chekPoint["checkPointName"] == ele.checkPoint) {
                      //
                      chekPoint["pblmDescs"].push({
                        pblmDesc: ele.pblmDesc,
                        sn: ele.sn,
                        guid: ele.guid
                      });
                      havechekPoint = true;
                    }
                  });
                  if (!havechekPoint) {
                    let newCheckPoint = {};
                    newCheckPoint["checkPointName"] = ele.checkPoint;
                    newCheckPoint["sort2"] = ele.sort2;
                    newCheckPoint["pblmDescs"] = [
                      {
                        pblmDesc: ele.pblmDesc,
                        sn: ele.sn,
                        guid: ele.guid
                      }
                    ];
                    inspPblm["checkPoints"].push(newCheckPoint);
                  }
                  haveinspPblmsName = true;
                }
              });
              if (!haveinspPblmsName) {
                let haveinspPblmsObj = {};
                haveinspPblmsObj["inspPblmsName"] = ele.inspPblmsName;
                haveinspPblmsObj["sort1"] = ele.sort1;
                haveinspPblmsObj["checkPoints"] = [
                  {
                    checkPointName: ele.checkPoint,
                    sort2: ele.sort2,
                    pblmDescs: [
                      {
                        pblmDesc: ele.pblmDesc,
                        sn: ele.sn,
                        guid: ele.guid
                      }
                    ]
                  }
                ];
                result.push(haveinspPblmsObj);
              }
            });

            _self.problemList = result;
            //console.log(_self.problemList);
          }
        });
    },

    problemListChange: function(item) {
      for (var i = 0; i < this.problemList.length; i++) {
        if (this.problemList[i].inspPblmsName == item) {
          this.currentCheckPointList = this.problemList[i].checkPoints;
          console.log(this.currentCheckPointList);
        }
      }
    },
    //小水库 添加问题分类
    submitNewProblemApi(data) {
      return request({
        url: `/dc/insp/pblms`,
        method: "POST",
        data: data
      });
    },
     //水闸 编辑问题分类
    submitEditProblemApi(data) {
      return request({
        url: `/dc/insp/pblms/update`,
        method: "POST",
        data: data
      });
    },
    // 保存
      submitNewProblem() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.titleType == "编辑"){
            this.submitEditProblemApi(this.form)
            .then(res => {
              if (res.success) {
                this.$message.success("修改成功");
                this.$emit("dialogClose");
              } else {
                this.$message.error(res.message);
              }
            })
            .catch(err => {
              this.$message.error(err);
            });
          }
          // 添加问题
          else{
            this.submitNewProblemApi(this.form)
            .then(res => {
              if (res.success) {
                this.$message.success("添加成功");
                this.$emit("dialogClose");
              } else {
                this.$message.error(res.message);
              }
            })
            .catch(err => {
              this.$message.error(err);
            });
          }
   
        } else {
          return false;
        }
      });
    },
    // 取消
    closeDialog() {
      this.$emit("dialogClose");
    }
  },
  watch: {}
};
</script>
<style lang="scss">
.max_width {
  max-width: 1200px;
}
</style>