fj-dc-ui/.svn/pristine/8c/8cbfec412740eca7cfbdc52c7082dd82e464ede5.svn-base

<template>
    <div class="gcsthyxglqk">
        <el-container style="height:520px;">
            <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="addObj" :label-width="formLabelWidth" ref="ruleForm" :rules="rules">
                    <br>
                    <p style="margin-top:10px;margin-bottom: 10px">
                        <i class="el-icon-caret-right"></i>
                        <span style="width:120px;padding-left: 10px">效益发挥情况</span>
                        <span class="hrs"></span>
                    </p>
                    <el-form-item label="是否发挥效益">
                        <el-radio v-model="addObj.ifEffective" label="1">是</el-radio>
                        <el-radio v-model="addObj.ifEffective" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="未发挥效益原因" v-if="addObj.ifEffective == 2" prop="effvCas">
                        <el-radio v-model="addObj.effvCas" label="1">水源问题</el-radio>
                        <el-radio v-model="addObj.effvCas" label="2">工程缺陷</el-radio>
                        <el-radio v-model="addObj.effvCas" label="3">规划需求变化</el-radio>
                        <el-radio v-model="addObj.effvCas" label="4">其他原因</el-radio>
                    </el-form-item>
                    <el-form-item label="是否为饮用水源">
                        <el-radio v-model="addObj.ifWaterS" label="1">是</el-radio>
                        <el-radio v-model="addObj.ifWaterS" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="饮用水源供水量" v-if="addObj.ifWaterS == '1'" prop="wsfdws">
                        <el-input placeholder="" v-model.number="addObj.wsfdws" style="width: 280px">
                            <template slot="append">吨/年</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="饮用水源受益人数" v-if="addObj.ifWaterS == '1'" prop="wsfdws">
                        <el-input placeholder="" v-model.number="addObj.wsfdwsPers" style="width: 280px">
                            <template slot="append">人</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="是否有灌溉任务">
                        <el-radio v-model="addObj.diskRunInfo" label="1">是</el-radio>
                        <el-radio v-model="addObj.diskRunInfo" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否有发电任务">
                        <el-radio v-model="addObj.isKwh" label="1">是</el-radio>
                        <el-radio v-model="addObj.isKwh" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="发电量" v-if="addObj.isKwh == '1'">
                        <el-input placeholder="" v-model.number="addObj.kwh" style="width: 280px">
                            <template slot="append">kW·h</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="灌溉面积" v-if="addObj.diskRunInfo == '1'" prop="hasSetMainFl">
                        <el-input placeholder="" v-model.number="addObj.hasSetMainFl" style="width: 280px">
                            <template slot="append">亩</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="其他情况">
                        <el-input type="textarea" :rows="5" v-model.number="addObj.otherNote" style="width: 280px">
                        </el-input>
                    </el-form-item>
                    <el-form-item label>
                        <el-button type="primary" @click="makesure">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <!-- <problem-dialog
            v-if="showAddProblemDialog"
            :objType="1"
            :villType="0"
            :objId="currentObjectId"
            :objName="currentObjectName"
            :problemMiddleType="'小水库'"
            :problData="probId"
            @closeDialog="closePlDialog"
            :currentObjectRgstrId="currentObjectRgstrId"
        ></problem-dialog> -->
        </el-container>
    </div>
