全部人员移动端

src/icons/svg/operate.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761704739407" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5253" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M420.966049 32.869982C396.390062 54.885971 384.000069 81.817956 384.000069 113.765939c0 32.051983 12.339993 58.931968 36.96598 80.895956 24.729987 21.913988 55.03997 32.869982 91.033951 32.869983a132.095929 132.095929 0 0 0 90.981951-32.869983c24.371987-21.247989 37.73498-50.533973 36.96698-80.895956 0-31.999983-12.287993-58.879968-36.96698-80.895957C578.303964 10.956994 547.941981 0 512 0c-36.044981 0-66.303964 10.956994-91.033951 32.869982z m0 398.233786C396.390062 453.068757 384.000069 479.999742 384.000069 511.999725s12.339993 58.879968 36.96598 80.895957c24.729987 21.861988 55.03997 32.869982 91.033951 32.869982a132.095929 132.095929 0 0 0 90.981951-32.869982c24.371987-21.299989 37.73498-50.585973 36.96698-80.895957 0-32.050983-12.287993-58.930968-36.96698-80.895957-24.677987-21.913988-55.03997-32.869982-90.981951-32.869982-36.044981 0-66.303964 10.955994-91.033951 32.869982z m0 398.181787C396.390062 851.301543 384.000069 878.233528 384.000069 910.181511c0 32.051983 12.339993 58.931968 36.96598 80.895957 24.729987 21.913988 55.03997 32.869982 91.033951 32.869982a132.095929 132.095929 0 0 0 90.981951-32.869982c24.371987-21.247989 37.73498-50.533973 36.96698-80.895957 0-31.999983-12.287993-58.879968-36.96698-80.895956-24.677987-21.861988-55.03997-32.869982-90.981951-32.869983-36.044981 0-66.303964 11.007994-91.033951 32.869983z" p-id="5254"></path></svg>

src/styles/index.scss

@@ -90,9 +90,9 @@ div:focus {
                 padding: 15px 10px;
               }
               .search-box{
-                padding-top: 12px;
+                padding-top: 12px !important;
                 .search-item{
-                  margin-bottom: 10px;
+                  margin-bottom: 10px !important;
                 }
               }
             }

src/views/cdkey_manage/index.vue

@@ -175,7 +175,7 @@
                 </div>
               </template>
             </el-table-column>
-            <el-table-column prop="memo" label="备注" width="120">
+            <el-table-column prop="memo" label="备注" width="160">
             </el-table-column>
             <el-table-column fixed="right" label="操作" width="180">
               <template slot-scope="scope">

src/views/finance_manage/RefundManager.vue

@@ -64,7 +64,7 @@
             style="width: 100%"
             @sort-change="handleSort"
             :default-sort="dataSort"
-            :max-height="isPhone ? '' : tableHeight"
+            :max-height="isPhone ? 'auto' : tableHeight"
             v-loading="tableLoading"
           >
             <el-table-column
@@ -230,7 +230,7 @@
             "
             :total="total_count"
             :small="isPhone"
-            :pager-count="isPhone ? 3 : 7"
+            :pager-count="isPhone ? 5 : 7"
           >
           </el-pagination>
         </div>
