人员选择器 部门

src/app-register.ts

@@ -148,5 +148,7 @@ export const AppComponents = {
         v.component('app-select-tree-list',() => import('@/components/app-select-tree-list/app-select-tree-list.vue'));
         // 上下文菜单
         v.component('app-mob-context-menu',() => import('@/components/app-mob-context-menu/app-mob-context-menu.vue'));
+        // 人员部门选择器
+        v.component('app-mob-department-personnel',() => import('@/components/app-mob-department-personnel/app-mob-department-personnel.vue'));
     },
 };
\ No newline at end of file

src/components/app-mob-department-personnel/app-mob-department-personnel.less

+.app-mob-department-personnel {
+  width: 100%;
+  .cancel-icon {
+    width: 16px;
+    height: 16px;
+    background-color: @from-main-background;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 9998;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    ion-icon{
+      position: absolute;
+      font-size: 16px;
+      right: 0;
+      top: 0;
+      color:@from-main-color;
+      z-index:9999;
+    }
+  }
+  ion-select{
+    width: 100%;
+    max-width: 100%;
+    padding-left: 0;
+    padding-right: 10px;
+    text-align: right;
+    color: @from-main-color;
+  }
+  ion-select::part(text) {
+    padding-right: 15px;
+  }
+  ion-select::part(icon) {
+    display: none !important;
+    opacity: 0 !important;
+  }
+  .ion-select-icon {
+    right: 17px;
+    top: 50%;
+    margin-top: -3px;
+    position: absolute;
+    width: 0;
+    height: 0;
+    color: currentcolor;
+    pointer-events: none;
+    border-top: 5px solid;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+    color: @from-main-color;
+  }
+}

src/store/getters.ts

@@ -86,3 +86,12 @@ export const getZIndex = (state: any) => () => {
 export const getSearchformStatus = (state: any) => {
     return state.searchformStatus;
   }
+
+/**
+ * 获取部门成员
+ * 
+ * @param state 
+ */
+export const getDepartmentPersonnel = (state: any) => () => {
+  return state.departmentPersonnel;
+}
\ No newline at end of file

src/store/mutations.ts

@@ -302,3 +302,14 @@ export const setPopupStatus = (state: any, val: any) => {
 export const setSearchformStatus = (state: any, val: any) => {
   state.searchformStatus = val;
 }
+
+/**
+ * 添加部门成员
+ * 
+ * @param state 
+ * @param codelists 
+ */
+export const addDepartmentPersonnel = (state: any, departmentPersonnel: Array<any>) => {
+  state.departmentPersonnel = [];
+  state.departmentPersonnel = [...departmentPersonnel];
+}

src/store/state.ts

@@ -18,5 +18,6 @@ export const rootstate: any = {
     selectTextAlign:'',
     selectNaviStyle:'',
     popupStatus:true,
-    searchformStatus:false
+    searchformStatus:false,
+    departmentPersonnel:[],
 }
\ No newline at end of file