</template>
<script>
    import request from "../../../utils/gw_ajax_request.js";
    import { getEffectionlist } from '../../../api/duChaTianBao.js'
    export default {
        components: {
            // problemDialog
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'pType'],

        data() {
            var checkInput = (rule, value, callback) => {
                if (!value) {
                    return callback(new Error('不能为空'));
                }
                if (value.toString().length > 8) {
                    return callback(new Error('输入位数过长'));
                }
                setTimeout(() => {
                    if (!Number.isInteger(parseFloat(value))) {
                        callback(new Error('请输入数字值'));
                    } else {
                        callback();
                    }
                }, 500);
            };
            return {
                objtbStatu: {
                    benefitStat: "",
                    rgstrId: ""
                },
                dialogFormVisible: false,
                formLabelWidth: "180px",
                loading: true,
                addObj: {
                    ifEffective: "",
                    ifWaterS: "",
                    wsfdws: "",
                    wsfdwsPers: "",
                    diskRunInfo: "",
                    hasSetMainFl: "",
                    rgstrId: "",
                    recPersId: "",
                    recPers2: "",
                    recPersTel: "",
                    status: "1",
                    otherNote: "",//其他情况
                    effvCas: "",//未发挥效益原因1 水源问题 2工程缺陷 3规划需求变化 4其他原因
                    isKwh: "",
                    kwh: ""

                },
                operationType: "",
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false,
                ruleForm: {
                    wsfdws: '',
                    hasSetMainFl: ''
                },
                rules: {
                    wsfdws: [
                        { validator: checkInput, trigger: 'blur' }
                    ],
                    hasSetMainFl: [
                        { validator: checkInput, trigger: 'blur' }
                    ],
                    effvCas: [
                        { required: true, message: '请选择未发挥效益原因', trigger: 'change' }
                    ],
                }
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
            },
            currentRlcode() {
                return localStorage.getItem('currentRlcode') || ''
            }
        },
        created() {
            this.findItemByType()
        },
        mounted() {
            this.getformList();
        },
        methods: {
            getformList() {
                let _self = this;
                getEffectionlist(_self.currentObjectRgstrId).then(res => {
                    if (res.success) {
                        if (res.data && Object.keys(res.data).length) {
                            _self.addObj = res.data;
                            _self.operationType = "update";
                        } else {
                            // 如果信息未填报，则赋默认值
                            _self.setInitValue()
                            _self.operationType = "add";
                        }
                    } else {
                        this.$message.error(res.message)
                    }
                });
            },
            //保存
            makesure() {
                let _self = this;
                this.addObj["rgstrId"] = this.currentObjectRgstrId;
                this.addObj["recPersId"] = this.recPersId;
                this.addObj["status"] = '1';
                this.objtbStatu.rgstrId = this.currentObjectRgstrId;
                var params = {
                    bisInspSafeExtManage: _self.addObj
                };
                if (_self.addObj.ifEffective == '1') {
                    _self.addObj.effvCas = ''
                }
                if (_self.addObj.ifWaterS == '2') {
                    _self.addObj.wsfdws = ''
                    _self.addObj.wsfdwsPers = ''
                }
                if (_self.addObj.diskRunInfo == '2') {
                    _self.addObj.hasSetMainFl = ''
                }
                if (_self.addObj.isKwh == '2') {
                    _self.addObj.kwh = ''
                }
                if (
                    this.addObj.ifEffective ||
                    this.addObj.ifWaterS ||
                    this.addObj.diskRunInfo ||
                    this.addObj.otherNote ||
                    this.addObj.isKwh
                ) {
                    this.objtbStatu.benefitStat = "1";
                }
                if (
                    this.addObj.ifEffective &&
                    this.addObj.ifWaterS &&
                    this.addObj.diskRunInfo &&
                    this.addObj.otherNote &&
                    this.addObj.isKwh
                ) {
                    this.objtbStatu.benefitStat = "2";
                }
                if (
                    this.addObj.ifEffective == undefined &&
                    this.addObj.ifWaterS == undefined &&
                    this.addObj.diskRunInfo == undefined &&
                    this.addObj.otherNote == undefined &&
                    this.addObj.isKwh == undefined
                ) {
                    this.objtbStatu.benefitStat = "0";
                }
                this.$refs['ruleForm'].validate((valid) => {
                    if (valid) {
                        this.$confirm("确认保存效益发挥情况信息吗？", "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        }).then(() => {
                            if (_self.operationType == "add") {
                                request.post("/dc/insp/revrBenefit", _self.addObj).then(res => {
                                    if (res.success) {
                                        _self.$message.success("添加成功");
                                        request.post("/dc/insp/rsvrRgstr/update", _self.objtbStatu).then(res => {
                                            res;
                                        });
                                        _self.$emit("addShuiKuSuccess");
                                        _self.getformList();
                                    }
                                });
                            } else {
                                request.post("/dc/insp/revrBenefit", _self.addObj).then(res => {
                                    if (res.success) {
                                        _self.$message.success("修改成功");
                                        request.post("/dc/insp/rsvrRgstr/update", _self.objtbStatu).then(res => {
                                            res;
                                        });
                                        _self.$emit("addShuiKuSuccess");
                                        _self.getformList();
                                    }
                                });
                            }
                        });
                    }

                });
            },
            formatRadio(val) {
                if (val == "1") {
                    return "是";
                } else if (val == "0") {
                    return "否";
                } else {
                    return val;
                }
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_INSP_RSVR_PROJECT",
                    type: this.pType,
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            addProblem(item) {
                let rest = this.rsvrRules.filter(e => {
                    return e.eName === item;
                });
                this.probId = rest[0].id;
                this.showAddProblemDialog = true
            },
            closePlDialog(val) {
                this.showAddProblemDialog = false;
            },
            // 初始化赋值
            setInitValue() {
                if (this.currentRlcode.indexOf('63') == '0') {  //青海省小水库
                    this.addObj['ifEffective'] = '1'
                    this.addObj['ifWaterS'] = '1'
                    this.addObj['diskRunInfo'] = '1'
                    this.addObj['isKwh'] = '1'
                } else {
                    this.addObj = {};
                }
            }
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.getformList();
            }
        }
    };
</script>

<style>
    #dcdxHeader {
        padding: 15px 20px;
    }

    #dxdcFooter {
        text-align: center;
    }

    #dxdcAside {
        border: 1px solid #d5d5ff;
    }

    .add-problem-icon {
        font-size: 16px;
    }
</style>