fj-dc-ui/.svn/pristine/01/01f9e6c316b60cc3fb3a0e4547c3b5af4c0094d6.svn-base

<template>
    <el-dialog class="custom_dialog" :append-to-body = 'true' :modal="true" :title="objName + '新增问题'" :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" :grwCode="grwCode" :objName="objName" :problData="problData" :regId="regId" :currentObjectRgstrId="currentObjectRgstrId" @closeDialog="dialogClose" :rowData="rowData"></component>
        </div>
    </el-dialog>
</template>
<script>
import qushuikou from "./addProblemForm.vue"
export default {
    props: {
        //  1 小水库  2 人饮 3 水毁
        objType: {
            default: '2',
            // required: true
        },
        //对象类型 0 小水库  1 行政村  2 水源地  3 饮水工程  4 水毁工程
        villType: {
            default: '1',
            // required: true
        },
        villCode: {
            default: '1',
            // required: true
        },
        //对象id
        objId: {
            default: '',
            // required: true
        },
        //对象名称
        objName: {
            default: '行政村',
            // required: true
        },
        //问题中类型
        problemMiddleType: {
            default: '用水户情况'
        },
        //问题小类型
        problemSmallType: {
            default: '水质'
        },
        cwsCode: {
            default: ''
        },
        grwCode: {
            default: ''
        },
        stationType:{
            default: ''
        },
        regId:{
            default: ''
        },
        currentObjectRgstrId:{
          default: ''
        },
        fenlei:{
          default: ''
        },
        problData: {
            default: ''
        },
        rowData: {
            default: ''
        }
    },
    components: {
        'qushuikou': qushuikou
    },
    data(){
        return{
            dialogTableVisible: true,
            curComponent: ''
        }
    },
    mounted(){
      this.$nextTick(() =>{
        this.curComponent = this.fenlei;
      })

    },
    methods:{
        dialogClose(){
            this.$emit('closeDialog')
        }
    }
}
</script>
<style>
    .title{
        font-size: 16px;
    }
    .el-icon-edit{
        margin-right: 10px;
    }
    .custom_dialog .el-dialog{
        width: 55%;
    }

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

</style>