fj-dc-ui/.svn/pristine/5d/5d175aa7a4d6275adb5f38609b100553675b5b38.svn-base

<template>
    <div id="yigonglitianbaoId">
        <el-dialog :title="currentObjectName+'督查填报'" width="60%" :before-close="closeDialog"
                   :visible.sync="dialogFormVisible">
            <el-container>
                <el-main id="dxdcListMain" style="padding:5px 20px;">
                    <el-tabs v-model="currentViewId" type="card" @tab-click="tabIndexChange">
                        <el-tab-pane
                                :label="option.label"
                                :name="option.label"
                                v-for="option in options"
                                :key="option.value">
                            <component
                                    v-if="currentViewId == option.label"
                                    :is="option.value"
                                    :currentObjectRgstrId="currentObjectRgstrId"
                                    :currentObjectName="currentObjectName"
                                    :currentResCode="currentResCode"
                                    :currentObjectId="currentObjectId"
                                    :activeLabel="activeLabel"
                                    :rowData="rowData"
                                    :name="option.label"
                                    :openType="openType"
                                    :wellType="wellType"
                                    @cancelHandler="cancelHandler"
                                    @addxinRenYinSuccess="addyiGongLiSuccess"
                                    @changeWellType="changeWellType"
                            ></component>
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import {getrgstrIdObject} from "@api/duChaTianBao.js";
    import jichuxinxi from "./jichuxinxi.vue";
    import problemList from './problemList.vue';
    import inner from './inner.vue';
    import outside from './outside.vue';
    import save from './save.vue';
    import close from './close.vue';
    import signature from './signature.vue';

    export default {
        components: {
            jichuxinxi,
            signature,
            inner,
            outside,
            save,
            close,
            problemList
        },
        props: ['rowData', 'currentObjectRgstrId', 'currentResCode', 'currentObjectId', 'currentObjectName','openType','wellType'],

        data() {
            return {
                options: [],
                value: "",
                dialogShow: false,
                currentViewId: "基础信息",
                dialogFormVisible: true,
                activeLabel: ''
            };
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        mounted() {
            this.initTab();
        },
        watch: {},

        methods: {
            changeWellType(val){
                this.wellType=val;
                this.initTab();
            },
            initTab(){
                if(this.wellType=='1'){
                    this.options=[
                        {
                            value: "jichuxinxi",
                            label: '基础信息'
                        },
                        {
                            value: "inner",
                            label: '市域内保留井'
                        },
                        {
                            value: "signature",
                            label: '签字确认'
                        },
                        {
                            value: "problemList",
                            label: '问题清单'
                        }
                    ]
                }
                if(this.wellType=='2'){
                    this.options=[
                        {
                            value: "jichuxinxi",
                            label: '基础信息'
                        },
                        {
                            value: "outside",
                            label: '市域外保留井'
                        },
                        {
                            value: "signature",
                            label: '签字确认'
                        },
                        {
                            value: "problemList",
                            label: '问题清单'
                        }
                    ]
                }
                if(this.wellType=='3'){
                    this.options=[
                        {
                            value: "jichuxinxi",
                            label: '基础信息'
                        },
                        {
                            value: "save",
                            label: '封存抗旱井'
                        },
                        {
                            value: "signature",
                            label: '签字确认'
                        },
                        {
                            value: "problemList",
                            label: '问题清单'
                        }
                    ]
                }
                if(this.wellType=='4'){
                    this.options=[
                        {
                            value: "jichuxinxi",
                            label: '基础信息'
                        },
                        {
                            value: "close",
                            label: '关闭井'
                        },
                        {
                            value: "signature",
                            label: '签字确认'
                        },
                        {
                            value: "problemList",
                            label: '问题清单'
                        }
                    ]
                }
            },
            submitHandler() {
                var _self = this;
                getrgstrIdObject(this.rowData.code, this.rowData.objId).then(
                    (res) => {
                        this.$confirm('请确认所有信息填报完毕？', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            let formObj = {
                                "rgstrId": this.currentObjectRgstrId,
                                "state": "2"
                            }
                            request.post('/dc/insp/rsvrRgstr/update', formObj).then((res) => {
                                if (res.success) {
                                    _self.$emit("addyiGongLiSuccess");
                                    _self.$message.success("提交成功");
                                } else {
                                    _self.$emit('cancelHandler');
                                }
                            });
                        }).catch(() => {

                        });
                    }, (err) => {

                    });

            },
            closeHandler() {
                this.dialogShow = false
                this.$emit("addyiGongLiSuccess");
            },
            appearDialog(type) {
                this.dialogShow = true
                // this.problemSmallType = type
            },
            closePDialog() {
                this.dialogShow = false
            },
            showDialog() {
                this.dialogFormVisible = true;
            },
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            addyiGongLiSuccess() {
                this.$emit('addyiGongLiSuccess');
            },
            closeDialog() {
                this.$confirm('确认退出吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$emit('cancelHandler');
                }).catch(() => {

                });
            },
            tabIndexChange(item) {

            },
            addyiGongLiSuccess() {
                this.$emit('addyiGongLiSuccess');
            }
        }
    };
</script>

<style>
    #yigonglitianbaoId .el-dialog {
        margin-top: 10vh;
    }
</style>