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