18 组织架构、标签添加关闭app功能按钮，并修改返回按钮样式使其与每个页面的样式一致（点开按钮位置无变化） 搜索框改为van-search 带验证软键盘有无改变

src/components/addTrain/labelTrain.vue

@@ -9,6 +9,12 @@
           src="@assets/images/back.png"
           alt=""
         >
+        <img
+          class="close"
+          @click="closeApp"
+          src="@assets/images/close.png"
+          alt=""
+        >
       </div>
       <div class="title">
         <span>标签</span>
@@ -40,6 +46,7 @@
 <script>
 import {Checkbox, CheckboxGroup} from 'vant'
 import {get} from '@/api/test'
+import {sendInfoToJava} from "../../utils/mt-utils";
 
 export default {
   name: 'LabelTrain',
@@ -62,6 +69,10 @@ export default {
     }
   },
   methods: {
+    // 关闭app
+    closeApp() {
+      sendInfoToJava('close')
+    },
     // 点击返回
     arrowBack() {
       this.$emit('arrowBack')
@@ -123,10 +134,21 @@ export default {
         position: absolute;
         bottom: 0;
         height: 100%;
+        display: flex;
+        align-items: center;
         & > img{
           width: 12px;
           height: 21px;
           padding: 10px 15px;
+          /*vertical-align: middle;*/
+        }
+        .close{
+          width: 19px;
+          height: 19px;
+          margin-left: 15px;
+          /*padding: 0 15px;*/
+          /*vertical-align: middle;*/
+          padding: 10px 0;
         }
       }
       .title{

src/components/mt-organization/index.vue

@@ -9,6 +9,12 @@
           src="@assets/images/back.png"
           alt=""
         >
+        <img
+          class="close"
+          @click="closeApp"
+          src="@assets/images/close.png"
+          alt=""
+        >
       </div>
       <div class="title">
         <span>选择可见范围</span>
@@ -27,14 +33,22 @@
               <!--class="iconfont icon-sousuo"-->
               <!--@click="searchPeople"-->
               <!--&gt;</i>-->
-              <input
-                type="text"
-                id="searchInput"
-                style="padding-left: 25px"
-                placeholder='搜索'
-                @keydown.enter="searchPeople"
-                v-model.trim="searchName"
-              >
+<!--              <input-->
+<!--                type="text"-->
+<!--                id="searchInput"-->
+<!--                style="padding-left: 25px"-->
+<!--                placeholder='搜索'-->
+<!--                @keydown.enter="searchPeople"-->
+<!--                v-model.trim="searchName"-->
+<!--              >-->
+              <form action="/">
+                <van-search
+                  shape="round"
+                  v-model.trim="searchName"
+                  placeholder="搜索"
+                  @search="searchPeople"
+                />
+              </form>
             </div>
           </div>
           <!--面包屑-->
@@ -161,6 +175,7 @@
   import organizationAPI from './organization'
   import util from './utils'
   import { icon,popup  } from 'vant';
+  import {sendInfoToJava} from "../../utils/mt-utils";
 
   export default {
     components: {
@@ -319,6 +334,9 @@
     // 方法集合
     methods: {
       // 点击返回
+      closeApp() {
+        sendInfoToJava('close')
+      },
       arrowBack() {
         this.$emit('closeDialog')
       },
@@ -708,10 +726,20 @@ function compare (property) {
         position: absolute;
         bottom: 0;
         height: 100%;
+        display: flex;
+        align-items: center;
         & > img{
           width: 12px;
           height: 21px;
           padding: 10px 15px;
+          /*vertical-align: middle;*/
+        }
+        .close{
+          width: 19px;
+          height: 19px;
+          margin-left: 15px;
+          /*vertical-align: middle;*/
+          padding: 10px 0;
         }
       }
       .title{
@@ -829,7 +857,7 @@ function compare (property) {
         overflow-y: auto;
         .searchBox {
           width: 20rem;
-          height: 1.43rem;
+          height: 1.6rem;
           background-color: #fff;
           margin: 0 auto;
           margin-top: .67rem;
@@ -1064,3 +1092,30 @@ function compare (property) {
     text-overflow: ellipsis;
   }
 </style>
+<style lang="less">
+  .label-train{
+    .organization{
+      .block{
+        .content{
+          .searchBox{
+            overflow: hidden;
+            .searchBlock{
+              .van-search{
+                width: 100%;
+                height: 100%;
+                padding: 0;
+                .van-search__content{
+                  height: 100%;
+                  background-color: #ffffff;
+                  .van-cell{
+                    padding: 0;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+</style>

src/main.js

@@ -6,7 +6,7 @@ import Storage from 'vue-ls'
 import {sessionOptions, localOptions} from './config/vue-ls.config'
 import * as _ from 'lodash'
 import 'vant/lib/icon/local.css'
-import {ActionSheet, Loading, Slider, Overlay, PullRefresh, Field, Image, Toast, Dialog} from 'vant'
+import {ActionSheet, Loading, Slider, Overlay, PullRefresh, Field, Image, Toast, Dialog, Search} from 'vant'
 import wnsdk from '@tjmt/wnsdk'
 import {curriculumTrainRouter, setgoindex} from './utils'
 import './assets/style/resetui.less'
@@ -31,6 +31,7 @@ Vue.use(Overlay)
 Vue.use(Slider)
 Vue.use(Loading)
 Vue.use(ActionSheet)
+Vue.use(Search)
 Vue.config.productionTip = false
 // 定义线上课程 线下培训 跳转方法
 Vue.prototype.$curriculumTrainRouter = curriculumTrainRouter