fj-dc-ui/.svn/pristine/69/69bdcacc7e16e3cb97b986ef5225a7611a97bebd.svn-base

<template>
  <div id="shuikutianbaoId">
    <el-dialog
      :title="currentObjectName"
      @close="closeDialog"
      :visible.sync="dialogFormVisible"
    >
      <div :style="{'max-height':testHeight+'px',}" ref="dialogHeight">
        <el-container>
          <el-main id="dxdcListMain" style="padding:5px 20px;">
            <problem-dialog
              v-if="dialogShow"
              :objType="0"
              :villType="0"
              :objId="currentObjectId"
              :objName="currentObjectName"
              :problemMiddleType="'地下水情况'"
              :problemSmallType="problemSmallType"
              @closeDialog="closePDialog"
            ></problem-dialog>
            <el-tabs v-model="currentViewId" type="card">
              <el-tab-pane
                :label="option.label"
                :name="option.label"
                v-for="option in options"
                :key="option.value"
              >
                <component
                  :is="option.value"
                  :currentObjectRgstrId="currentObjectRgstrId"
                  :currentObjectName="currentObjectName"
                  :currentResCode="currentResCode"
                  :currentObjectId="currentObjectId"
                  :djbId = "djbId"
                  :dialogHeightA="dialogHeightA"
                  :propsStcd="propsStcd"
                  @cancelHandler="cancelHandler"
                  @addShuiKuSuccess="addShuiKuSuccess"
                  v-if="currentViewId == option.label"
                ></component>
              </el-tab-pane>
            </el-tabs>
          </el-main>
          <!-- </el-container> -->
        </el-container>
      </div>
      <!-- 添加/编辑人员弹窗 -->
    </el-dialog>
  </div>
</template>

<script>
  import jichuxinxi from '../duChaRenYuan/dxsJcxx'
import weihuguanli from '../duChaRenYuan/cxglwh'
import jianceshuju from '../duChaRenYuan/jcsj'
import jiancharenyuan from '../duChaRenYuan/jcry'
import wentiqingdan from '../duChaRenYuan/wtqd'
export default {
  components: {
    jichuxinxi:jichuxinxi,
    weihuguanli: weihuguanli,
    jianceshuju: jianceshuju,
    jiancharenyuan: jiancharenyuan,
    // wentiqingdan: wentiqingdan
  },
  props: [
    "currentObjectRgstrId",
    "currentResCode",
    "currentObjectId",
    "currentObjectName",
    "propsStcd",
    "djbId"
  ],

  data() {
    return {
      testHeight: window.innerHeight * 0.7,
      dialogHeightA: "",
      options: [
        {
          value: "jichuxinxi",
          label: "基础信息"
        },
        {
          value: "weihuguanli",
          label: "测站维护管理"
        },
        {
          value: "jianceshuju",
          label: "监测数据质量和到报率"
        },
        {
          value: "jiancharenyuan",
          label: "检查人员评价"
        }
      ],
      value: "",
      dialogShow: false,
      currentViewId: "基础信息",
      dialogFormVisible: true
    };
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.dialogHeightA = this.$refs.dialogHeight.offsetHeight - 80;
    });
  },

  watch: {},

  methods: {
    appearDialog(type) {
      this.dialogShow = true;
      // this.problemSmallType = type
    },
    closePDialog() {
      this.dialogShow = false;
    },
    showDialog() {
      this.dialogFormVisible = true;
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    },
    addShuiKuSuccess() {
      this.$emit("addShuiKuSuccess");
    },
    closeDialog() {
      this.$emit("cancelHandler");
    }
  }
};
</script>

<style>
#shuikutianbaoId .el-dialog {
  margin-top: 10vh;
}
#shuikutianbaoId .el-dialog .el-dialog__body {
  padding: 5px 20px;
}
</style>