fj-dc-ui/.svn/pristine/30/3051e69bdcaa9653c22fbd4ce356bca5c80d482d.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"
                 :prsnWaterId="prsnWaterId"
                 :problemMiddleType="problemMiddleType"
                 :currentGroupId="currentGroupId"
                 :problemSmallType="problemSmallType"
                 :currentObjectRgstrId="currentObjectRgstrId"
                 :problData="problData"
                 @closeDialog="dialogClose"
                 :szRuls="szRuls"></component>
    </div>
  </el-dialog>
</template>
<script>

import ndzx_t_addpro from './ndzx_t_addpro.vue'


export default {
  props: {
    //  1 小水库  2 人饮 3 水毁  4 水文司地下水
    objType: {
      default: "2"
      // required: true
    },
    //对象类型 0 小水库  1 行政村  2 水源地  3 饮水工程  4 水毁工程  5 地下水
    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: ""
    },
    currentObjectRgstrId: {
      default: ""
    },
    problData: {
      default: ""
    },
    currentGroupId: {
      default: ""
    },
    //用水户id
    prsnWaterId: {
      default: ''
    },
    szRuls: {
      type: Array,
      default: () => []
    }
  },
  components: {
    ndzx_t_addpro: ndzx_t_addpro
  },
  data () {
    return {
      dialogTableVisible: true,
      curComponent: ""
    };
  },
  mounted: function () {
    if (this.villType == "101") {
      this.curComponent = "ndzx_t_addpro"
    }
  },
  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>