From cbec633fda4ecf0f77288f25067a8512915b565a Mon Sep 17 00:00:00 2001 From: yang <1441163367@qq.com> Date: 星期一, 31 十月 2022 08:23:55 +0800 Subject: [PATCH] 修改问题 --- src/views/padSunmaryProcedure/padWord.vue | 82 +++++++++++++++++------------------------ 1 files changed, 34 insertions(+), 48 deletions(-) diff --git a/src/views/padSunmaryProcedure/padWord.vue b/src/views/padSunmaryProcedure/padWord.vue index 3d32cce..ef8fc84 100644 --- a/src/views/padSunmaryProcedure/padWord.vue +++ b/src/views/padSunmaryProcedure/padWord.vue @@ -1,87 +1,81 @@ <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="璐d护闄愭湡鏀规閫氱煡涔�" name="second"> - <GaiZheng v-if="activeName == 'second'"></GaiZheng> + <GaiZheng v-if="activeName == 'second'">璐d护闄愭湡鏀规閫氱煡涔�</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 } } @@ -93,19 +87,11 @@ 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> -- Gitblit v1.9.1