fj-dc-ui/.svn/pristine/9d/9d6533f4283ea1f67d759f5cff5e69bb369242ed.svn-base

<template>
    <div id="zxhlzlId">
        <el-dialog
                :title="currentObjectName+'督查填报'"
                :before-close="closeDialog"
                :visible.sync="dialogFormVisible"
                width='60%'
        >
            <el-container>
                <el-main id="dxdcListMain" style="padding:5px 20px;">
                    <el-tabs v-model="currentViewId" type="card" @tab-click="handleClickTabs">
                        <el-tab-pane
                                :label="option.label"
                                :name="option.label"
                                v-for="option in options"
                                :key="option.value"
                        >
                            <component
                                    v-if="option.label == currentViewId"
                                    :is="option.value"
                                    :pType="35"
                                    :currentObjectRgstrId="currentObjectRgstrId"
                                    :currentAdcode="currentAdcode"
                                    :currentObjectName="currentObjectName"
                                    :currentResCode="currentResCode"
                                    :currentObjectId="currentObjectId"
                                    :gdX="gdX"
                                    :gdY="gdY"
                                    :szRuls="szRuls"
                                    :utType="utType"
                                    :baseId="baseId"
                                    :showOrEdit="showOrEdit"
                                    :activeLabel="activedName"
                                    :baseForm="baseForm"
                                    @cancelHandler="cancelHandler"
                                    @addShuiKuSuccess="addShuiKuSuccess"
                            ></component>

                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import baseInfo from "./baseInfo.vue";
    import zxhlzlSituation from './zxhlzlSituation.vue'
    import problemList from "./problemList.vue";
    import problemDialog from "../../duChaWenTi/problemDialog.vue";

    export default {
        components: {
            baseInfo,
            problemDialog,
            problemList,
            zxhlzlSituation,
        },
        props: [
            "rowData",
            "currentObjectRgstrId",
            "currentAdcode",
            "currentResCode",
            "currentObjectId",
            "showOrEdit",
            "currentObjectName",
            "gdX", "gdY", "baseForm", "utType", "baseId"
        ],

        data() {
            return {
                options: [
                    {
                        value: "baseInfo",
                        label: "基础信息纠错"
                    },
                    {
                        value: "zxhlzlSituation",
                        label: "中小河流治理项目抽查情况"
                    },
                    {
                        value: "problemList",
                        label: "问题清单"
                    }
                ],
                value: "",
                dialogShow: false,
                currentViewId: "基础信息纠错",
                dialogFormVisible: true,
                szRuls: [],
                activedName: "",
                tableName: ''
            };
        },
        created() {

        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        mounted() {
            // this.getPblmType();
        },

        watch: {
            // tableName(){
            //     this.getPblmType();
            // }
        },

        methods: {
            showDialog() {
                this.dialogFormVisible = true;
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            addShuiKuSuccess() {
                this.$emit("addShuiKuSuccess");
            },
            closeDialog() {
                let _self = this;
                this.$confirm("确认退出吗？", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        _self.$emit("cancelHandler");
                    })
                    .catch(() => {
                    });
            },
            handleClickTabs(tab, event) {
                console.log(tab.label);
                this.activedName = tab.label;
            },
            getPblmType() {
                const obj = {
                    tname: this.tableName
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    console.log(res);
                    this.szRuls = res.data;
                })
            }
        }
    };
</script>

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