fj-dc-ui/.svn/pristine/c6/c61f4b5ab3b5259b302c95db08b3b2afb5a39a67.svn-base

<template>
    <el-dialog class="customs_dialog" :modal="false" :title="problemMiddleType + '新增问题'" :visible.sync="dialogTableVisible" @close="dialogClose">
        <!-- <p class="title"><i class="el-icon-edit"></i>{{classify}}{{type}}</p> -->
        <div style="text-align: center;">
            <component :is="curComponent" :objId="objId" :objType="objType" :villType="villType" :villCode="villCode" :cwsCode="cwsCode" :objName="objName" :problemMiddleType="problemMiddleType" :problemSmallType="problemSmallType" :currentObjectRgstrId="currentObjectRgstrId" @closeDialog="dialogClose"></component>
        </div>
    </el-dialog>
</template>
<script>
import sanGeZeRen from "./addProblem/sanGeZeRen.vue"
import sanXiangZhiDu from "./addProblem/sanXiangZhiDu.vue"
import jianCeZhongXin from "./addProblem/jianCeZhongXin.vue"
export default {
    props: {
        //  1 小水库  2 人饮 3 水毁
        objType: {
            default: '2',
            // required: true
        },
        //对象类型 0 小水库  1 行政村  2 水源地  3 饮水工程  4 水毁工程 5管理责任体系落实情况
        villType: {
            default: '5',
            // required: true
        },
        villCode: {
            default: '1',
            // required: true
        },
        //对象id
        objId: {
            default: '',
            // required: true
        },
        //对象名称
        objName: {
            default: '管理落实',
            // required: true
        },
        //问题中类型
        problemMiddleType: {
            default: '管理责任体系落实情况'
        },
        //问题小类型
        problemSmallType: {
            default: '三个责任'
        },
        cwsCode: {
            default: ''
        },
        currentObjectRgstrId: {
          default: ''
        }
    },
    components: {
        'sanGeZeRen': sanGeZeRen,
        'sanXiangZhiDu':sanXiangZhiDu,
        'jianCeZhongXin': jianCeZhongXin
    },
    data(){
        return{
            dialogTableVisible: true,
            curComponent: 'sanGeZeRen'
        }
    },
    mounted:function(){
        if(this.problemSmallType =="三个责任问题"){
            this.curComponent ="sanGeZeRen";
        }else if(this.problemSmallType =="三个制度问题"){
            this.curComponent ="sanXiangZhiDu";
        }else if(this.problemSmallType =="县级水质检测中心问题"){
            this.curComponent ="jianCeZhongXin";
        }
    },
    methods:{
        dialogClose(){
            this.$emit('closeDialog')
        }
    }
}
</script>
<style>
    .title{
        font-size: 16px;
    }
    .el-icon-edit{
        margin-right: 10px;
    }
    .customs_dialog .el-dialog{
        width: 40% !important;
    }

    .customs_dialog .el-dialog__body {
      padding: 30px 20px;
      color: #606266;
      font-size: 14px;
      height: 60vh;
      overflow: auto;
    }

</style>