| | |
| | | <template> |
| | | <div style="width: 100%;height: 100%;overflow: auto;"> |
| | | <div id="navs"> |
| | | <basic-container> |
| | | <!--头部导航--> |
| | | <div id="nav"> |
| | | <el-button icon="el-icon-arrow-left" @click="goHome">返回</el-button> |
| | | <div>{{ name1 }}</div> |
| | | <p>{{ name }}</p> |
| | | <div> |
| | | <el-button v-if="btn ==1" icon="el-icon-caret-top" @click="ShowHide(0)"></el-button> |
| | | <el-button v-if="btn ==0" icon="el-icon-caret-bottom" @click="ShowHide(1)"></el-button> |
| | | <el-button icon="el-icon-upload el-icon--right" @click="submit">提交</el-button> |
| | | <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> |
| | | <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick" |
| | | :stretch="true"> |
| | | <!--底部选项卡--> |
| | | <el-tabs type="border-card" :tab-position="tabPosition" 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> |
| | | <GaiZheng v-if="activeName == 'second'">责令限期改正通知书</GaiZheng> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="处罚决定书" name="third"> |
| | | <JueDingShu v-if="activeName == 'third'"></JueDingShu> |
| | | <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 {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: "padWord", |
| | | name: "padWord1", |
| | | components: { |
| | | BiLu, |
| | | GaiZheng, |
| | | JueDingShu, |
| | | }, |
| | | data() { |
| | | return { |
| | | btn: 1, |
| | | id: '', |
| | | form: { |
| | | id: '' |
| | | }, |
| | | name1: "", |
| | | activeName: 'first' |
| | | } |
| | | JueDingShu |
| | | }, |
| | | created() { |
| | | this.id = this.$store.state.user.id |
| | | if (this.$route.query) { |
| | | this.$nextTick(() => { |
| | | this.name1 = this.$route.query.name |
| | | this.name = this.$route.query.name |
| | | // this.id = this.$route.params.id |
| | | }) |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | name: "案件名称",//展示的案件名称 |
| | | btn: 1,//展开和收起 |
| | | tabPosition: 'left',//默认左侧选项卡 |
| | | activeName: "first"//选项卡默认打开第一个 |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | //返回案件列表 |
| | | goHome() { |
| | | this.$router.push({ |
| | | path: '/pad', |
| | | }) |
| | | }, |
| | | //收缩顶部 |
| | | ShowHide(type) { |
| | | this.btn = type; |
| | | window.android.toShowHide() |
| | | }, |
| | | //提交(去审核) |
| | | submit() { |
| | | submitcase({id: this.id}).then(res => { |
| | | this.goHome() |
| | | }) |
| | | }, |
| | | /*goToBL() { |
| | | this.$router.push({ |
| | | path: '/padWord', |
| | | query: { |
| | | id: row.id, |
| | | } |
| | | }) |
| | | },*/ |
| | | //点击选项卡效果 |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | this.activeName = tab.name |
| | | } |
| | | } |
| | |
| | | height: calc(100vh - 110px); |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | #navs { |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | #box { |
| | | width: 80%; |
| | | </style> |
| | | <style scoped> |
| | | #nav { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin: 0 auto; |
| | | } |
| | | </style> |