@@ -836,13 +836,15 @@ export default {
   mounted() {
     let _this = this;
     let input = document.querySelector("input");
-    input.addEventListener("keyup", function (event) {
-      // 判断是否按下回车键
-      if (event.keyCode === 13) {
-        // 回车键被按下，执行你想要的操作
-        _this.getList(1);
-      }
-    });
+    if (input) {
+      input.addEventListener("keyup", function (event) {
+        // 判断是否按下回车键
+        if (event.keyCode === 13) {
+          // 回车键被按下，执行你想要的操作
+          _this.getList(1);
+        }
+      });
+    }
   },
   //生命周期-创建之前
   beforeCreated() {},

src/views/organize_manage/EditPerson.vue

@@ -2,11 +2,26 @@
   <div class="manage-root edit-person" v-if="info">
     <Header />
     <div class="manage-root-contain">
-        <nav-menu class="manage-root-contain-left" :activeMenuIndex="activeMenuIndex"></nav-menu>
-        <div class="manage-root-contain-right personnel-manage-right">
-            <breadcrumb :breadcrumbList="breadcrumbList" class="breadcrumb-box"></breadcrumb>
-            <setting :page="$route.query.page?$route.query.page:'editOrgPerson'" :info="info" @getInfo="getInfo" @changeBread="changeBread"></setting>
-        </div>
+      <nav-menu
+        class="manage-root-contain-left"
+        :activeMenuIndex="activeMenuIndex"
+      ></nav-menu>
+      <div
+        class="manage-root-contain-right personnel-manage-right"
+        :class="[isPhone ? 'manage-root-contain-right-phone' : '']"
+      >
+        <breadcrumb
+          :breadcrumbList="breadcrumbList"
+          class="breadcrumb-box"
+          :class="[isPhone ? 'breadcrumb-box-phone' : '']"
+        ></breadcrumb>
+        <setting
+          :page="$route.query.page ? $route.query.page : 'editOrgPerson'"
+          :info="info"
+          @getInfo="getInfo"
+          @changeBread="changeBread"
+        ></setting>
+      </div>
     </div>
   </div>
 </template>
@@ -15,9 +30,9 @@
 //这里可以导入其它文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 //例如：import 《组件名称》from ‘《组件路径》';
 import Header from "../../components/Header.vue";
-import NavMenu from "../../components/NavMenu.vue"
-import Breadcrumb from '../../components/Breadcrumb.vue';
-import Setting from "../../components/Setting.vue"
+import NavMenu from "../../components/NavMenu.vue";
+import Breadcrumb from "../../components/Breadcrumb.vue";
+import Setting from "../../components/Setting.vue";
 import { getLogin } from "@/api/ajax";
 
 export default {
@@ -27,17 +42,16 @@ export default {
   data() {
     //这里存放数据
     return {
-        activeMenuIndex: "organize_manage",
-        breadcrumbList:[],
-        tableHeight: "", // 表格高度
-        id:this.$route.query.id?this.$route.query.id:'',
-        info: null
-    }
+      activeMenuIndex: "organize_manage",
+      breadcrumbList: [],
+      tableHeight: "", // 表格高度
+      id: this.$route.query.id ? this.$route.query.id : "",
+      info: null,
+      isPhone: false,
+    };
   },
   //计算属性 类似于data概念
-  computed: {
-    
-  },
+  computed: {},
   //监控data中数据变化
   watch: {},
   //方法集合
@@ -53,78 +67,80 @@ export default {
       }
     },
     // 获取机构信息
-    getInfo(){
-        let MethodName = "/OrgServer/Manager/PersonManager/GetPersonInfo";
-        let data = {
-            id: this.id,
-        }
-        getLogin(MethodName, data)
+    getInfo() {
+      let MethodName = "/OrgServer/Manager/PersonManager/GetPersonInfo";
+      let data = {
+        id: this.id,
+      };
+      getLogin(MethodName, data)
         .then((res) => {
-            if(res.status===1){
-                let breadcrumb = [
-                    {
-                        icon:'school-line',
-                        url:'',
-                        text:''
-                    },
-                    {
-                        icon:'',
-                        url:'',
-                        text:'机构管理'
-                    },
-                    {
-                        icon:'',
-                        url:'',
-                        text:res.person.org_name
-                    },
-                    {
-                        icon:'',
-                        url:'',
-                        text:'人员信息'
-                    }
-                ]
-                this.breadcrumbList = breadcrumb
-                this.info = res.person
-            }
+          if (res.status === 1) {
+            let breadcrumb = [
+              {
+                icon: "school-line",
+                url: "",
+                text: "",
+              },
+              {
+                icon: "",
+                url: "",
+                text: "机构管理",
+              },
+              {
+                icon: "",
+                url: "",
+                text: res.person.org_name,
+              },
+              {
+                icon: "",
+                url: "",
+                text: "人员信息",
+              },
+            ];
+            this.breadcrumbList = breadcrumb;
+            this.info = res.person;
+          }
         })
-        .catch(() => {
-            
-        });
+        .catch(() => {});
     },
     // 修改面包屑
-    changeBread(list){
-        this.breadcrumbList = list
-    }
+    changeBread(list) {
+      this.breadcrumbList = list;
+    },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
+    const regExp = /Android|webOS|iPhone|BlackBerry|IEMobile|Opera Mini/i;
+    this.isPhone = regExp.test(navigator.userAgent) && window.innerWidth < 860;
     this.getTableHeight();
-    if(this.id){
-        this.getInfo()
+    if (this.id) {
+      this.getInfo();
     }
-    
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() {
-
-  },
+  mounted() {},
   //生命周期-创建之前
-  beforeCreated() { },
+  beforeCreated() {},
   //生命周期-挂载之前
-  beforeMount() { },
+  beforeMount() {},
   //生命周期-更新之前
-  beforUpdate() { },
+  beforUpdate() {},
   //生命周期-更新之后
-  updated() { },
+  updated() {},
   //生命周期-销毁之前
-  beforeDestory() { },
+  beforeDestory() {},
   //生命周期-销毁完成
-  destoryed() { },
+  destoryed() {},
   //如果页面有keep-alive缓存功能，这个函数会触发
-  activated() { }
-}
+  activated() {},
+};
 </script>
 <style lang="scss" scoped>
 /* @import url(); 引入css类 */
-
+.manage-root-contain-right-phone {
+  .personal-inner {
+    min-height: calc(100vh - 124px);
+    height: auto;
+  }
+}
 </style>

src/views/organize_manage/PersonListAll.vue

@@ -6,10 +6,14 @@
         class="manage-root-contain-left"
         :activeMenuIndex="activeMenuIndex"
       ></nav-menu>
-      <div class="manage-root-contain-right personnel-manage-right">
+      <div
+        class="manage-root-contain-right personnel-manage-right"
+        :class="[isPhone ? 'manage-root-contain-right-phone' : '']"
+      >
         <breadcrumb
           :breadcrumbList="breadcrumbList"
           class="breadcrumb-box"
+          :class="[isPhone ? 'breadcrumb-box-phone' : '']"
         ></breadcrumb>
         <div class="personal-inner">
           <!--<div class="common-title-box">
@@ -35,7 +39,7 @@
               > 
             </div>
           </div>-->
-          <div class="tabs">
+          <div class="tabs" :style="{ paddingBottom: isPhone ? '0' : '' }">
             <a
               :class="[tabsIndex === 0 ? 'active' : '']"
               @click="handleChangeTabs(0)"
@@ -56,8 +60,18 @@
               @click="handleChangeTabs(3)"
               >白名单</a
             > -->
+            <span
+              v-if="isPhone"
+              @click="showSearch = !showSearch"
+              style="font-size: 14px"
+              >{{ showSearch ? "收起查询条件" : "展开查询条件" }}</span
+            >
           </div>
-          <div class="search">
+          <div
+            class="search"
+            v-if="showSearch"
+            :class="[isPhone ? 'search-phone' : '']"
+          >
             <div class="search-box" v-if="tabsIndex !== 2">
               <div class="search-item">
                 <label>搜索</label>
@@ -197,7 +211,7 @@
               key="table"
               @sort-change="handleSort"
               :default-sort="dataSort"
-              :max-height="tableHeight"
+              :max-height="isPhone ? 'auto' : tableHeight"
               @selection-change="handleSelectionChange"
               v-loading="tableLoading"
             >
@@ -282,55 +296,95 @@
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column fixed="right" label="操作" width="140">
+              <el-table-column
+                fixed="right"
+                label="操作"
+                :width="isPhone ? '50' : '140'"
+              >
                 <template slot-scope="scope">
-                  <el-button
-                    @click.native.prevent="handleEdit(scope.row)"
-                    type="text"
-                    size="small"
-                    class="primary-btn"
-                  >
-                    编辑
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleUp(scope.row, 'up')"
-                    type="text"
-                    size="small"
-                    class="primary-btn"
-                    v-if="scope.row.status === 0"
-                  >
-                    开启
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleUp(scope.row, 'down')"
-                    type="text"
-                    size="small"
-                    class="red-btn"
-                    v-else-if="scope.row.status === 1"
-                  >
-                    停用
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleDelete(scope.row)"
-                    type="text"
-                    size="small"
-                    class="red-btn"
-                    v-if="scope.row.status === 0"
-                  >
-                    删除
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleMove(scope.row)"
-                    type="text"
-                    size="small"
-                    class="primary-btn"
-                  >
-                    移动
-                  </el-button>
+                  <el-dropdown trigger="click" v-if="isPhone">
+                    <span class="el-dropdown-link">
+                      <svg-icon
+                        icon-class="operate"
+                        class="el-dropdown-link"
+                      ></svg-icon>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item
+                        @click.native.prevent="handleEdit(scope.row)"
+                        >编辑</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        @click.native.prevent="handleUp(scope.row, 'up')"
+                        v-if="scope.row.status === 0"
+                        >开启</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        @click.native.prevent="handleUp(scope.row, 'down')"
+                        v-else-if="scope.row.status === 1"
+                        >停用</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        @click.native.prevent="handleDelete(scope.row)"
+                        v-if="scope.row.status === 0"
+                        >删除</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        @click.native.prevent="handleMove(scope.row)"
+                        >移动</el-dropdown-item
+                      >
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                  <template v-else>
+                    <el-button
+                      @click.native.prevent="handleEdit(scope.row)"
+                      type="text"
+                      size="small"
+                      class="primary-btn"
+                    >
+                      编辑
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleUp(scope.row, 'up')"
+                      type="text"
+                      size="small"
+                      class="primary-btn"
+                      v-if="scope.row.status === 0"
+                    >
+                      开启
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleUp(scope.row, 'down')"
+                      type="text"
+                      size="small"
+                      class="red-btn"
+                      v-else-if="scope.row.status === 1"
+                    >
+                      停用
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleDelete(scope.row)"
+                      type="text"
+                      size="small"
+                      class="red-btn"
+                      v-if="scope.row.status === 0"
+                    >
+                      删除
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleMove(scope.row)"
+                      type="text"
+                      size="small"
+                      class="primary-btn"
+                    >
+                      移动
+                    </el-button>
+                  </template>
                 </template>
               </el-table-column>
             </el-table>
             <el-pagination
+              v-if="total_count"
               key="pagination"
               background
               @size-change="
@@ -340,8 +394,14 @@
               :current-page="pageNumber"
               :page-sizes="[10, 20, 30, 40]"
               :page-size="pageSize"
-              layout="total, prev, pager, next, sizes, jumper"
+              :layout="
+                isPhone
+                  ? 'total, prev, pager, next'
+                  : 'total, prev, pager, next, sizes, jumper'
+              "
               :total="total_count"
+              :small="isPhone"
+              :pager-count="isPhone ? 5 : 7"
             >
             </el-pagination>
           </template>
@@ -350,7 +410,7 @@
               class="search-table"
               :data="tableData"
               style="width: 100%"
-              :max-height="tableHeight"
+              :max-height="isPhone ? 'auto' : tableHeight"
               key="auditTable"
               @sort-change="handleSort"
               :default-sort="dataSorts"
@@ -455,45 +515,80 @@
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column fixed="right" label="操作" width="170">
+              <el-table-column
+                fixed="right"
+                label="操作"
+                :width="isPhone ? '50' : '170'"
+              >
                 <template slot-scope="scope">
-                  <el-button
-                    @click.native.prevent="handleLook(scope.row)"
-                    type="text"
-                    size="small"
-                    class="primary-btn"
-                  >
-                    查看
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleAudit(scope.row, 'up')"
-                    type="text"
-                    size="small"
-                    class="primary-btn"
-                  >
-                    同意
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleAudit(scope.row, 'down')"
-                    type="text"
-                    size="small"
-                    class="red-btn"
-                    v-if="scope.row.audit_status === 0"
-                  >
-                    拒绝
-                  </el-button>
-                  <el-button
-                    @click.native.prevent="handleMove(scope.row)"
-                    type="text"
-                    size="small"
-                    class="primary-btn"
-                  >
-                    移动
-                  </el-button>
+                  <el-dropdown trigger="click" v-if="isPhone">
+                    <span class="el-dropdown-link">
+                      <svg-icon
+                        icon-class="operate"
+                        class="el-dropdown-link"
+                      ></svg-icon>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item
+                        @click.native.prevent="handleLook(scope.row)"
+                        >查看</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        @click.native.prevent="handleAudit(scope.row, 'up')"
+                        >同意</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        @click.native.prevent="handleAudit(scope.row, 'down')"
+                        v-if="scope.row.audit_status === 0"
+                        >拒绝</el-dropdown-item
+                      >
+
+                      <el-dropdown-item
+                        @click.native.prevent="handleMove(scope.row)"
+                        >移动</el-dropdown-item
+                      >
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                  <template v-else>
+                    <el-button
+                      @click.native.prevent="handleLook(scope.row)"
+                      type="text"
+                      size="small"
+                      class="primary-btn"
+                    >
+                      查看
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleAudit(scope.row, 'up')"
+                      type="text"
+                      size="small"
+                      class="primary-btn"
+                    >
+                      同意
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleAudit(scope.row, 'down')"
+                      type="text"
+                      size="small"
+                      class="red-btn"
+                      v-if="scope.row.audit_status === 0"
+                    >
+                      拒绝
+                    </el-button>
+                    <el-button
+                      @click.native.prevent="handleMove(scope.row)"
+                      type="text"
+                      size="small"
+                      class="primary-btn"
+                    >
+                      移动
+                    </el-button>
+                  </template>
                 </template>
               </el-table-column>
             </el-table>
             <el-pagination
+              v-if="total_count"
               background
               key="auditpagination"
               @size-change="
@@ -503,125 +598,14 @@
               :current-page="pageNumbers"
               :page-sizes="[10, 20, 30, 40]"
               :page-size="pageSizes"
-              layout="total, prev, pager, next, sizes, jumper"
-              :total="total_count"
-            >
-            </el-pagination>
-          </template>
-          <template v-if="tabsIndex === 2">
-            <el-table
-              :data="tableData"
-              v-loading="tableLoading"
-              :max-height="tableHeight"
-              style="width: 100%"
-              key="2"
-            >
-              <el-table-column type="expand">
-                <template slot-scope="props">
-                  <el-form
-                    label-position="left"
-                    inline
-                    class="demo-table-expand"
-                  >
-                    <el-form-item>
-                      <h3 class="content-title">兑换内容</h3>
-                      <div
-                        class="content-list"
-                        v-for="(itemC, indexC) in props.row.goods_list"
-                        :key="indexC"
-                      >
-                        <span>{{ indexC + 1 + "." }}</span>
-                        <b>{{ itemC.goods_name }}</b>
-                      </div>
-                    </el-form-item>
-                  </el-form>
-                </template>
-              </el-table-column>
-              <el-table-column
-                type="index"
-                label="#"
-                sortable
-                width="54"
-                :index="(pageNumber - 1) * pageSize + 1"
-              >
-              </el-table-column>
-              <el-table-column
-                label="名称"
-                prop="discount_code_name"
-                width="300"
-              >
-              </el-table-column>
-              <el-table-column label="兑换码" prop="discount_code" width="300">
-              </el-table-column>
-              <el-table-column label="绑定时间" prop="bind_time">
-              </el-table-column>
-              <el-table-column prop="use_status" label="状态" width="116">
-                <template slot-scope="scope">
-                  <div
-                    class="status-box"
-                    v-if="codeStatusList[scope.row.use_status]"
-                  >
-                    <span
-                      :style="{
-                        background: codeStatusList[scope.row.use_status].color,
-                      }"
-                    ></span>
-                    <b
-                      :style="{
-                        color: codeStatusList[scope.row.use_status].color,
-                      }"
-                      >{{ codeStatusList[scope.row.use_status].text }}</b
-                    >
-                  </div>
-                </template>
-              </el-table-column>
-            </el-table>
-            <el-pagination
-              background
-              key="2"
-              @size-change="
-                (val) => handleSizeChange(val, 'pageSizeD', 'pageNumberD')
-              "
-              @current-change="(val) => handleCurrentChange(val, 'pageNumberD')"
-              :current-page="pageNumberD"
-              :page-sizes="[10, 20, 30, 40]"
-              :page-size="pageSizes"
-              layout="total, prev, pager, next, sizes, jumper"
-              :total="total_count"
-            >
-            </el-pagination>
-          </template>
-          <template v-if="tabsIndex === 3">
-            <el-table
-              class="search-table"
-              :data="tableData"
-              style="width: 100%"
-              :max-height="tableHeight"
-              key="3"
-              @sort-change="handleSort"
-              :default-sort="dataSorts"
-              v-loading="tableLoading"
-            >
-              <el-table-column
-                prop="real_name"
-                label="真实姓名"
-                sortable="custom"
-              >
-              </el-table-column>
-              <el-table-column prop="phone" label="手机号"> </el-table-column>
-            </el-table>
-            <el-pagination
-              background
-              key="3"
-              @size-change="
-                (val) => handleSizeChange(val, 'pageSizeW', 'pageNumberW')
+              :layout="
+                isPhone
+                  ? 'total, prev, pager, next'
+                  : 'total, prev, pager, next, sizes, jumper'
               "
