fj-dc-ui/.svn/pristine/f7/f79f21da506730cf0fb5b85143de069a13ba7566.svn-base

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <el-container :style="{'max-height':this.dialogHeightA+'px'}">
      <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="8" style="text-align:right;">是否有行政责任人：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.hasWiunWaoLegPers == "1"?"是":formObj.hasWiunWaoLegPers == "2"?"否":""}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人名称：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.wiunWaoLegPers}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人电话：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.wiunWaoLegPersTel}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人职务：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.wiunWaoLegPersDuty}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''"
        >
          <el-col :span="8" style="text-align:right;">是否接受过岗位培训：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.wiunWaoLegPersTrain == '1' ? '是' : formObj.wiunWaoLegPersTrain == '2' ? '否' : ''}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''"
        >
          <el-col :span="8" style="text-align:right;">是否明确规范性履职标准：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.wiunWaoLegPersCnps == '1' ? '是' : formObj.wiunWaoLegPersCnps == '2' ? '否' : ''}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''"
        >
          <el-col :span="8" style="text-align:right;">履职情况：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.wiunWaoLegPersResu&&formObj.wiunWaoLegPersResu == "1"?"好":
            formObj.wiunWaoLegPersResu&&formObj.wiunWaoLegPersResu == "2"?"基本到位":
            formObj.wiunWaoLegPersResu&&formObj.wiunWaoLegPersResu == "3"?"差":""
            }}
          </el-col>
        </el-row>
         <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="8" style="text-align:right;">是否有技术责任人：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.hasTechPers&&formObj.hasTechPers == "1"?"是":
            formObj.hasTechPers&&formObj.hasTechPers == "2"?"否":""
            }}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人名称：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.techPers}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人电话：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.techPersTel}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人职务：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.techPersDuty}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''"
        >
          <el-col :span="8" style="text-align:right;">是否接受过岗位培训：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.techPersTrain == '1' ? '是' : formObj.techPersTrain == '2' ? '否' : ''}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''"
        >
          <el-col :span="8" style="text-align:right;">是否明确规范性履职标准：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.techPersCnps == '1' ? '是' : formObj.techPersCnps == '2' ? '否' : ''}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''"
        >
          <el-col :span="8" style="text-align:right;">履职情况：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.techPersResu&&formObj.techPersResu == "1"?"好":
            formObj.techPersResu&&formObj.techPersResu == "2"?"基本到位":
            formObj.techPersResu&&formObj.techPersResu == "3"?"差":""
            }}
          </el-col>
        </el-row>
        <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="8" style="text-align:right;">是否有巡查责任人：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.hasPatrolPers&&formObj.hasPatrolPers == "1"?"是":
            formObj.hasPatrolPers&&formObj.hasPatrolPers == "2"?"否":""
            }}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人名称：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.patrolPers}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''"
        >
          <el-col :span="8" style="text-align:right;">责任人电话：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.patrolPersTel}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''"
        >
          <el-col :span="8" style="text-align:right;">是否接受过岗位培训：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.patrolPersTrain == '1' ? '是' : formObj.patrolPersTrain == '2' ? '否' : ''}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''"
        >
          <el-col :span="8" style="text-align:right;">是否明确规范性履职标准：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.patrolPersCnps == '1' ? '是' : formObj.patrolPersCnps == '2' ? '否' : ''}}
          </el-col>
        </el-row>
        <el-row
          :gutter="5"
          style="padding:10px;"
          v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''"
        >
          <el-col :span="8" style="text-align:right;">履职情况：</el-col>
          <el-col :span="16" style="text-align:left;">
            {{formObj.patrolPersResu&&formObj.patrolPersResu == "1"?"好":
            formObj.patrolPersResu&&formObj.patrolPersResu == "2"?"基本到位":
            formObj.patrolPersResu&&formObj.patrolPersResu == "3"?"差":""
            }}
          </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: ""
    };
  },
  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>