fj-dc-ui/.svn/pristine/17/17f23d1148141d1ddf7a119dda77fa7e4a6370c8.svn-base

<template>
  <el-dialog
    class="custom_dialog"
    :modal='true'
    :append-to-body="true"
    :title="'新增问题'"
    :visible.sync="dialogTableVisible"
    @close="closeDialogSH"
  >
    <!-- <p class="title"><i class="el-icon-edit"></i>{{classify}}{{type}}</p> -->
    <div style="text-align: center;">
      <component
        :is="curComponent"
        :objIdSH="objId"
        :rowData="rowData"
        :objType="objType"
        :villType="villType"
        :villCode="villCode"
        :cwsCode="cwsCode"
        :grwCode="grwCode"
        :objName="objName"
        :problemMiddleType="problemMiddleType"
        :problemSmallType="problemSmallType"
        :stationType="stationType"
        :regId="regId"
        :currentObjectRgstrId="currentObjectRgstrId"
        @closeDialog="dialogClose"
      ></component>
    </div>
  </el-dialog>
</template>
<script>
import shuihui from "./shuihuiwenti.vue";
export default {
  props: {
    //  1 小水库  2 人饮 3 水毁
    objType: {
      default: "2"
      // required: true
    },
    //对象类型 0 小水库  1 行政村  2 水源地  3 饮水工程  4 水毁工程
    villType: {
      default: "4"
      // required: true
    },
    villCode: {
      default: "4"
      // 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: ""
    },
      rowData:{
        default: {}
      }
  },
  components: {
    shuihui: shuihui
  },
  data() {
    return {
      dialogTableVisible: true,
      curComponent: "shuihui"
    };
  },
  mounted() { },
  methods: {

    closeDialogSH(){
      this.dialogTableVisible = false;
      this.$emit('closeDialog',this.dialogFormVisible)
    },
    //shuihuiwenti.vue 子传父
    dialogClose(data) {
      this.dialogFormVisible = data;
      this.$emit("closeDialog");
    }
  }
};
</script>
<style>
.title {
  font-size: 16px;
}
.custom_dialog .el-icon-edit {
  margin-right: 10px;
}
.custom_dialog .el-dialog {
  width: 65%;
}

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