部门管理-暂存

src/views/system_manage/depart_manage/departManage.vue

@@ -11,31 +11,43 @@ const {
         useTreeMove,useTreeEvent,useDepartTable
     } = useDepart()
 const {checkAllowDrag,checkAllowDrop,handleDropOver} = useTreeMove()
-const {act_node,clickNode,openNodeDialog,removeNode} = useTreeEvent()
-const {openUserDialog,} = useDepartTable()
-
+const {act_node,clickNode,initDepart,openNodeDialog,removeNode} = useTreeEvent()
+const {
+        changeStatus,getUserDetail,
+        openUserDialog,openResetPassDialog,openMoveDepartDialog
+    } = useDepartTable()
 
-//重置部门选中
-function initDepart(){}
 const defaultProp = {label:'DepartmentName',children:'Child'}
-let shareCustomDepartmentId = ref(0)
-function synchronizationMEIKE(){}
-function searchHandle(){}
 const tableColumns = [
     { label:"姓名", key:"RealName" },{ label:"账号", key:"AdminName" },{ label:"手机号", key:"Mobile"},
     { label:"角色", key:"RoleName" },{ label:"部门/分组", key:"DepartmentGroup" },{ label:"状态", key:"Enabled"}
 ]
 let isShowloadding = ref('')
-function getUserDetail(){}
-
-function handleCurrentChange(){}
-
+//切换表格页码
+function handleCurrentChange(page){
+    tableParams.pageNo = page
+    getTableUser()
+}
 
+let shareCustomDepartmentId = ref(0)
+function setShareCustomDepartId(){
+    // 不同环境下 共享客户组的DepartmentId不一样
+    if(process.env.NODE_ENV == 'development'||process.env.NODE_ENV == 'test'){
+        shareCustomDepartmentId.value = 61
+    }else if(process.env.NODE_ENV == 'production'){
+        shareCustomDepartmentId.value = 37
+    }
+}
+//同步每刻
+function synchronizationMEIKE(){}
 
 
+//获取用户数据
 getTableUser()
+//获取部门结构
 getDepartArr()
-
+//设置shareCustomDepartmentId的值
+setShareCustomDepartId()
 </script>
 
 <template>
@@ -100,7 +112,8 @@ getDepartArr()
                     placeholder="姓名/账号/手机号搜索"
                     v-model="tableParams.searchTxt"
                     :prefix-icon="Search"
-                    @input="searchHandle"
+                    clearable
+                    @input="initDepart"
                     style="max-width:359px">
                 </el-input>
             </div>
@@ -132,7 +145,7 @@ getDepartArr()
                                     :row.LabelVal==3?'部门经理'
                                     :row.LabelVal==4?'组长':'主管'
                                 }}</el-tag>
-                                <span>{{row.RealName}}</span>
+                                <span style="position: relative;">{{row.RealName}}</span>
                             </span>
                             <span v-else>{{row[column.key]}}</span>
                         </template>
@@ -140,12 +153,12 @@ getDepartArr()
                     <el-table-column label="操作" align="center" width="260">
                         <template #default="{row}">
                             <div style="color:#4099ef; font-size:24px;display: flex;gap:0 10px;">
-                                <span class="editsty" @click.stop="editUser(row)">编辑</span>
-                                <span class="editsty" @click.stop="resetPassWord(row)">重置密码</span>
-                                <span class="editsty" @click.stop="moveDepart(row)">移动分组</span>
+                                <span class="editsty" @click.stop="openUserDialog('edit',row)">编辑</span>
+                                <span class="editsty" @click.stop="openResetPassDialog(row)">重置密码</span>
+                                <span class="editsty" @click.stop="openMoveDepartDialog(row)">移动分组</span>
                                 <span 
                                     class="editsty" 
-                                    @click.stop="handleChangeStatus(row)"
+                                    @click.stop="changeStatus(row)"
                                 >{{row.Enabled===0?'启用':'禁用'}}</span>
                                 <!-- <span class="deletesty" @click.stop="delUser(row)">删除</span> -->
                             </div>
@@ -158,6 +171,8 @@ getDepartArr()
                         @current-change="handleCurrentChange" style="margin-top: 60px; justify-content: flex-end;">
                     </el-pagination>
                 </el-config-provider>
+                <!-- 用户详情右侧弹窗 -->
+                
             </div>
         </div>
     </div>

src/views/system_manage/depart_manage/hooks/use-depart.js

@@ -62,25 +62,50 @@ export function useDepart(){
             }
         })
     }
-
+    //用户表格事件
     function useDepartTable(){
-        //打开添加/编辑用户弹窗
-        //原项目 addUser editUser 合成一个
+        //打开添加/编辑用户弹窗 (原项目 addUser editUser 合成一个)
         function openUserDialog(){}
+        //打开重置密码弹窗
+        function openResetPassDialog(){}
+        //打开移动分组弹窗
+        function openMoveDepartDialog(){}
         //添加编辑用户
         function modifyUser(){}
         //删除用户,前端按钮因产品要求隐藏,函数保留
         function delUser(){}
+        //重置用户密码
+        function resetUserPassWord(){}
+        //移动用户分组
+        function moveDepart(){}
+        //改变用户启用禁用状态
+        async function changeStatus(data){
+            const res=await departInterence.statusChange({
+                AdminId:Number(data.AdminId),
+                Enabled:data.Enabled===1?0:1
+            })
+            if(res.Ret===200){
+                getTableUser()
+            }
+        }
+        //查询用户详情
+        function getUserDetail(){}
+
         return {
-            openUserDialog,
+            openUserDialog,openResetPassDialog,openMoveDepartDialog,
             modifyUser,
-            delUser
+            delUser,
+            changeStatus,
+            moveDepart,
+            resetUserPassWord,
+            getUserDetail
         }
     }
 
     //树结构事件
     function useTreeEvent(){
         let act_node = ref('')
+        //点击树节点
         function clickNode(node,data){
             console.log('node',node)
             console.log('data',data)
@@ -103,8 +128,18 @@ export function useDepart(){
             tableParams.pageNo = 1;
             getTableUser();
         }
+        //重置部门选中
+        function initDepart(){
+            defaultDepart.value = ''
+            defaultGroup.value = ''
+            act_node.value = ''
+            groupTeamId = 0
+            getDepartArr()
+            tableParams.pageNo = 1
+            getTableUser()
+        }
 
-        //原项目中的addNode editNode addDepart合成一个
+        //打开添加/编辑部门/分组弹窗 (原项目中的addNode editNode addDepart合成一个)
         function openNodeDialog(type,data,{level}){
             console.log('type',type)
             console.log('data',data)
@@ -114,10 +149,11 @@ export function useDepart(){
             //level为2 编辑分组&增加分组
             //level为3 编辑分组
         }
+        //删除节点 
         function removeNode(){}
         return {
             act_node,
-            clickNode,
+            clickNode,initDepart,
             openNodeDialog,
             removeNode
         }