fj-dc-ui/.svn/pristine/ac/acd5ed321a0e836fc2fd4df7d769abdcf098d3b6.svn-base

<template>
  <div id="shuikutianbaoId">
    <el-dialog :title="currentObjectName+'督查填报'" width="60%" :before-close="closeDialog"
               :visible.sync="dialogFormVisible">
      <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <el-tabs v-model="currentViewId" type="card" @tab-click="tabIndexChange">
            <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"
                :activeLabel="activeLabel"
                :pType="pType"
                :currentNodeId="currentNodeId"
                :openType="openType"
                :labelList="signatureLabelList"
                @cancelHandler="cancelHandler"
                @addShuiKuSuccess="addShuiKuSuccess"
              ></component>
            </el-tab-pane>
          </el-tabs>
        </el-main>
      </el-container>
    </el-dialog>
  </div>
</template>

<script>
  import request from "@util/gw_ajax_request.js";
  import {getrgstrIdObject, getRsByRgstrId} from "@api/duChaTianBao.js";
  import jichuxinxi from "./guanlidanwei/jichuxinxi.vue"
  import mubiaozhizePage from "./guanlidanwei/mubiaozhizePage.vue"
  import zhiduhuaguanliPage from "./guanlidanwei/zhiduhuaguanliPage.vue"
  import peixunjiaoyuPage from "./guanlidanwei/peixunjiaoyuPage.vue"
  import xianchangguanliPage from "./guanlidanwei/xianchangguanliPage.vue"
  import anquanfengxianPage from "./guanlidanwei/anquanfengxianPage.vue"
  import yingjiguanliPage from "./guanlidanwei/yingjiguanliPage.vue"
  import shiguguanliPage from "./guanlidanwei/shiguguanliPage.vue"
  import chixugaijinPage from "./guanlidanwei/chixugaijinPage.vue"

  export default {
    components: {
        jichuxinxi:jichuxinxi,
        mubiaozhizePage:mubiaozhizePage,
        zhiduhuaguanliPage:zhiduhuaguanliPage,
        peixunjiaoyuPage:peixunjiaoyuPage,
        xianchangguanliPage:xianchangguanliPage,
        anquanfengxianPage:anquanfengxianPage,
        yingjiguanliPage:yingjiguanliPage,
        shiguguanliPage:shiguguanliPage,
        chixugaijinPage:chixugaijinPage,

    },
    props: ['rowData', 'currentObjectRgstrId', 'currentResCode', 'currentObjectId', 'currentObjectName', 'pType','openType','currentNodeId'],

    data() {
      return {
        options:[ {
            value: "jichuxinxi",
            label: "基础信息"
        },
        {
            value: "xianchangguanliPage",
            label: '现场管理'
        },
        {
            value: "anquanfengxianPage",
            label: '安全风险管控及隐患排查治理'
        }
        ],
        options_group:[
          {
              value: "jichuxinxi",
              label: "基础信息"
          },
          {
              value: "mubiaozhizePage",
              label: '目标职责'
          },
          {
              value: "zhiduhuaguanliPage",
              label: '制度化管理'
          },
          {
              value: "peixunjiaoyuPage",
              label: '培训教育'
          },
          {
              value: "xianchangguanliPage",
              label: '现场管理'
          },
          {
              value: "anquanfengxianPage",
              label: '安全风险管控及隐患排查治理'
          },
          {
              value: "yingjiguanliPage",
              label: '应急管理'
          },
          {
              value: "shiguguanliPage",
              label: '事故管理'
          },
          {
              value: "chixugaijinPage",
              label: '持续改进'
          },
        ],
        option_scene: [
        {
              value: "jichuxinxi",
              label: "基础信息"
          },
          {
              value: "xianchangguanliPage",
              label: '现场管理'
          },
          {
              value: "anquanfengxianPage",
              label: '安全风险管控及隐患排查治理'
          },
        ],
        options_offsite:[
          {
              value: "jichuxinxi",
              label: "基础信息"
          },
          {
              value: "mubiaozhizePage",
              label: '目标职责'
          },
          {
              value: "zhiduhuaguanliPage",
              label: '制度化管理'
          },
          {
              value: "peixunjiaoyuPage",
              label: '培训教育'
          },
          {
              value: "yingjiguanliPage",
              label: '应急管理'
          },
          {
              value: "shiguguanliPage",
              label: '事故管理'
          },
          {
              value: "chixugaijinPage",
              label: '持续改进'
          },
        ],
        value: "",
        dialogShow: false,
        currentViewId: "基础信息",
        dialogFormVisible: true,
        activeLabel: '',
        signatureLabelList: ['督查人员','被检查人员']
      };
    },
    computed: {
      persId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      },
      currentRlcode() {
        return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
      },
      isGdPriv(){
          return this.ownPriv('isGdExpert')
      },
      isDjPriv(){
          return this.ownPriv('isDjExpert')
      }
    },
    created() {
      // this.setOptions()
    },
    mounted() {
    },
    watch: {},

    methods: {
      setOptions() {
        request.post('/bis/insp/fjpjlgl/getTabPri', {type: 122}).then(res => {
          if(res.data.key == 1) { // 管理员/组长
            this.options = this.options_group;
          }else if(res.data.key == 2) { // 现场专家
            this.options = this.option_scene;
          }else if(res.data.key == 3) { // 非现场专家
            this.options = this.options_offsite;
          }else if(res.data.key == 4) { // 其他

          }
        })
      },
      submitHandler() {
        var _self = this;
        getRsByRgstrId(this.currentObjectRgstrId, this.pType).then(
          (res) => {
            if (res.data.baseStat == '0') {
              this.$message({
                message: '请填写重点环节落实情况！',
                type: 'warning'
              });
              return
            } else if (res.data.presStat == '0') {
              this.$message({
                message: '请填写责任人状态！',
                type: 'warning'
              });
              return
            } else if (res.data.resRunStat == '0') {
              this.$message({
                message: '请填写水库工程实体和运行管理情况！',
                type: 'warning'
              });
              return
            } else if (res.data.viewStat == '0') {
              this.$message({
                message: '走访用户状态！',
                type: 'warning'
              });
              return
            }
            this.$confirm('请确认所有信息填报完毕？', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              let formObj = {
                "rgstrId": this.currentObjectRgstrId,
                "state": "2"
              }
              let url = '/dc/insp/rsvrRgstr/update';
              if(this.pType==22){
                url = '/bis/insp/rsml/rgstr';
              }
              request.post(url, formObj).then((res) => {
                if (res.success) {
                  _self.$emit("addShuiKuSuccess");
                  _self.$message.success("提交成功");
                } else {
                  _self.$emit('cancelHandler');
                }
              });
            }).catch(() => {

            });
          }, (err) => {

          });

      },
      closeHandler() {
        this.dialogShow = false
        this.$emit("addShuiKuSuccess");
      },
      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.$confirm('确认退出督查填报？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$emit('cancelHandler');
        }).catch(() => {

        });
      },
      tabIndexChange(item) {
        if (item.label == '问题清单') {
          this.activeLabel = item.label
        } else {
          this.activeLabel = ''
        }
      }
    }
  };
</script>

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