|  |  | 
 |  |  |     </el-form> | 
 |  |  |     <!-- 表格和分页 --> | 
 |  |  |     <template v-slot:table-wrap> | 
 |  |  |       <div style="display: flex;"> | 
 |  |  |         <div style="width: 15%; border-right: 1px solid #ececec;"> | 
 |  |  |           <Tree | 
 |  |  |             :list="data" | 
 |  |  |             :defaultProps="defaultProps" | 
 |  |  |             @callback="callback" | 
 |  |  |           ></Tree> | 
 |  |  |         </div> | 
 |  |  |         <div style="width: 84%; margin-left: 1%;"> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         <div> | 
 |  |  |           <div class="zdy_box"> | 
 |  |  |             <div style="display: flex; align-items: center;"> | 
 |  |  |               <span>{{name ? name : '全部'}} ({{tableData.pagination.total}})</span> | 
 |  |  |             </div> | 
 |  |  |             <ul class="toolbar" v-permissions="['system:user:create', 'system:user:delete']"> | 
 |  |  |               <li v-permissions="['system:user:create']"> | 
 |  |  |                 <ImportButton | 
 |  |  |                   text="导入" | 
 |  |  |                   template-name="用户模板.xlsx" | 
 |  |  |                   template-path="/template/user_import_template.xlsx" | 
 |  |  |                   action="/system/user/importSystemUserBatch" | 
 |  |  |                   @success="search" | 
 |  |  |                 /> | 
 |  |  |               </li> | 
 |  |  | <!--              <li v-permissions="['system:user:create']">--> | 
 |  |  | <!--                <ImportButton--> | 
 |  |  | <!--                  text="导入"--> | 
 |  |  | <!--                  template-name="用户模板.xlsx"--> | 
 |  |  | <!--                  template-path="/template/user_import_template.xlsx"--> | 
 |  |  | <!--                  action="/system/user/importSystemUserBatch"--> | 
 |  |  | <!--                  @success="search"--> | 
 |  |  | <!--                />--> | 
 |  |  | <!--              </li>--> | 
 |  |  |               <li v-permissions="['system:user:create']"><el-button type="primary" @click="$refs.operaUserWindow.open('新建用户')">添加用户</el-button></li> | 
 |  |  |               <li v-permissions="['system:user:create']"><el-button type="primary" @click="changeZZ">更换组织</el-button></li> | 
 |  |  |               <!-- <li v-permissions="['system:user:create']"><el-button type="primary" @click="changeZZ">更换组织</el-button></li> --> | 
 |  |  |               <li v-permissions="['system:user:delete']"><el-button @click="deleteByIdInBatch">删除</el-button></li> | 
 |  |  |             </ul> | 
 |  |  |           </div> | 
 |  |  |           <el-table | 
 |  |  |             v-loading="isWorking.search" | 
 |  |  |             :data="tableData.list" | 
 |  |  |              | 
 |  |  |  | 
 |  |  |             stripe | 
 |  |  |             border | 
 |  |  |             @selection-change="handleSelectionChange" | 
 |  |  | 
 |  |  |           > | 
 |  |  |             <el-table-column type="selection" align="center" width="55"></el-table-column> | 
 |  |  |             <el-table-column prop="realname" label="姓名" align="center" min-width="100px" fixed="left"></el-table-column> | 
 |  |  |              | 
 |  |  |  | 
 |  |  |             <el-table-column prop="mobile" label="手机号码" align="center" min-width="120px"></el-table-column> | 
 |  |  |             <el-table-column prop="empNo" label="工号" align="center" min-width="120px"></el-table-column> | 
 |  |  |             <el-table-column prop="department.name" label="部门" align="center" min-width="120px"></el-table-column> | 
 |  |  | <!--            <el-table-column prop="department.name" label="部门" align="center" min-width="120px"></el-table-column>--> | 
 |  |  |             <!-- <el-table-column prop="email" label="邮箱" align="center" min-width="180px"></el-table-column> --> | 
 |  |  |     <!--        <el-table-column prop="birthday" label="生日" sortable="custom" sort-by="BIRTHDAY" align="center" min-width="100px"></el-table-column> | 
 |  |  |           --> <el-table-column prop="roles" label="角色" align="center" min-width="160px" class-name="table-column-strings"> | 
 |  |  | 
 |  |  |                 </ul> | 
 |  |  |               </template> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column prop="wechatName" label="微信昵称" align="center" min-width="120px"></el-table-column> | 
 |  |  | <!--            <el-table-column prop="wechatName" label="微信昵称" align="center" min-width="120px"></el-table-column>--> | 
 |  |  |             <el-table-column prop="createUser" label="创建人" align="center" min-width="100px"> | 
 |  |  |               <template slot-scope="{row}">{{row.createUserInfo == null ? '' : row.createUserInfo.realname}}</template> | 
 |  |  |             </el-table-column> | 
 |  |  | 
 |  |  |             :pagination="tableData.pagination" | 
 |  |  |           ></pagination> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |     </template> | 
 |  |  |     <!-- 新建/修改 --> | 
 |  |  |     <OperaUserWindow ref="operaUserWindow" @success="handlePageChange(tableData.pagination.pageIndex)"/> | 
 |  |  | 
 |  |  | import PositionSelect from '@/components/common/PositionSelect' | 
 |  |  | import Tree from '@/components/common/Tree' | 
 |  |  | import ImportButton from '@/components/common/ImportButton' | 
 |  |  | import { resetPwd, updateById } from '@/api/system/user' | 
 |  |  | import { resetPwd, updateStatusById } from '@/api/system/user' | 
 |  |  | import { fetchAll } from '@/api/system/role' | 
 |  |  | import { fetchTree } from '@/api/system/department' | 
 |  |  | export default { | 
 |  |  | 
 |  |  |         } | 
 |  |  |         return newItem | 
 |  |  |       }); | 
 |  |  |        | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     getRoleAll () { | 
 |  |  |       fetchAll({}) | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     // 修改状态 | 
 |  |  |     changeStatus (item) { | 
 |  |  |       updateById({ | 
 |  |  |       updateStatusById({ | 
 |  |  |         id: item.id, | 
 |  |  |         status: item.status | 
 |  |  |       }).then(res => { | 
 |  |  |         this.search() | 
 |  |  |  | 
 |  |  |       }).catch(e => { | 
 |  |  |         this.$tip.apiFailed(e) | 
 |  |  |       }).finally(() => { | 
 |  |  |         this.handlePageChange() | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     resPwd() { |