From 49c31a3feb1e2d3174016f5a12c13cf500460ca3 Mon Sep 17 00:00:00 2001
From: yang <1441163367@qq.com>
Date: 星期四, 27 十月 2022 15:47:00 +0800
Subject: [PATCH] 新增展开和收起按钮
---
src/views/padSunmaryProcedure/padWord.vue | 193 +++++++++++++++++++++++-------------------------
1 files changed, 92 insertions(+), 101 deletions(-)
diff --git a/src/views/padSunmaryProcedure/padWord.vue b/src/views/padSunmaryProcedure/padWord.vue
index 7ded4e7..0b023a3 100644
--- a/src/views/padSunmaryProcedure/padWord.vue
+++ b/src/views/padSunmaryProcedure/padWord.vue
@@ -1,119 +1,110 @@
<template>
-<div>
- <div id="box">
- <div class="btn">
- <p class="types" >鏈～鍐�</p>
- <div style="display: inline-block">
- <p class="names">璋冩煡璇㈤棶绗斿綍</p>
- <!-- <p>
- <span>{{ item.addTime }}</span>
- <span class="str1">{{ item.updateBy }}</span>
- </p>-->
+ <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>
+ <el-button v-if="1" icon="el-icon-caret-top" @click="ShowHide(0)"></el-button>
+ <el-button v-if="0" icon="el-icon-caret-bottom" @click="ShowHide(1)"></el-button>
+ <el-button icon="el-icon-upload el-icon--right" @click="submit">鎻愪氦</el-button>
</div>
- <!-- <div v-if="item.hasReceipt == 1">
- <img :src="item.receiptState =='0' ? src2 :src1" @click.stop="openHuiZheng(item)">
- </div>-->
</div>
- <div class="btn">
- <p class="types" >鏈～鍐�</p>
- <div style="display: inline-block">
- <p class="names">璐ｄ护闄愭湡鏀规閫氱煡涔�</p>
- <!-- <p>
- <span>{{ item.addTime }}</span>
- <span class="str1">{{ item.updateBy }}</span>
- </p>-->
- </div>
- <!-- <div v-if="item.hasReceipt == 1">
- <img :src="item.receiptState =='0' ? src2 :src1" @click.stop="openHuiZheng(item)">
- </div>-->
- </div>
- <div class="btn">
- <p class="types" >鏈～鍐�</p>
- <div style="display: inline-block">
- <p class="names">澶勭綒鍐冲畾涔�</p>
- <!-- <p>
- <span>{{ item.addTime }}</span>
- <span class="str1">{{ item.updateBy }}</span>
- </p>-->
- </div>
- <!-- <div v-if="item.hasReceipt == 1">
- <img :src="item.receiptState =='0' ? src2 :src1" @click.stop="openHuiZheng(item)">
- </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 v-if="activeName == 'first'"></BiLu>
+ </el-tab-pane>
+ <el-tab-pane label="璐ｄ护闄愭湡鏀规閫氱煡涔�" name="second">
+ <GaiZheng v-if="activeName == 'second'"></GaiZheng>
+ </el-tab-pane>
+ <el-tab-pane label="澶勭綒鍐冲畾涔�" name="third">
+ <JueDingShu v-if="activeName == 'third'"></JueDingShu>
+ </el-tab-pane>
+ </el-tabs>
</div>
- <button class="btnCode">鎻愪氦瀹℃牳</button>
-</div>
</template>
<script>
+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: "padWord",
+ components: {
+ BiLu,
+ GaiZheng,
+ JueDingShu,
+ },
+ data() {
+ return {
+ btn: 1,
+ id: '',
+ form: {
+ id: ''
+ },
+ name1: "",
+ activeName: 'first'
+ }
+ },
+ created() {
+ this.id = this.$store.state.user.id
+ if (this.$route.query) {
+ this.$nextTick(() => {
+ this.name1 = this.$route.query.name
+ })
+ }
+ },
+ methods: {
+ ShowHide(type) {
+ this.btn = type;
+ window.android.toShowHide()
+ }
+ goHome() {
+ this.$router.push({
+ path: '/pad',
+ })
+ },
+ 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
+ }
+ }
}
</script>
-<style lang="scss" scoped>
-#box{
+<style lang="scss">
+.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%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
-}
-.btnCode{
- background: #1f94f4;
- color: #fff;
- border: none;
- position: absolute;
- left: 50%;
- bottom: 10%;
-}
-.btn {
- width: 188px;
- height: 90px;
- display: flex;
- flex-wrap: wrap;
- margin: 5px;
- background: rgba(255, 177, 48, 0.04);;
- border: #666666 1px solid;
- color: #666666;
- position: relative;
-
- .types {
- width: 10%;
- height: 100%;
- display: inline-block;
- padding: 4% 0 0;
- box-sizing: border-box;
- background: #666666;
- color: #fff;
- text-align: center;
- }
-
- div {
- .names {
- display: flex;
- max-width: 165px;
- flex-wrap: wrap;
- font-weight: bold;
- font-size: 14px;
- }
-
- p {
- .str1 {
- display: inline-block;
- margin-left: 6px
- }
- }
- }
-
- div {
- img {
- position: absolute;
- width: 30px;
- height: 30px;
- right: 1px;
- bottom: 1px;
- }
- }
}
</style>
--
Gitblit v1.9.1