fj-dc-ui/.svn/pristine/40/40d5a64da1d5cab754c7c36f7edec3d18b6cc3d3.svn-base

<template>
    <div class="popupContentClass" :style="{'height':testHeight1+'px'}">
        <p style="margin-top:20px;">
            <div style="display: flex;align-items: center;margin-bottom: 10px">
                <div style="width: 4px;height: 14px;background: rgba(44,158,255,1);border-radius: 1px;margin-right: 10px;"></div>
                <span style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);">行政责任人信息</span>
            </div>
        </p>
        <el-row class="rowClass1">
            <el-col :span="6" class="nameClass">是否有行政责任人：</el-col>
            <el-col :span="18" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.hasWiunWaoLegPers == "1"?"是":formObj.hasWiunWaoLegPers == "2"?"否":""}}
            </el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''">
            <el-col :span="6" class="nameClass">责任人名称：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wiunWaoLegPers}}</el-col>
            <el-col :span="6" class="nameClass">责任人电话：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wiunWaoLegPersTel}}</el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''">
            <el-col :span="6" class="nameClass">责任人职务：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wiunWaoLegPersDuty}}</el-col>
            <el-col :span="6" class="nameClass">是否接受过岗位培训：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.wiunWaoLegPersTrain == '1' ? '是' : formObj.wiunWaoLegPersTrain == '2' ? '否' : ''}}
            </el-col>
        </el-row>
        <el-row class="rowClass" v-if="formObj.hasWiunWaoLegPers == '1'&&formObj.hasWiunWaoLegPers != ''">
            <el-col :span="6" class="nameClass">是否明确规范性履职标准：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.wiunWaoLegPersCnps == '1' ? '是' : formObj.wiunWaoLegPersCnps == '2' ? '否' : ''}}
            </el-col>
            <el-col :span="6" class="nameClass">履职情况：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.wiunWaoLegPersResu&&formObj.wiunWaoLegPersResu == "1"?"好":
                formObj.wiunWaoLegPersResu&&formObj.wiunWaoLegPersResu == "2"?"基本到位":
                formObj.wiunWaoLegPersResu&&formObj.wiunWaoLegPersResu == "3"?"差":""
                }}
            </el-col>
        </el-row>
        <p style="margin-top:20px;">
            <div style="display: flex;align-items: center;margin-bottom: 10px">
                <div style="width: 4px;height: 14px;background: rgba(44,158,255,1);border-radius: 1px;margin-right: 10px;"></div>
                <span style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);">技术责任人情况</span>
            </div>
        </p>
        <el-row class="rowClass1">
            <el-col :span="6" class="nameClass">是否有技术责任人：</el-col>
            <el-col :span="18" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.hasTechPers&&formObj.hasTechPers == "1"?"是":
                formObj.hasTechPers&&formObj.hasTechPers == "2"?"否":""}}
            </el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''">
            <el-col :span="6" class="nameClass">责任人名称：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.techPers}}
            </el-col>
            <el-col :span="6" class="nameClass">责任人电话：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.techPersTel}}
            </el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''">
            <el-col :span="6" class="nameClass">责任人职务：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.techPersDuty}}
            </el-col>
            <el-col :span="6" class="nameClass">是否接受过岗位培训：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.techPersTrain == '1' ? '是' : formObj.techPersTrain == '2' ? '否' : ''}}
            </el-col>
        </el-row>
        <el-row class="rowClass" v-if="formObj.hasTechPers == '1'&&formObj.hasTechPers != ''">
            <el-col :span="6" class="nameClass">是否明确规范性履职标准：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.techPersCnps == '1' ? '是' : formObj.techPersCnps == '2' ? '否' : ''}}
            </el-col>
            <el-col :span="6" class="nameClass">履职情况：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.techPersResu&&formObj.techPersResu == "1"?"好":
                formObj.techPersResu&&formObj.techPersResu == "2"?"基本到位":
                formObj.techPersResu&&formObj.techPersResu == "3"?"差":""}}
            </el-col>
        </el-row>
        <p style="margin-top:20px;">
            <div style="display: flex;align-items: center;margin-bottom: 10px">
                <div style="width: 4px;height: 14px;background: rgba(44,158,255,1);border-radius: 1px;margin-right: 10px;"></div>
                <span style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);">巡查责任人情况</span>
            </div>
        </p>
        <el-row class="rowClass1">
            <el-col :span="6" class="nameClass">是否有巡查责任人：</el-col>
            <el-col :span="18" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.hasPatrolPers&&formObj.hasPatrolPers == "1"?"是":
                formObj.hasPatrolPers&&formObj.hasPatrolPers == "2"?"否":""}}
            </el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''">
            <el-col :span="6" class="nameClass">责任人名称：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.patrolPers}}
            </el-col>
            <el-col :span="6" class="nameClass">责任人电话：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.patrolPersTel}}
            </el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''">
            <el-col :span="6" class="nameClass">是否接受过岗位培训：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.patrolPersTrain == '1' ? '是' : formObj.patrolPersTrain == '2' ? '否' : ''}}
            </el-col>
            <el-col :span="6" class="nameClass">是否明确规范性履职标准：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.patrolPersCnps == '1' ? '是' : formObj.patrolPersCnps == '2' ? '否' : ''}}
            </el-col>
        </el-row>
        <el-row class="rowClass1" v-if="formObj.hasPatrolPers == '1'&&formObj.hasPatrolPers != ''">
            <el-col :span="6" class="nameClass">履职情况：</el-col>
            <el-col :span="18" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.patrolPersResu&&formObj.patrolPersResu == "1"?"好":
                formObj.patrolPersResu&&formObj.patrolPersResu == "2"?"基本到位":
                formObj.patrolPersResu&&formObj.patrolPersResu == "3"?"差":""}}
            </el-col>
        </el-row>
    </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) => {
            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();
            }
        };
        return {
            testHeight:(window.innerHeight * 0.5 - 114) / 6,
            testHeight1:window.innerHeight * 0.5,
            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 scoped>
@import "../../../assets/css/popup.css";
</style>