fj-dc-ui/.svn/pristine/00/006178729267ca9f2ca8ebd81995f8b26244a1e8.svn-base

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <el-container  style="height: 60vh;">
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;overflow-x: hidden;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">详情</p>
        <p style="margin-top:20px;margin-bottom: 10px">
          <i class="el-icon-caret-right"></i>
          <span style="color:#409EFF;font-weight:bold;width:120px;padding-left: 10px">测站维护管理</span>
          <span class="hrs"></span>
        </p>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="10" style="text-align:right;">检查项目：</el-col>
          <el-col :span="14" style="text-align:left;">

          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
        >
          <el-col :span="10" style="text-align:right;">详情描述：</el-col>
          <el-col :span="14" style="text-align:left;"></el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="10" style="text-align:right;">上报时间
            ：</el-col>
          <el-col :span="14" style="text-align:left;">
          </el-col>
        </el-row>
      </el-main>
    </el-container>
    <!-- </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","dialogHeightA"],

  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" }]
      },
      formObj: {
        dutyId: "",
        hasPatrolPers: "", //是否有巡查责任人
        hasTechPers: "", //是否有技术责任人
        hasWiunWaoLegPers: "", //是否有行政责任人
        patrolPers: "", //巡查责任人姓名
        patrolPersDuty: "", //巡查责任人职务
        patrolPersResu: "", //巡查责任人履职情况 0  1  2
        patrolPersTel: "", //巡查责任人电话
        rgstrId: "", //水库督查登记ID
        techPers: "", //技术责任人姓名
        techPersDuty: "", //技术责任人职务
        techPersResu: "", //技术责任人履职情况
        techPersTel: "", //技术责任人电话
        wiunWaoLegPers: "", //行政责任人姓名
        wiunWaoLegPersDuty: "", //行政责任人职务
        wiunWaoLegPersResu: "", //行政责任人履职情况
        wiunWaoLegPersTel: "" //行政责任人电话
      },
      dialogFormVisible: false,
      formLabelWidth: "160px",
      loading: true,
      operationType1: "",
      dafenValue:'',
    };
  },
  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.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) {}
      }
      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>