| | |
| | | <template> |
| | | <div style="width: 100vw;height: 100%;overflow: auto;font-size: 20px"> |
| | | <div style="width: 100%;height: 100%;overflow: auto;"> |
| | | <div id="navs"> |
| | | <el-button icon="el-icon-arrow-left" @click="goHome">返回</el-button> |
| | | <div>{{ name1 }}</div> |
| | | <!-- <div>{{ name1 }}</div>--> |
| | | <el-button icon="el-icon-upload el-icon--right" @click="submit">提交</el-button> |
| | | </div> |
| | | <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick" :stretch="true"> |
| | | <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick" |
| | | :stretch="true"> |
| | | <el-tab-pane label="调查询问笔录" name="first"> |
| | | <BiLu :id="id"></BiLu> |
| | | <BiLu v-if="activeName == 'first'"></BiLu> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="责令限期改正通知书" name="second"> |
| | | <GaiZheng :id="id"></GaiZheng> |
| | | <GaiZheng v-if="activeName == 'second'"></GaiZheng> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="处罚决定书" name="third"> |
| | | <JueDingShu :id="id"></JueDingShu> |
| | | <JueDingShu v-if="activeName == 'third'"></JueDingShu> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | |
| | | export default { |
| | | name: "padWord", |
| | | components:{ |
| | | components: { |
| | | BiLu, |
| | | GaiZheng, |
| | | JueDingShu, |
| | | }, |
| | | data() { |
| | | return { |
| | | id:'', |
| | | name1:"", |
| | | activeName: 'second' |
| | | form:{ |
| | | id:this.id, |
| | | }, |
| | | name1: "", |
| | | activeName: 'first' |
| | | } |
| | | }, |
| | | created() { |
| | | if (this.$route.query) { |
| | | this.id = this.$route.query.id |
| | | this.name1 = this.$route.query.name |
| | | this.$nextTick(() => { |
| | | this.name1 = this.$route.query.name |
| | | }) |
| | | } |
| | | }, |
| | | methods: { |
| | | goHome(){ |
| | | goHome() { |
| | | this.$router.push({ |
| | | path: '/pad', |
| | | }) |
| | | }, |
| | | submit(){ |
| | | /*submitcase().then(res =>{ |
| | | submit() { |
| | | submitcase(this.form).then(res => { |
| | | this.goHome() |
| | | })*/ |
| | | this.goHome() |
| | | }) |
| | | }, |
| | | /*goToBL() { |
| | | this.$router.push({ |
| | |
| | | },*/ |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | this.activeName = tab.name |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .el-tabs__content{ |
| | | <style lang="scss"> |
| | | .el-tabs__content { |
| | | height: calc(100vh - 110px); |
| | | overflow-y: auto; |
| | | } |
| | | #navs{ |
| | | |
| | | #navs { |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | #box { |
| | | width: 80%; |
| | | display: flex; |