fj-dc-ui/.svn/pristine/14/14cff490108b0f4f91e3f407a92afbb42a3d25ad.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>
                        <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="主要作物">
                        <el-input type="text" v-model="addObj.stapleCrop"></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="是否属于高标准农田">
                        <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-select v-model="addObj.microType" multiple>
                            <el-option v-for="item in microTypeList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="年均使用天数（天）">
                        <el-input type="text" v-model="addObj.avgWorkDay"></el-input>
                    </el-form-item>
                    <el-form-item label="水源类型">
                        <el-select v-model="addObj.hsType" multiple>
                            <el-option v-for="item in hsTypeList" :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.powerType" label="1">自压</el-radio>
                        <el-radio v-model="addObj.powerType" label="2">柴油</el-radio>
                        <el-radio v-model="addObj.powerType" label="3">电力</el-radio>
                    </el-form-item>
                    <el-form-item label="首部装机" v-if="addObj.powerType == '3'">
                        <el-input type="text" v-model="addObj.powerVal">
                            <template slot="append">kw</template>
                        </el-input>
                    </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.isRun" label="1">是</el-radio>
                        <el-radio v-model="addObj.isRun" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isRun == '2'"
                                @click="addProblemList('isRun')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="不能正常运行原因" v-if="addObj.isRun == '2'">
                        <el-select v-model="addObj.notRunType" multiple>
                            <el-option v-for="item in notRunTypeList" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="其他" v-if="addObj.notRunType == '6'">
                        <el-input type="text" v-model="addObj.notRunNote"></el-input>
                    </el-form-item>
                    <el-form-item label="灌水是否均匀">
                        <el-radio v-model="addObj.isMicroAvg" label="1">是</el-radio>
                        <el-radio v-model="addObj.isMicroAvg" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isMicroAvg == '2'"
                                @click="addProblemList('isMicroAvg')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="灌水是否能满足作物需要">
                        <el-radio v-model="addObj.isMicroFull" label="1">是</el-radio>
                        <el-radio v-model="addObj.isMicroFull" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isMicroFull == '2'"
                                @click="addProblemList('isMicroFull')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="量水设施是否完备">
                        <el-radio v-model="addObj.isMsrAll" label="1">是</el-radio>
                        <el-radio v-model="addObj.isMsrAll" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isMsrAll == '2'"
                                @click="addProblemList('isMsrAll')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </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-input type="text" v-model="addObj.invsrName"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="调研人员联系电话" prop="invsrPhone">-->
                    <!--<el-input type="text" v-model="addObj.invsrPhone"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="调研时间">-->
                    <!--<el-date-picker-->
                    <!--v-model="addObj.invsrTm"-->
                    <!--type="date"-->
                    <!--placeholder="选择日期"-->
                    <!--value-format="timestamp">-->
                    <!--</el-date-picker>-->
                    <!--</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 {getIrrMicroApi} 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 {
        components: {
            problemDialog,
            problemList,
            unlimitDatePicker,
            adminDivisionCom,
            irriAreaListCom,
            upload: resolve => {
                require(["@widget/uploadPdf.vue"], resolve);
            }
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData', 'rowId', 'adFullName'],

        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: {},
                hsTypeList: [
                    {label: '渠道', value: '1'},
                    {label: '水库、塘坝', value: '2'},
                    {label: '机井', value: '3'}
                ],
                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'}
                ],
                notRunTypeList: [
                    {label: '水源损坏（发生变化）', value: '1'},
                    {label: '机电设备不配套或损坏', value: '2'},
                    {label: '过滤设施未配置或损坏', value: '3'},
                    {label: '管网破损严重', value: '4'},
                    {label: '滴头堵塞严重', value: '5'},
                    {label: '其他', value: '6'}
                ],
                microTypeList: [
                    {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.getIrrMicroInfo();
                this.findItemByType()
            }
        },
        methods: {
            getIrrMicroInfo() {
                let _self = this;
                getIrrMicroApi(_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.hsType = _self.addObj.hsType ? _self.addObj.hsType.split(',') : ''
                            _self.addObj.notRunType = _self.addObj.notRunType ? _self.addObj.notRunType.split(',') : ''
                            _self.addObj.microType = _self.addObj.microType ? _self.addObj.microType.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.hsType = _self.addObj.hsType ? _self.addObj.hsType.join(',') : ''
                            _self.addObj.notRunType = _self.addObj.notRunType ? _self.addObj.notRunType.join(',') : ''
                            _self.addObj.microType = _self.addObj.microType ? _self.addObj.microType.join(',') : ''
                            request.post("/bis/insp/irr/micro", _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_MICRO"
                }
                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: 60px;*/
    /*}*/

    .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>