-              @current-change="(val) => handleCurrentChange(val, 'pageNumberW')"
-              :current-page="pageNumberW"
-              :page-sizes="[10, 20, 30, 40]"
-              :page-size="pageSizes"
-              layout="total, prev, pager, next, sizes, jumper"
               :total="total_count"
+              :small="isPhone"
+              :pager-count="isPhone ? 5 : 7"
             >
             </el-pagination>
           </template>
@@ -633,7 +617,7 @@
       :show-close="false"
       :close-on-click-modal="false"
       :modal-append-to-body="false"
-      width="398px"
+      :width="isPhone ? '100%' : '398px'"
       class="login-dialog person-dialog"
       v-if="importFlag"
     >
@@ -646,7 +630,7 @@
     <!-- 移动 -->
     <el-dialog
       :visible.sync="sourceMoveFlag"
-      width="500px"
+      :width="isPhone ? '100%' : '500px'"
       append-to-body
       :show-close="true"
       title="移动人员"
@@ -826,6 +810,8 @@ export default {
       btnLoading: false,
       select_sources_id: "",
       orgList: [],
+      isPhone: false,
+      showSearch: true,
     };
   },
   //计算属性 类似于data概念
@@ -1238,9 +1224,17 @@ export default {
         })
         .catch(() => {});
     },
