fj-dc-ui/.svn/pristine/f0/f02e5ed8b20c8ded453bc0168367d0dd779d0b83.svn-base

<template>
    <div class="ygl_wrapper">
        <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">
                    <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-tooltip placement="top">
                            <div slot="content">无正式名称的可按村名+工程类型临时取名</div>
                            <i class="el-icon-question"></i>
                        </el-tooltip>
                        <!-- code -->
                        <el-input type="text" v-model="addObj.name" class="span200"></el-input>
                    </el-form-item>
                    <!-- <el-form-item label="调研地点（*县*乡*村）">
                        <el-input type="text" v-model="addObj.adName"></el-input>
                        <admin-division-com
                            :currentObjectRgstrId="currentObjectRgstrId"
                            :rootCode="currentResCode"
                            :currentObjectName="currentObjectName" @currentDivision="currentDivision">
                        </admin-division-com>
                    </el-form-item> -->
                    <el-form-item label="项目来源（建设部门）">
                        <el-select v-model="addObj.sour" multiple>
                            <el-option v-for="item in projectSourceList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="其他" v-if="addObj.sour == '7'">
                        <el-input type="text" v-model="addObj.sourNote"></el-input>
                    </el-form-item>
                    <el-form-item label="建成时间">
                        <el-radio v-model="addObj.isCurryearComp" label="1">2000年之前</el-radio>
                        <el-radio v-model="addObj.isCurryearComp" label="2">2000年之后</el-radio>
                    </el-form-item>
                    <el-form-item v-if="addObj.isCurryearComp == '1'">
                        <el-select v-model="addObj.beforeCurryearComp" clearable>
                            <el-option v-for="item in beforeCurryearList" :label="item.label" :value="item.value"
                                       :key="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item v-if="addObj.isCurryearComp == '2'">
                        <el-date-picker
                                v-model="addObj.afterCurryearComp"
                                type="year"
                                value-format="yyyy"
                                placeholder="选择年">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="所在灌区">
                        <irri-area-list-com @irriChange="irriChange" :rootAdCode="currentResCode"
                                            :irriId="addObj.irrCode"></irri-area-list-com>
                    </el-form-item>
                    <el-form-item label="渠道长度（m）">
                        <el-input type="text" v-model="addObj.chanLen"></el-input>
                    </el-form-item>
                    <el-form-item label="控制灌溉面积（亩）">
                        <el-input type="text" v-model="addObj.irrArea"></el-input>
                    </el-form-item>
                    <el-form-item label="最大过水流量（m3/s）">
                        <el-input type="text" v-model="addObj.totFlow"></el-input>
                    </el-form-item>
                    <el-form-item label="是否属于高标准农田">
                        <el-radio v-model="addObj.higStnType" label="1">是</el-radio>
                        <el-radio v-model="addObj.higStnType" label="2">否</el-radio>
                        <el-radio v-model="addObj.higStnType" label="3">部分属于</el-radio>
                    </el-form-item>
                    <el-form-item label="因工程问题导致原先可灌溉但现在无法灌溉的面积（亩）">
                        <el-input type="text" v-model="addObj.prjPbmArea"></el-input>
                    </el-form-item>
                    <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-select v-model="addObj.prjWhoTend" clearable>
                            <el-option v-for="item in prjWhoTendList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="工程使用权">
                        <el-select v-model="addObj.prjUsrType" clearable>
                            <el-option v-for="item in prjUsrTypeList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="管护主体">
                        <el-select v-model="addObj.whoTend" clearable>
                            <el-option v-for="item in whoTendList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="管护记录">
                        <el-radio v-model="addObj.isTendRcrd" label="1">有</el-radio>
                        <el-radio v-model="addObj.isTendRcrd" label="2">无</el-radio>
                    </el-form-item>
                    <el-form-item label="管护记录情况" v-if="addObj.isTendRcrd == '1'">
                        <el-radio v-model="addObj.tendRcrdType" label="1">好</el-radio>
                        <el-radio v-model="addObj.tendRcrdType" label="2">一般</el-radio>
                        <el-radio v-model="addObj.tendRcrdType" label="3">差</el-radio>
                    </el-form-item>
                    <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.isWtrFarm" label="1">是</el-radio>
                        <el-radio v-model="addObj.isWtrFarm" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isWtrFarm == '2'"
                                @click="addProblemList('isWtrFarm')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="灌溉水不能到达田间原因" v-if="addObj.isWtrFarm == '2'">
                        <el-select v-model="addObj.wtrNotFarm" multiple>
                            <el-option v-for="item in wtrNotFarmList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="其他"
                                  v-if="addObj.isWtrFarm == '2' && addObj.wtrNotFarm && addObj.wtrNotFarm.includes('4')">
                        <el-input type="text" v-model="addObj.wtrNotFarmNote"></el-input>
                    </el-form-item>
                    <el-form-item label="调查渠道明显损坏、坍塌长度（m）">
                        <el-input type="text" v-model="addObj.dstyLen"></el-input>
                    </el-form-item>
                    <el-form-item label="调查渠道明显淤堵长度(m)">
                        <el-input type="text" v-model="addObj.siltationLen"></el-input>
                    </el-form-item>
                    <el-form-item label="调查渠道衬砌长度(m)">
                        <el-input type="text" v-model="addObj.liningLen"></el-input>
                    </el-form-item>
                    <el-form-item label="供水是否及时">
                        <el-radio v-model="addObj.isWtrOntm" label="1">是</el-radio>
                        <el-radio v-model="addObj.isWtrOntm" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isWtrOntm == '2'"
                                @click="addProblemList('isWtrOntm')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="放水、分水控制设施是否配备">
                        <el-radio v-model="addObj.wtrFclty" label="1">是</el-radio>
                        <el-radio v-model="addObj.wtrFclty" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.wtrFclty == '2'"
                                @click="addProblemList('wtrFclty')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                        <el-radio v-model="addObj.wtrFclty" label="3">不涉及</el-radio>
                    </el-form-item>
                    <el-form-item label="斗口或取水口是否有量水设施设备">
                        <el-radio v-model="addObj.isWainFclty" label="1">是</el-radio>
                        <el-radio v-model="addObj.isWainFclty" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isWainFclty == '2'"
                                @click="addProblemList('isWainFclty')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="量水设施设备是否能使用" v-if="addObj.isWainFclty == '1'">
                        <el-radio v-model="addObj.msurWtrUse" label="1">是</el-radio>
                        <el-radio v-model="addObj.msurWtrUse" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.msurWtrUse == '2'"
                                @click="addProblemList('msurWtrUse')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                        <el-radio v-model="addObj.msurWtrUse" label="3">不涉及</el-radio>
                    </el-form-item>
                    <el-form-item label="渠系建筑物结构是否完整完好">
                        <el-radio v-model="addObj.chanFull" label="1">是</el-radio>
                        <el-radio v-model="addObj.chanFull" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.chanFull == '2'"
                                @click="addProblemList('chanFull')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                        <el-radio v-model="addObj.chanFull" label="3">不涉及</el-radio>
                    </el-form-item>
                    <el-form-item label="配套建筑（交叉建筑物等）是否完好">
                        <el-radio v-model="addObj.matingFull" label="1">是</el-radio>
                        <el-radio v-model="addObj.matingFull" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.matingFull == '2'"
                                @click="addProblemList('matingFull')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                        <el-radio v-model="addObj.matingFull" label="3">不涉及</el-radio>
                    </el-form-item>
                    <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.evaluate" label="1">好</el-radio>
                        <el-radio v-model="addObj.evaluate" label="2">一般</el-radio>
                        <el-radio v-model="addObj.evaluate" label="3">较差</el-radio>
                    </el-form-item>
                    <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-input type="textarea" v-model="addObj.note"></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-list
                    v-if="showProblemList"
                    :showProblemList='showProblemList'
                    :currentObjectId="currentObjectId"
                    :currentObjectName="currentObjectName"
                    :problemMiddleType="'灌区最后一公里'"
                    :problData="probId"
                    :rowId="rowId"
                    @dialogFormVisible="getdialogFormVisible"
                    :currentObjectRgstrId="currentObjectRgstrId"
                    :rowData="rowData"
                    :adFullName="adFullName"
                    :projectName="addObj.name"
            ></problem-list>
        </el-container>
    </div>
