From 539d1ce6b955d5d56b21d97590a2a684c400f64a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期三, 11 一月 2023 09:55:16 +0800
Subject: [PATCH] 细节调节
---
src/views/padSunmaryProcedure/padWord.vue | 178 ++++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 120 insertions(+), 58 deletions(-)
diff --git a/src/views/padSunmaryProcedure/padWord.vue b/src/views/padSunmaryProcedure/padWord.vue
index 70714fc..876b22c 100644
--- a/src/views/padSunmaryProcedure/padWord.vue
+++ b/src/views/padSunmaryProcedure/padWord.vue
@@ -1,97 +1,159 @@
<template>
- <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>
- <el-button icon="el-icon-upload el-icon--right" @click="submit">鎻愪氦</el-button>
+ <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>
- <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>
- </el-tab-pane>
- <el-tab-pane label="璐ｄ护闄愭湡鏀规閫氱煡涔�" name="second">
- <GaiZheng :id="id"></GaiZheng>
- </el-tab-pane>
- <el-tab-pane label="澶勭綒鍐冲畾涔�" name="third">
- <JueDingShu :id="id"></JueDingShu>
- </el-tab-pane>
- </el-tabs>
- </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'" @isKeep1="isKeep1"></BiLu>
+ </el-tab-pane>
+ <el-tab-pane label="璐ｄ护闄愭湡鏀规閫氱煡涔�"
+ name="second">
+ <GaiZheng v-if="activeName == 'second'" @isKeep2="isKeep2">璐ｄ护闄愭湡鏀规閫氱煡涔�</GaiZheng>
+ </el-tab-pane>
+ <el-tab-pane label="澶勭綒鍐冲畾涔�"
+ name="third">
+ <JueDingShu v-if="activeName == 'third'" @isKeep3="isKeep3">澶勭綒鍐冲畾涔�</JueDingShu>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+
+ </basic-container>
</template>
<script>
-import {submitcase} from '../../api/News/pad'
+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,
},
+ 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 {
- id: '',
- name1: "",
- activeName: 'second'
+ name: '妗堜欢鍚嶇О', //灞曠ず鐨勬浠跺悕绉�
+ btn: 1, //灞曞紑鍜屾敹璧�
+ tabPosition: 'left', //榛樿宸︿晶閫夐」鍗�
+ activeName: 'first', //閫夐」鍗￠粯璁ゆ墦寮�绗竴涓�
+ screenHeight: null,
}
},
- created() {
- if (this.$route.query) {
- // this.$nextTick(() => {
- this.id = this.$route.query.id
- this.name1 = this.$route.query.name
- // })
+ mounted() {
+ window.onresize = () => {
+ return () => {
+ this.screenHeight = document.body.clientHeight
+ }
}
+ this.screenHeight = document.body.clientHeight
},
methods: {
+ isKeep1(val) {
+ //this.isSubmit = val
+ this.$store.commit('SET_IsCANSUBMIT1',val)
+ },
+ isKeep2(val) {
+ this.$store.commit('SET_IsCANSUBMIT2',val)
+ },
+ isKeep3(val) {
+ this.$store.commit('SET_IsCANSUBMIT3',val)
+ },
+ //杩斿洖妗堜欢鍒楄〃
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() {
+ if(this.$store.state.user.isCanSubmit1 && this.$store.state.user.isCanSubmit2 && this.$store.state.user.isCanSubmit3) {
+ submitcase({ id: this.id }).then((res) => {
+ return
+ console.log(res,'res-----')
+ if(res.data.code == 0) {
+ this.$message.success('鎻愪氦鎴愬姛')
+ this.goHome()
+ }
+ })
+ }else {
+ this.$message.warning('璇峰厛淇濆瓨鍐嶆彁浜�')
+ return false
+ }
+
+ },
+ //鐐瑰嚮閫夐」鍗℃晥鏋�
handleClick(tab, event) {
- console.log(tab, event);
- }
- }
+ this.activeName = tab.name
+ },
+ },
}
</script>
<style lang="scss">
-.el-tabs__content {
- height: calc(100vh - 110px);
- overflow-y: auto;
+ .el-message,.el-message--warning{
+ z-index: 99999!important;
+ }
+ .el-input.is-disabled .el-input__inner,.el-range-editor.is-disabled input{
+ color: #303133;
+ }
+.tagsContainer {
+ height: 92%;
+ overflow: scroll;
+ .el-tabs {
+ .el-tabs__header {
+ position: sticky;
+ top: 0;
+ z-index: 10000;
+ }
+ .el-tabs__content {
+ // 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 {
+ height: 5%;
display: flex;
justify-content: space-between;
align-items: center;
- margin: 0 auto;
}
</style>
--
Gitblit v1.9.1