+    handleCommand(command) {
+      this.$message(command);
+    },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
+    const regExp = /Android|webOS|iPhone|BlackBerry|IEMobile|Opera Mini/i;
+    this.isPhone = regExp.test(navigator.userAgent) && window.innerWidth < 860;
+    if (this.isPhone) {
+      this.showSearch = false;
+    }
     this.getTableHeight();
     this.getList();
     this.getOrgList();
@@ -1276,6 +1270,7 @@ export default {
 .tabs {
   display: flex;
   padding-bottom: 16px;
+  align-items: center;
   a {
     font-size: 14px;
     line-height: 22px;
@@ -1297,6 +1292,19 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
+  &-phone {
+    display: block;
+    .search-right {
+      display: flex;
+      gap: 10px;
+      flex-flow: wrap;
+      height: auto;
+      .el-button + .el-button,
+      .el-checkbox.is-bordered + .el-checkbox.is-bordered {
+        margin-left: 0;
+      }
+    }
+  }
 }
 .search-box {
   padding-top: 0;
@@ -1386,6 +1394,17 @@ export default {
 .search-table {
   margin-top: 20px !important;
 }
+.manage-root-contain-right-phone {
+  .personal-inner {
+    min-height: calc(100vh - 124px);
+    height: auto;
+  }
+}
+:deep .el-dialog {
+  .el-input {
+    width: auto;
+  }
+}
 </style>
 <style lang="scss">
 .organize-manage {