峰峰执法平台简易案件程序板块 pad端
付延余
2023-01-04 a6b40a1b80b586f7dbd874f3939f5e06fcc752d2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<template>
  <basic-container :style="{height: screenHeight+'px!important'}">
    <!--头部导航-->
    <div class="nav">
      <el-button icon="el-icon-arrow-left"
                 @click="goHome">返回</el-button>
      <p>{{ name }}</p>
      <div>
        <el-button v-show="btn ==1"
                   icon="el-icon-caret-top"
                   @click="ShowHide(0)"></el-button>
        <el-button v-show="btn ==0"
                   icon="el-icon-caret-bottom"
                   @click="ShowHide(0)"></el-button>
        <el-button icon="el-icon-upload"
                   @click="submit">提交</el-button>
      </div>
    </div>
    <!--底部选项卡-->
    <div class="tagsContainer">
      <el-tabs type="border-card"
               v-model="activeName"
               :stretch="true"
               @tab-click="handleClick">
        <el-tab-pane label="调查询问笔录"
                     name="first">
          <BiLu v-if="activeName == 'first'"></BiLu>
        </el-tab-pane>
        <el-tab-pane label="责令限期改正通知书"
                     name="second">
          <GaiZheng v-if="activeName == 'second'">责令限期改正通知书</GaiZheng>
        </el-tab-pane>
        <el-tab-pane label="处罚决定书"
                     name="third">
          <JueDingShu v-if="activeName == 'third'">处罚决定书</JueDingShu>
        </el-tab-pane>
      </el-tabs>
    </div>
 
  </basic-container>
</template>
 
<script>
import { submitcase } from '../../api/News/pad'
import BiLu from './word_mange/mangeBL'
import GaiZheng from './word_mange/mangeGZ'
import JueDingShu from './word_mange/mangeJD'
 
export default {
  name: 'padWord1',
  components: {
    BiLu,
    GaiZheng,
    JueDingShu,
  },
  created() {
    this.id = this.$store.state.user.id
    if (this.$route.query) {
      this.$nextTick(() => {
        this.name = this.$route.query.name
        // this.id = this.$route.params.id
      })
    }
  },
  data() {
    return {
      name: '案件名称', //展示的案件名称
      btn: 1, //展开和收起
      tabPosition: 'left', //默认左侧选项卡
      activeName: 'first', //选项卡默认打开第一个
      screenHeight: null,
    }
  },
  mounted() {
    window.onresize = () => {
      return () => {
        this.screenHeight = document.body.clientHeight
      }
    }
    this.screenHeight = document.body.clientHeight
  },
  methods: {
    //返回案件列表
    goHome() {
      this.$router.push({
        path: '/pad',
      })
    },
    //收缩顶部
    ShowHide(type) {
      this.btn = type
      window.android.toShowHide()
    },
    //提交(去审核)
    submit() {
      submitcase({ id: this.id }).then((res) => {
        this.goHome()
      })
    },
    //点击选项卡效果
    handleClick(tab, event) {
      this.activeName = tab.name
    },
  },
}
</script>
 
<style lang="scss">
.tagsContainer {
  height: 95%;
  overflow: scroll;
  .el-tabs {
    .el-tabs__header {
      position: sticky;
      top: 0;
      z-index: 10000;
    }
    .el-tabs__content {
      // height: calc(100vh - 110px);
      overflow-y: auto;
    }
  }
}
</style>
<style scoped>
.nav {
  height: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>