fj-dc-ui/.svn/pristine/ee/eed86cdb4a4191341b9070fce3a59afb5814d53f.svn-base

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <el-container style="height:49vh;">
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
        <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules">
          <el-form-item label="工程安全整体评价" prop="hasWiunWaoLegPers" style="    margin-top: 20vh;">
            <el-select v-model="formObj.hasWiunWaoLegPers">
              <el-option v-for="item in bzkz" :key="item.id" :label="item.pnm" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label>
            <!-- <el-button @click="cancelHandler">取 消</el-button> -->
            <el-button type="primary" @click="addHandler">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
    </el-container>
    <!-- <span slot="footer" class="dialog-footer" style="justify-content: flex-end;display: flex;">
        <el-button @click="cancelHandler">取 消</el-button>
            <el-button type="primary" @click="addHandler">确 定</el-button>
    </span>-->
    <!-- </el-dialog> -->
  </div>
</template>

<script>
import inputWith from "../../widgets/inuptWith.vue";
import request from "../../utils/gw_ajax_request.js";
import { getRgstrid, addBasePres } from "../../api/duChaTianBao.js";
import { formatDateTimeD } from "../../utils/gw_date.js";
export default {
  components: {
    inputWith: inputWith
  },
  props: ["currentObjectRgstrId"],

  data() {
    var checkTel = (rule, value, callback) => {
      // if (!value) {
      //   return callback(new Error('不能为空'));
      // }

      var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; //座机
      var isMob = /^[1][3,4,5,7,8][0-9]{9}$/; // 座机格式
      if (!isMob.test(value) && !isPhone.test(value)) {
        callback(new Error("请输入合理电话"));
      } else {
        callback();
      }
      // setTimeout(() => {

      // }, 1000);
    };
    return {
      rules: {
        wiunWaoLegPersTel: [{ validator: checkTel, trigger: "blur" }],
        techPersTel: [{ validator: checkTel, trigger: "blur" }],
        patrolPersTel: [{ validator: checkTel, trigger: "blur" }]
      },
      lyjg: [],
      formObj: {
        dutyId: "",
        hasPatrolPers: "", //是否有巡查责任人
        hasTechPers: "", //是否有技术责任人
        hasWiunWaoLegPers: "", //是否有行政责任人
        patrolPers: "", //巡查责任人姓名
        patrolPersDuty: "", //巡查责任人职务
        patrolPersResu: "", //巡查责任人履职情况 0  1  2
        patrolPersTel: "", //巡查责任人电话
        rgstrId: "", //水库督查登记ID
        techPers: "", //技术责任人姓名
        techPersDuty: "", //技术责任人职务
        techPersResu: "", //技术责任人履职情况
        techPersTel: "", //技术责任人电话
        wiunWaoLegPers: "", //行政责任人姓名
        wiunWaoLegPersDuty: "", //行政责任人职务
        wiunWaoLegPersResu: "", //行政责任人履职情况
        wiunWaoLegPersTel: "", //行政责任人电话
        hasAttendTrain: "", //是否参加过培训
        patrolFundSour: "" //巡查经费来源
      },
      bzkz: [
        { id: "1", pnm: "能够正常安全运行" },
        { id: "2", pnm: "存在一般安全隐患可以运行" },
        { id: "3", pnm: "存在重大安全隐患无法正常运行" }
      ],
      fhya: [
        { id: "1", pnm: "未编制突发事件应急预案和防洪预案" },
        { id: "2", pnm: "已编制突发事件应急预案和防洪预案" },
        { id: "3", pnm: "曾发生安全事故" },
        { id: "4", pnm: "未发生安全事故" }
      ],
      dialogFormVisible: false,
      formLabelWidth: "20vw",
      loading: true,
      operationType1: ""
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "";
    }
  },
  mounted() {
    this.getRgstridObj();
  },
  watch: {
    currentObjectRgstrId(n, o) {
      this.getRgstridObj();
    }
  },
  methods: {
    getRgstridObj() {
      var _self = this;

      getRgstrid(_self.currentObjectRgstrId).then(res => {
        if (res.data) {
          _self.formObj = res.data;
          _self.operationType1 = "update";
        } else {
          _self.formObj = {};
          _self.operationType1 = "add";
        }
      });
    },
    addHandler() {
      var _self = this;
      _self.formObj["rgstrId"] = _self.currentObjectRgstrId;
      _self.formObj["recPersId"] = _self.recPersId;
      console.log(_self.formObj);
      if (
        (_self.formObj.hasWiunWaoLegPers == "1" &&
          !_self.formObj.wiunWaoLegPersResu) ||
        !_self.formObj.hasWiunWaoLegPers
      ) {
        this.$message.info("请填写行政责任人信息");
        return;
      }
      if (
        (_self.formObj.hasTechPers == "1" && !_self.formObj.techPersResu) ||
        !_self.formObj.hasTechPers
      ) {
        this.$message.info("请填写技术责任人信息");
        return;
      }
      if (!_self.formObj.hasPatrolPers) {
        this.$message.info("请填写巡查责任人信息");
        return;
      }
      if (_self.formObj.hasPatrolPers == "1") {
        if (
          !_self.formObj.patrolPersDuty ||
          !_self.formObj.hasAttendTrain ||
          !_self.formObj.patrolPersResu
        ) {
          this.$message.info("请填写巡查责任人信息");
          return;
        }
      }
      this.$confirm("确认保存责任人落实情况信息？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          if (_self.operationType1 == "add") {
            try {
              request.post("/dc/insp/basePres", _self.formObj).then(res => {
                if (res.success) {
                  _self.$message.success("添加成功");
                  _self.$emit("addShuiKuSuccess");
                }
              });
            } catch (e) {}
          } else if (_self.operationType1 == "update") {
            try {
              request
                .post("/dc/insp/basePres/update", _self.formObj)
                .then(res => {
                  if (res.success) {
                    _self.$message.success("修改成功");
                    _self.$emit("addShuiKuSuccess");
                  }
                });
            } catch (e) {}
          }
        })
        .catch(() => {});

      this.$emit("cancelHandler");
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    },
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    }
  }
};
</script>

<style>
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}
</style>