fj-dc-ui/.svn/pristine/ab/ab0426cde2395ea1eddfba97e980afcda1dd3c1b.svn-base

<template>
  <el-dialog class="custom_dialog" append-to-body :close-on-click-modal="false" :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"
                 :currentProblemId="currentProblemId"
                 :currentResCode="currentResCode"
                 :currentRsvrNm="currentRsvrNm"
                 :currentAdCode="currentAdCode"
                 :problemId="problemId"></component>
    </div>
  </el-dialog>
</template>
<script>
  import xskfc from "../xsk2021/addProblemForm_xskfc.vue"
  import xiaoshuiku from "../xsk2021/addProblemForm.vue"
  import shuizha from "../shuizha/addProblemForm.vue"
  import addRecheck from "../xsk2021/addRecheck.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: ''
      },
      currentProblemId: {
        default: ''
      },
      currentResCode: {
        default: ''
      },
      currentAdCode: {
        default: ''
      },
      currentRsvrNm: {
        default: ''
      },
      problemId: {
        default: ''
      },
    },
    components: {
      'xiaoshuiku': xiaoshuiku,
      shuizha:shuizha,
        xskfc:xskfc,
        addRecheck:addRecheck
    },
    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: 45%;
  }

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

</style>