需修改表单分页，图标样式

src/components/navMenu/index.vue

@@ -8,8 +8,10 @@
         </div>
       </div>
     </div>
-    <div class="toggle-btn iconfont" style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">
+    <div class="toggle-btn el-icon-s-fold" v-if="isCollapse === false" style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">
-      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div>&#xe647;</div>
+      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div><i class=""></i></div>
+    <div class="toggle-btn el-icon-s-unfold" v-else style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">
+      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div></div>
     <div class="left-tree">
       <el-menu
               unique-opened
@@ -463,7 +465,7 @@
     },
     computed: {
       logo () {
-        return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo5.png')
+        return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo2.png')
       },
       ...mapGetters(['getDynamicTotal', 'isCollapse'])
     },
@@ -509,7 +511,7 @@
         text-align: left;
         img {
           width: 115px;
-          height: 40px;
+          height: 45px;
         }
       }
     }
@@ -557,6 +559,7 @@
     color: #5ea9f6 !important;
     font-weight: bold;
   }
+
   .el-menu-item {
     padding: 0 16px !important;
     span {

src/pages/config/pages/mechanismManage/index.vue

@@ -140,9 +140,15 @@
                 <el-dropdown trigger="click" @command="handleCommand">
                   <i class="iconfont">&#xe61e;</i>
                   <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '1'" :command="[scope.row, '启用']">启用</el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '1'" :command="[scope.row, '启用']">
-                    <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '0'" :command="[scope.row, '禁用']">禁用</el-dropdown-item>
+                      启用
-                    <el-dropdown-item v-btn-permission="'ce2d2b9bb8004e0d9efcabc42a9f354d'" :command="[scope.row, '配置岗位']">配置岗位</el-dropdown-item>
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '0'" :command="[scope.row, '禁用']">
+                      禁用
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'ce2d2b9bb8004e0d9efcabc42a9f354d'" :command="[scope.row, '配置岗位']">
+                      配置岗位
+                    </el-dropdown-item>
                   </el-dropdown-menu>
                 </el-dropdown>
               </div>
@@ -155,12 +161,31 @@
     </div>
     <loading style="z-index: 2099;" :loading="treeLoading">导入中...</loading>
     <el-drawer
+      class="postPage"
       title="配置岗位"
       :visible.sync="modalPost"
       :wrapperClosable="false"
       size="800px"
       @close="resetFormPost"
     >
+      <el-form ref="" :model="sarPost" inline>
+        <el-form-item  class="search-item" style="padding-left: 25px">
+          <el-input v-model="sarPost.name"
+                    size="small"
+                    placeholder="岗位名称查找"
+                    clearable></el-input>
+        </el-form-item>
+        <el-form-item label="" class="search-item btn-box">
+          <el-button class="common-button-primary" type="primary" size="mini" @click="searchPostName"
+                     v-btn-permission="">查询
+          </el-button>
+        </el-form-item>
+        <el-form-item label="" class="search-item btn-box">
+          <el-button class="common-button-default" @click="resetSelect" size="mini"
+                     v-btn-permission="">清空
+          </el-button>
+        </el-form-item>
+      </el-form>
       <el-tree
         ref="tree2"
         node-key="id"
@@ -169,6 +194,7 @@
         v-if="modalPost"
         :props="props"
         :data="postList"
+        :filter-node-method="filterNode"
         :default-checked-keys="nodeList"
         highlight-current
         check-strictly
@@ -176,6 +202,7 @@
         :expand-on-click-node="false"
         show-checkbox>
       </el-tree>
+      <pagination :page="page" :pageSize="pageSize" :total="total2" @pageChange="pageChange2" @pageSizeChange="pageSizeChange2"></pagination>
       <div id="roleFormButton" class="demo-drawer-footer">
         <el-button
           size="mini"
@@ -183,7 +210,8 @@
           icon="el-icon-check"
           type="primary"
           @click="PostSubmit"
-        >确定</el-button>
+        >确定
+        </el-button>
         <el-button size="mini" class="common-button-default" icon="el-icon-close" @click="resetFormPost">取消</el-button>
       </div>
     </el-drawer>
@@ -208,6 +236,9 @@ export default {
       },
       nodeList: [],
       modalPost: false,
+      sarPost: {
+        name: "", // 岗位名称
+      },
       filterText: '', // 树结构检索条件
       defaultProps: {
         children: 'children',
@@ -216,6 +247,7 @@ export default {
       treeData: [], // 树结构数据
       page: 1,
       total: 0,
+      total2: 0,
       pageSize: this.$store.getters.userInfo.configContent,
       sideClose: false,
       data: [], // table数据
@@ -243,11 +275,20 @@ export default {
       }, {}, res => {
         if (res.ok) {
           this.$message.success('配置岗位成功')
+
           this.modalPost = false
           this.getData()
         }
       })
     },
+    searchPostName() {
+      this.page = 1;
+      this.getTree2();
+    }, // 查询
+    resetSelect() {
+      this.sarPost.name = "";
+      this.getTree2();
+    }, // 外层清空条件查询
     handleCommand(command) {
       switch (command[1]) {
         case '启用':
@@ -261,11 +302,17 @@ export default {
           break
       }
     },
+
     getTree2() {
-      this.$http.get('sarPosition/position', {}, {
+      this.$http.get('sarPosition/position', {
+        current: this.page,
+        pageSize: this.pageSize,
+        ...this.sarPost,
+      }, {
         _this: this,
       }, res => {
-        this.postList = res.data
+        this.postList = res.data.records
+        this.total2 = res.data.total
       })
     },
     postsConfigure(row) {
@@ -355,6 +402,14 @@ export default {
       this.pageSize = pageSize
       this.getData()
     },
+    pageChange2(page) {
+      this.page = page
+      this.getTree2()
+    },
+    pageSizeChange2(pageSize) {
+      this.pageSize = pageSize
+      this.getTree2()
+    },
   },
   computed: {},
   watch: {
@@ -372,38 +427,53 @@ export default {
 
 <style lang="less">
 @import '~@/assets/styles/mixins';
+
 #mechanism-manage {
   display: flex;
   height: 100%;
+
   .tree-close {
     .tree {
       left: -200px !important;
     }
+
     .tree-right {
       width: calc(~'100% - 15px') !important;
     }
+
     .side-bar-collapse {
       background: #5596CC !important;
       color: #FFF;
     }
   }
+
   .tree-closed {
     width: 15px !important;
   }
+
+  .postPage {
+    .pagination {
+      position: initial;
+    }
+  }
+
   .tree-content {
     background: #fff;
     width: 300px;
     position: relative;
+
     .tree {
       width: 95%;
       position: absolute;
       left: 0;
     }
+
     .tree-collapse {
       position: absolute;
       right: 0;
     }
   }
+
   .tree-right {
     overflow-y: hidden;
     padding: 0;
@@ -412,6 +482,7 @@ export default {
     height: 100%;
     display: flex;
     flex-direction: column;
+
     .content {
       padding: 0px;
       display: flex;
@@ -420,6 +491,7 @@ export default {
       flex: auto;
       //height: calc(~'100% - 105px - 56px');
     }
+
     .pagination {
       position: static;
       width: 100% !important;
@@ -431,23 +503,29 @@ export default {
 <style lang="less" scoped>
 #mechanism-manage {
   height: 100%;
+
   .content {
     height: calc(~'100% - 105px - 56px')
   }
+
   /deep/ .el-select__tags {
     overflow-x: hidden;
   }
+
   /deep/ .width-all {
     width: 100%;
   }
+
   .filter-tree {
     height: calc(~'100% - 50px')
   }
+
   .laws-tree {
     /deep/ .clearable {
       top: 20px;
     }
   }
+
   .add-form-item {
     display: flex;
   }