fj-dc-ui/.svn/pristine/2b/2b54034f5eaa06c3ac0806a14c81de5ff2626928.svn-base

<template>
    <div class="gcycgl_yz">
        <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"></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.lockDisc">
                            <template slot="append">m³/s</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.wasType" label="1">土石</el-radio>
                        <el-radio v-model="addObj.wasType" label="2">混凝土</el-radio>
                        <el-radio v-model="addObj.wasType" label="3">其他</el-radio>
                    </el-form-item>
                    <el-form-item v-if="addObj.wasType == '3'">
                        <el-input type="textarea" rows="2" v-model="addObj.wasTypeNote" clearable
                                  placeholder="请输入"></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-model="addObj.isRun == '2'">
                        <el-select v-model="addObj.notRunType" clearable>
                            <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-select>
                    </el-form-item>
                    <el-form-item v-if="addObj.notRunType == '5'">
                        <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.isCrrd" label="1">是</el-radio>
                        <el-radio v-model="addObj.isCrrd" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isCrrd == '2'"
                                @click="addProblemList('isCrrd')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="③ 工程建筑结构是否完整">
                        <el-radio v-model="addObj.isBulAll" label="1">是</el-radio>
                        <el-radio v-model="addObj.isBulAll" label="2">否</el-radio>
                        <el-button
                                v-if="addObj.isBulAll == '2'"
                                @click="addProblemList('isBulAll')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="④ 工程有无明显空洞">
                        <el-radio v-model="addObj.isCavity" label="1">有</el-radio>
                        <el-radio v-model="addObj.isCavity" label="2">无</el-radio>
                        <el-button
                                v-if="addObj.isCavity == '2'"
                                @click="addProblemList('isCavity')"
                                type="text">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="⑤ 工程有无明显渗水">
                        <el-radio v-model="addObj.isSpg" label="1">有</el-radio>
                        <el-radio v-model="addObj.isSpg" label="2">无</el-radio>
                        <el-button
                                v-if="addObj.isSpg == '2'"
                                @click="addProblemList('isSpg')"
                                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>
                    <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 placeholder="请输入" v-model="addObj.invsrName" class="input50"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="调研人员联系电话">-->
                        <!--<el-input placeholder="请输入" v-model="addObj.invsrPhone" class="input50"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="调研时间">-->
                        <!--<el-date-picker-->
                                <!--v-model="addObj.invsrTm"-->
                                <!--type="date"-->
                                <!--value-format="timestamp"-->
                                <!--placeholder="选择调研时间">-->
                        <!--</el-date-picker>-->
                    <!--</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 {getGcyxglYz} from '@api/duChaTianBao.js'
    import {dateFormat} from '@util/gw_date';
    export default {
        components: {
            unlimitDatePicker,
            problemDialog,
            problemList,
            adminDivisionCom,
            upload: resolve => {
                require(["@widget/uploadPdf.vue"], resolve);
            }
        },
        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之前
                    wellDep: "",//井深（m）
                    irrArea: "",//控制灌溉面积（亩）
                    higStnType: "",//是否属于高标准农田 1是 2否  3部分属于
                    adName: "",//行政区名称
                    adCode: "",
                    prjPbmArea: "",//因工程问题导致原先可灌溉但现在无法灌溉的面积（亩）但现在无法灌溉的面积（亩） 但现在无法 灌溉的面积（亩）
                    prjWhoTend: "",//工程所有权人1乡镇或县级   2村集体  3用水合作组织  4个人 5不明确"
                    lockDisc: "",//过闸流量（引水能力）
                    wasType: "",//形式 1土石 2混凝土3其他 ,
                    wasTypeNote: "",//形式其他备注
                    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: "",//不能正常提水灌溉原因其他说明
                    isCrrd: "",//工程表面是否有剥蚀1是 2 否 ,
                    isBulAll: "",//工程建筑结构是否完整1是 2 否 ,
                    isAll: "",//计量设施是否完备
                    isCavity : "",//工程有无明显空洞
                    isSpg: "",//工程有无明显渗水
                    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;
                getGcyxglYz(_self.rowId).then(res => {
                    if (res.success) {
                        if (res.data) {
                            _self.addObj = res.data;
                            _self.addObj.invsrTm = _self.addObj.invsrTm ? this.formatDate(res.data.invsrTm) : "";
                            _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(',') : ''
                        }
                    } 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(',') : ''
                this.$refs['ruleForm'].validate((valid) => {
                    if (valid) {
                        this.$confirm("确认保存填写的信息吗？", "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        }).then(() => {
                            request.post("bis/insp/irr/was", _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') : "";
            },
            findItemByType(){
                const obj ={
                    tname: "BIS_INSP_IRR_WAS"
                }
                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">
    .gcycgl_yz {
        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>