fj-dc-ui/.svn/pristine/e5/e5ac425bac5868d414f4db4ca32942d6cf1ffdbf.svn-base

<template>
    <div class="gcyxgl_tb">
        <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>
                <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 :model="addObj" :label-width="formLabelWidth" ref="ruleForm">
                    <el-form-item label="工程名称">
                        <el-tooltip placement="top">
                            <div slot="content">无正式名称的可按村名+工程类型临时取名</div>
                            <i class="el-icon-question"></i>
                        </el-tooltip>
                        <el-input placeholder="请输入" v-model="addObj.name" class="span200"></el-input>
                    </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-input v-if="addObj.sour.indexOf('7') > -1" type="textarea" rows="4"
                                  v-model="addObj.sourNote" clearable placeholder="请输入"></el-input>
                    </el-form-item>
                    <el-form-item label="调研地点（*县*乡*村）">
                        <el-input placeholder="请输入" v-model="addObj.adName" readOnly></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="蓄水容积">
                        <el-input placeholder="请输入" v-model="addObj.strgVlm">
                            <template slot="append">m3</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="有效容积">
                        <el-input placeholder="请输入" v-model="addObj.valdVlm">
                            <template slot="append">m3</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="可供灌溉水量">
                        <el-input placeholder="请输入" v-model="addObj.availIrrWtr">
                            <template slot="append">m3</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="控制灌溉面积">
                        <el-input placeholder="请输入" v-model="addObj.irrArea">
                            <template slot="append">亩</template>
                        </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 placeholder="请输入" class="input50" v-model="addObj.prjPbmArea">
                            <template slot="append">亩</template>
                        </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 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 v-if="addObj.isRun == '2'" label="不能蓄水原因功能的原因(多选)" clearable>
                        <el-select v-model="addObj.notRunType" multiple>
                            <el-option label="水源发生较大变化" value="1"></el-option>
                            <el-option label="淤积严重" value="2"></el-option>
                            <el-option label="无灌溉用水需求" value="3"></el-option>
                            <el-option label="坝体坍塌等原因造成无法蓄水" value="4"></el-option>
                            <el-option label="功能发生变化" value="5"></el-option>
                            <el-option label="其他" value="6"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item v-if="addObj.notRunType.indexOf('6') > -1">
                        <el-input type="textarea" rows="2" v-model="addObj.notRunNote" clearable
                                  placeholder="请输入"></el-input>
                    </el-form-item>
                    <el-form-item label="② 引水口是否完好">
                        <el-radio v-model="addObj.isInAll" label="1">是</el-radio>
                        <el-radio v-model="addObj.isInAll" label="2">否</el-radio>
                        <el-radio v-model="addObj.isInAll" label="3">不涉及</el-radio>
                        <el-button
                                v-if="addObj.isInAll == '2'"
                                @click="addProblemList('isInAll')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="③ 边坡有无坍塌">
                        <el-radio v-model="addObj.isSlpCll" label="1">是</el-radio>
                        <el-radio v-model="addObj.isSlpCll" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isSlpCll == '1'"
                                @click="addProblemList('isSlpCll')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item v-if="addObj.isSlpCll == '1'">
                        <el-radio v-model="addObj.isSlpCllCate" label="1">严重</el-radio>
                        <el-radio v-model="addObj.isSlpCllCate" label="2">较重</el-radio>
                        <el-radio v-model="addObj.isSlpCllCate" label="3">一般</el-radio>
                    </el-form-item>
                    <el-form-item label="④ 有无淤积">
                        <el-radio v-model="addObj.isAlluvial" label="1">是</el-radio>
                        <el-radio v-model="addObj.isAlluvial" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isAlluvial == '1'"
                                @click="addProblemList('isAlluvial')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item v-if="addObj.isOutAll == '1'">
                        <el-radio v-model="addObj.isAlluvialCate" label="1">严重</el-radio>
                        <el-radio v-model="addObj.isAlluvialCate" label="2">较重</el-radio>
                        <el-radio v-model="addObj.isAlluvialCate" 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>
                    <el-form-item label="意见建议或需要说明的情况">
                        <el-input type="textarea" rows="6" v-model="addObj.note" clearable
                                  placeholder="请输入意见建议或需要说明的情况"></el-input>
                    </el-form-item>
                    <!--<el-form-item label="经度">-->
                    <!--<el-input v-model="addObj.centerX" autocomplete="off" class="input50"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="纬度">-->
                    <!--<el-input v-model="addObj.centerY" autocomplete="off" class="input50"></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"
                    @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 unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
    import problemDialog from "../../duChaWenTi/problemDialog.vue";
    import problemList from '../../addProlemMidForm/yigongliProblemList'
    import adminDivisionCom from './components/adminDivisionCom'
    import {getGcyxglTb} from '@api/duChaTianBao.js'
    import {dateFormat} from '@util/gw_date';


    export default {
        components: {
            unlimitDatePicker,
            problemDialog,
            problemList,
            upload: resolve => {
                require(["@widget/uploadPdf.vue"], resolve);
            },
            adminDivisionCom
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData', 'rowId', 'adFullName'],

        data() {
            return {
                dialogFormVisible: false,
                formLabelWidth: "220px",
                loading: true,
                addObj: {
                    name: "",//工程名称
                    sour: "",//项目来源（建设部门）1水利  2国土  3发改  4农业   5财政（原农发）6烟草  7其他
                    sourNote: "",//项目来源其他
                    // compDate: "",//建成时间
                    isCurryearComp: "",//建成时间
                    beforeCurryearComp: "",//2000之后
                    afterCurryearComp: "",//2000之前
                    strgVlm: "",// 蓄水容积（m3）
                    valdVlm: "",// 有效容积（m3） ,
                    availIrrWtr: "",// 可供灌溉水量（m3）
                    irrArea: "",//控制灌溉面积（亩）
                    higStnType: "",//是否属于高标准农田 1是 2否  3部分属于
                    adName: "",//行政区名称
                    adCode: "",//
                    prjPbmArea: "",//因工程问题导致原先可灌溉但现在无法灌溉的面积（亩）但现在无法灌溉的面积（亩） 但现在无法 灌溉的面积（亩）
                    prjWhoTend: "",//工程所有权人1乡镇或县级   2村集体  3用水合作组织  4个人 5不明确"
                    prjWhoTendNote: "",//混合备注
                    prjUsrType: "",//工程使用权1村集体  2用水合作组织  3个人
                    whoTend: "",//管护主体 1乡镇  2村集体 3用水合作组织  4个人 5专业管理队伍 6不明确
                    isTendRcrd: "",//是否有管护记录 1有 2 否
                    tendRcrdType: "",//有管护记录 1好 2一般  3差
                    isRun: "",//是否能引水 1是2 否2
                    notRunType: "",//不能正常提水灌溉原因 1水泵及机电（其他动力设备）不配套或损坏2地下水位下降明显，发生吊泵3井壁坍塌，井管破坏严重4其他
                    notRunNote: "",//不能正常提水灌溉原因其他说明
                    isSlpCll: "",//边坡有无坍塌1是 2 否 ,
                    isSlpCllCate: "",//边坡有无坍塌 是 严重程度
                    isAlluvial: "",//有无淤积 1是 2 否 ,
                    isAlluvialCate: "",//有无淤积 是 严重程度
                    evaluate: "",//工程状况总体评价 1 好 2一般 3较差
                    note: "",//意见建议或需要说明的情况
                    invsrName: "",//调研人员姓名
                    invsrPhone: "",//调研人员联系电话
                    invsrTm: "",//调研时间
                    centerX: "",//PC经度
                    centerY: "",//PC纬度
                    state: "",//督查状态
                },
                operationType: "",
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false,
                showProblemList: false,
                checkList: [],
                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'}
                ],
                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'}
                ],
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
            }
        },
        mounted() {
            this.findItemByType();
            this.addObj.adCode = this.currentResCode;
            this.addObj.adName = this.currentObjectName;
            if (this.rowId) this.getformList();
        },
        methods: {
            getformList() {
                let _self = this;
                getGcyxglTb(_self.rowId).then(res => {
                    if (res.success) {
                        if (res.data) {
                            _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.notRunType = _self.addObj.notRunType ? _self.addObj.notRunType.split(',') : ''
                        }
                    } else {
                        this.$message.error(res.message)
                    }
                });
            },
            //保存
            makesure() {
                let _self = this;
                _self.addObj["rgstrId"] = _self.currentObjectRgstrId;
                _self.addObj["objId"] = _self.currentObjectId;
                _self.addObj["persId"] = _self.recPersId;
                _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.notRunType = _self.addObj.notRunType ? _self.addObj.notRunType.join(',') : ''
                this.$refs['ruleForm'].validate((valid) => {
                    if (valid) {
                        this.$confirm("确认保存填写的信息吗？", "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        }).then(() => {
                            request.post("/bis/insp/irr/pond", _self.addObj).then(res => {
                                if (res.success) {
                                    _self.$message.success("保存成功");
                                    _self.$emit("addShuiKuSuccess");
                                }
                            });
                        }).catch((err) => {
                            this.$message.info(err)
                        });
                    } else {
                        this.$message.warning('请检查填写信息')
                        return
                    }

                });
            },
            formatDate(timestamp) {
                return timestamp ? dateFormat(timestamp, 'yyyy-MM-dd') : "";
            },
            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_POND"
                }
                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
            },
        }
    };
</script>

<style lang="scss">
    .gcyxgl_tb {
        label.el-radio {
            /*width: 60px;*/
        }

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

        .add-problem-icon {
            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;
        }

        .input50 {
            width: 200px !important;
            margin: 0 12px 12px 0;
        }

        .span200 {
            width: 200px;
        }
    }

</style>