fj-dc-ui/.svn/pristine/9f/9f0fee0fe2e597be703103c62bdd4a41c3a8779a.svn-base

<template>
  <div id="dxstianbaoId">
    <el-dialog :title="currentObjectName+'督查填报'" @close='closeDialog' :visible.sync="dialogFormVisible">
    <el-container>
      <!-- <el-container> -->
      <el-main id="dxdcListMain" style="padding:5px 20px;">
        <!-- <el-button type="primary"  style="margin-bottom: 10px;position: relative;margin-left: 90%;" @click="appearDialog()">添加问题</el-button> -->
         <problem-dialog v-if="dialogShow" :objType="4" :villType="5" :objId="currentObjectId" :objName="currentObjectName" :problemMiddleType="'用水户情况'" :problemSmallType="problemSmallType" @closeDialog="closePDialog" :currentObjectRgstrId="currentObjectRgstrId"></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"
              :currentGrwName="currentGrwName"
              :currentObjectName="currentObjectName"
              :currentGrwCode="currentGrwCode"
              :currentObjectId="currentObjectId"
              :currentSttp="currentSttp"
              :stationType="stationType"
              @cancelHandler="cancelHandler"
              @addShuiKuSuccess="addShuiKuSuccess"
            ></component>
          </el-tab-pane>
        </el-tabs>
      </el-main>
      <!-- </el-container> -->
    </el-container>
    <!-- <span slot="footer" class="dialog-footer" style="justify-content: flex-end;display: flex;margin-right: 20px;">
        <el-button @click="closeHandler">关 闭</el-button>
            <el-button type="primary" @click="submitHandler">提 交</el-button>
    </span> -->
    <!-- 添加/编辑人员弹窗 -->
    </el-dialog>
  </div>
</template>

<script>
import request from "../../utils/gw_ajax_request.js";
import jichuxinxi from "../duChaTianBao/dxs/dxs_jichuxinxi.vue"
import czwhgl from "../duChaTianBao/dxs/dxs_czwhgl.vue"
import jcsjzl from "../duChaTianBao/dxs/dxs_jcsjzl.vue"
import jcrypj from "../duChaTianBao/dxs/dxs_jcrypj.vue"
import problemDialog from '../duChaWenTi/problemDialog.vue'
export default {
  components: {
    jichuxinxi:jichuxinxi,
    czwhgl:czwhgl,
    jcsjzl:jcsjzl,
    jcrypj:jcrypj,
    problemDialog:problemDialog
  },
  props: ['currentObjectRgstrId','currentGrwCode','currentObjectId','currentObjectName','stationType','currentSttp','staType','frequency',"currentGrwName"],

  data() {
    return {
      options: [
        {
          value: "jichuxinxi",
          label: "基础信息"
        },{
          value: "czwhgl",
          label: "测站维护管理"
        },{
          value: "jcsjzl",
          label: "监测数据质量和到报率"
        },{
          value: "jcrypj",
          label: "检查人员评价"
        },
      ],
      value: "",
      dialogShow:false,
      currentViewId: "基础信息",
      dialogFormVisible:true,
    };
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    },
    recPersName(){
      return localStorage.getItem("account")? localStorage.getItem("account"): ''
    }
  },
  mounted() {},

  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');
    },
    closeHandler(){
      this.dialogShow = false
      this.$emit("addShuiKuSuccess");
    },
  }
};
</script>

<style>
#dxstianbaoId .el-dialog{
  margin-top: 10vh;
}
</style>