From 3b1fc9088c6efc28bbfdab55b61b1626a863036d Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期二, 03 一月 2023 14:42:14 +0800
Subject: [PATCH] 布局调整
---
src/views/padSunmaryProcedure/padWord.vue | 97 +++++++++++++++++++++++-------------------------
1 files changed, 46 insertions(+), 51 deletions(-)
diff --git a/src/views/padSunmaryProcedure/padWord.vue b/src/views/padSunmaryProcedure/padWord.vue
index 4dbfdbe..885b1e3 100644
--- a/src/views/padSunmaryProcedure/padWord.vue
+++ b/src/views/padSunmaryProcedure/padWord.vue
@@ -1,79 +1,82 @@
<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>{{id}}</p>
- <el-button icon="el-icon-upload el-icon--right" @click="submit">鎻愪氦</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>
- <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick"
- :stretch="true">
+ <!--搴曢儴閫夐」鍗�-->
+ <el-tabs type="border-card" v-model="activeName" :stretch="true"
+ @tab-click="handleClick">
<el-tab-pane label="璋冩煡璇㈤棶绗斿綍" name="first">
- <BiLu v-if="id" :id="id"></BiLu>
+ <BiLu v-if="activeName == 'first'"></BiLu>
</el-tab-pane>
<el-tab-pane label="璐ｄ护闄愭湡鏀规閫氱煡涔�" name="second">
- <GaiZheng v-if="id" :id="id"></GaiZheng>
+ <GaiZheng v-if="activeName == 'second'">璐ｄ护闄愭湡鏀规閫氱煡涔�</GaiZheng>
</el-tab-pane>
<el-tab-pane label="澶勭綒鍐冲畾涔�" name="third">
- <JueDingShu v-if="id" :id="id"></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 {
- id: '',
- form:{
- id:''
- },
- name1: "",
- activeName: 'second'
- }
+ JueDingShu
},
created() {
+ this.id = this.$store.state.user.id
if (this.$route.query) {
this.$nextTick(() => {
- this.id = this.$route.query.id
- console.log(this.id,'id==========')
- 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',
})
},
- submit() {
- /*submitcase(this.id).then(res => {
- this.goHome()
- })*/
+ //鏀剁缉椤堕儴
+ ShowHide(type) {
+ this.btn = type;
+ window.android.toShowHide()
},
- /*goToBL() {
- this.$router.push({
- path: '/padWord',
- query: {
- id: row.id,
- }
+ //鎻愪氦锛堝幓瀹℃牳锛�
+ submit() {
+ submitcase({id: this.id}).then(res => {
+ this.goHome()
})
- },*/
+ },
+ //鐐瑰嚮閫夐」鍗℃晥鏋�
handleClick(tab, event) {
- console.log(tab, event);
+ this.activeName = tab.name
}
}
}
@@ -84,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