fj-dc-ui/.svn/pristine/2c/2c79339d0334cdcabb6f4bb4ab095382e83d5134.svn-base

<template>
    <div id="shuikutianbaoId">
        <el-dialog
        :title="currentObjectName+'督查填报'"
        :before-close="closeDialog"
        :visible.sync="dialogFormVisible"
        width='70%'
        >
        <el-container>
            <el-main id="dxdcListMain" style="padding:5px 20px;">
              <problem-dialog
                v-if="dialogShow"
                :objType="34"
                :objId="currentObjectId"
                :objName="currentObjectName"
                :problemMiddleType="'小水库除险加固'"
                :problemSmallType="problemSmallType"
                @closeDialog="closePDialog"
                :currentObjectRgstrId="currentObjectRgstrId"
              />
            <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
                    :is="option.value"
                    :pType="34"
                    :currentObjectRgstrId="currentObjectRgstrId"
                    :currentAdcode="currentAdcode"
                    :currentObjectName="currentObjectName"
                    :currentResCode="currentResCode"
                    :currentObjectId="currentObjectId"
                    :gdX="gdX"
                    :gdY="gdY"
                    :openType="openType"
                    :szRuls="szRuls"
                    :baseId="baseId"
                    :showOrEdit="showOrEdit"
                    :activeLabel="activedName"
                    :baseForm="baseForm"
                    @cancelHandler="cancelHandler"
                    @addShuiKuSuccess="addShuiKuSuccess"
                  />

                </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 zaijian from './zaijian.vue'
    import daishishi from './daishishi.vue'
    import problemList from "./problemList.vue";
    import problemDialog from "../../duChaWenTi/problemDialog.vue";
    import signature from '../../duChaRenYuan/signature.vue'
    export default {
        components: {
            baseInfo,
            problemDialog,
            problemList,
            zaijian,
            daishishi,
            signature
        },
        props: [
            "rowData",
            "currentObjectRgstrId",
            "currentAdcode",
            "currentResCode",
            "currentObjectId",
            "showOrEdit",
            "currentObjectName",
            "gdX","gdY","baseForm","baseId","openType"
        ],

        data() {
            return {
                options: [],
                optionsZaijian: [
                    {
                        value: "baseInfo",
                        label: "基础信息纠错"
                    },
                    // {
                    //     value: "zaijian",
                    //     label: "在建小型水库除险加固项目抽查情况"
                    // },
                    {
                        value: "problemList",
                        label: "问题清单"
                    },
                    {
                        value: "signature",
                        label: '责任人签字'
                    }
                ],
                optionsDaishishi: [
                    {
                        value: "baseInfo",
                        label: "基础信息纠错"
                    },
                    // {
                    //     value: "daishishi",
                    //     label: "待实施小型水库除险加固项目抽查情况"
                    // },
                    {
                        value: "problemList",
                        label: "问题清单"
                    },
                    {
                        value: "signature",
                        label: '责任人签字'
                    }
                ],
                value: "",
                dialogShow: false,
                currentViewId: "基础信息纠错",
                dialogFormVisible: true,
                szRuls: [],
                activedName:"" ,
                tableName:''
            };
        },
        created(){
            if(this.rowData.type == '2'){
                this.options = this.optionsZaijian
            }else{
                this.options = this.optionsDaishishi
            }
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
            }
        },
        mounted() {
            this.getPblmType();
        },

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

        methods: {
            closeHandler() {
                this.dialogShow = false;
                this.$emit("addShuiKuSuccess");
            },
            appearDialog(type) {
                this.dialogShow = true;
            },
            closePDialog() {
                this.dialogShow = false;
            },
            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>
    #shuikutianbaoId .el-dialog {
        margin-top: 10vh;
    }
</style>