</template>
<script>
    import request from "@util/gw_ajax_request.js";
    import problemDialog from "../../duChaWenTi/problemDialog.vue";
    import problemList from '../../addProlemMidForm/yigongliProblemList'
    import {getIrrChanApi} from '@api/duChaTianBao.js'
    import unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
    import adminDivisionCom from './components/adminDivisionCom'
    import irriAreaListCom from './components/irriAreaListCom'
    import {hostUrl} from '@util/global_variable'

    export default {
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData', 'rowId', 'adFullName'],
        components: {
            problemDialog,
            problemList,
            unlimitDatePicker,
            adminDivisionCom,
            irriAreaListCom,
            upload: resolve => {
                require(["@widget/uploadPdf.vue"], resolve);
            }
        },
        data() {
            var checkTel = (rule, value, callback) => {
                var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; //座机
                var isPhoneNum = /^([0-9]{3,4})?[0-9]{7,8}$/; //座机
                var isMob = /^[1][3,4,5,7,8][0-9]{9}$/; // 座机格式
                if (value && !isMob.test(value) && !isPhone.test(value) && !isPhoneNum.test(value)) {
                    callback(new Error('请输入合理电话'));
                } else {
                    callback();
                }
            };
            return {
                dialogFormVisible: false,
                formLabelWidth: "220px",
                loading: true,
                addObj: {},
                projectSourceList: [
                    {label: '水利', value: '1'},
                    {label: '国土', value: '2'},
                    {label: '发改', value: '3'},
                    {label: '农业', value: '4'},
                    {label: '财政（原农发）', value: '5'},
                    {label: '烟草', value: '6'},
                    {label: '其他', value: '7'}
                ],
                prjWhoTendList: [
                    {label: '乡镇或县级', value: '1'},
                    {label: '村集体', value: '2'},
                    {label: '用水合作组织', value: '3'},
                    {label: '个人', value: '4'},
                    {label: '不明确', value: '5'}
                ],
                prjUsrTypeList: [
                    {label: '村集体', value: '1'},
                    {label: '用水合作组织', value: '2'},
                    {label: '个人', value: '3'}
                ],
                whoTendList: [
                    {label: '乡镇', value: '1'},
                    {label: '村集体', value: '2'},
                    {label: '用水合作组织', value: '3'},
                    {label: '个人', value: '4'},
                    {label: '专业管理队伍', value: '5'},
                    {label: '不明确', value: '6'}
                ],
                wtrNotFarmList: [
                    {label: '水源发生变化，供水不足', value: '1'},
                    {label: '骨干渠道输水不畅', value: '2'},
                    {label: '末级渠系工程损坏、淤堵', value: '3'},
                    {label: '其他', value: '4'}
                ],
                beforeCurryearList: [
                    {label: "20-60年代", value: '1'},
                    {label: '60-70年代', value: '2'},
                    {label: '70-80年代', value: '3'},
                    {label: '80-90年代', value: '4'},
                    {label: '90-00年代', value: '5'}
                ],
                rules: {
                    invsrPhone: [
                        {validator: checkTel, trigger: 'blur'}
                    ],
                },
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false,
                showProblemList: false
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
            }
        },

        mounted() {

            if (this.rowId) {

                this.getIrrChanInfo();
                this.findItemByType()
            }
        },
        methods: {
            getIrrChanInfo() {
                let _self = this;
                getIrrChanApi(_self.rowId).then(res => {
                    if (res.success) {
                        if (res.data && Object.keys(res.data).length) {
                            _self.addObj = res.data;
                            _self.addObj.sour = _self.addObj.sour ? _self.addObj.sour.split(',') : ''
                            // _self.addObj.prjWhoTend = _self.addObj.prjWhoTend ? _self.addObj.prjWhoTend.split(',') : ''
                            // _self.addObj.prjUsrType = _self.addObj.prjUsrType ? _self.addObj.prjUsrType.split(',') : ''
                            // _self.addObj.whoTend = _self.addObj.whoTend ? _self.addObj.whoTend.split(',') : ''
                            _self.addObj.wtrNotFarm = _self.addObj.wtrNotFarm ? _self.addObj.wtrNotFarm.split(',') : ''
                        } else {
                            _self.addObj = {};
                        }
                    } else {
                        this.$message.error(res.message)
                    }
                });
            },
            //保存
            makesure() {
                let _self = this;
                this.$refs['ruleForm'].validate((valid) => {
                    if (valid) {
                        this.$confirm("确认保存填写的信息吗？", "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        }).then(() => {
                            _self.addObj["rgstrId"] = _self.currentObjectRgstrId;
                            _self.addObj["objId"] = _self.currentObjectId;
                            _self.addObj["persId"] = _self.recPersId;
                            _self.addObj["status"] = '1';
                            _self.addObj.sour = _self.addObj.sour ? _self.addObj.sour.join(',') : ''
                            // _self.addObj.prjWhoTend = _self.addObj.prjWhoTend ? _self.addObj.prjWhoTend.join(',') : ''
                            // _self.addObj.prjUsrType = _self.addObj.prjUsrType ? _self.addObj.prjUsrType.join(',') : ''
                            // _self.addObj.whoTend = _self.addObj.whoTend ? _self.addObj.whoTend.join(',') : ''
                            _self.addObj.wtrNotFarm = _self.addObj.wtrNotFarm ? _self.addObj.wtrNotFarm.join(',') : ''
                            request.post("/bis/insp/irr/chan", _self.addObj).then(res => {
                                if (res.success) {
                                    _self.$message.success("保存成功");
                                    _self.$emit("addShuiKuSuccess");
                                }
                            });
                        }).catch((err) => {
                            this.$message.info(err)
                        });
                    } else {
                        this.$message.warning('请检查填写信息')
                        return
                    }

                });
            },
            currentDivision(obj) {
                this.addObj.adCode = obj.adCode
                this.addObj.adName = obj.adName
            },
            irriChange(obj) {
                this.addObj.irrName = obj.irrName
                this.addObj.irrCode = obj.id
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_INSP_IRR_CHAN"
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            addProblemList(item) {
                let rest = this.rsvrRules.filter(e => {
                    return e.eName === item;
                });
                this.probId = rest[0].id;
                this.showProblemList = true;
                this.showAddProblemDialog = true
            },
            getdialogFormVisible(val) {
                this.showProblemList = val
            },
        },
        watch: {}
    };
</script>

<style lang="scss">
    #dcdxHeader {
        padding: 15px 20px;
    }

    #dxdcFooter {
        text-align: center;
    }

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

    /*.ygl_wrapper label.el-radio {*/
        /*width: 80px;*/
    /*}*/

    .ygl_wrapper .el-form {
        width: 540px;
        margin-top: 10px;
    }

    .ygl_wrapper .el-icon-circle-plus {
        font-size: 16px;
    }

    .sjxg_fj > div > div {
        margin: 0 !important;
        display: inline-block;
        width: 80px !important;
    }

    .w300 {
        width: 180px;
        text-align: left;
    }

    .font_red {
        color: red;
    }

    .span200 {
        width: 200px;
    }
</style>