@cgboiler/biz-mobile 1.18.20 → 1.18.22

package/lib/org-picker/index.less

@@ -1,230 +1,230 @@
-:root:root {
-  --van-action-sheet-max-height: 100%;
-}
-.org-list {
-  height: 85vh;
-  display: flex;
-  flex-direction: column;
-
-  .highlight {
-    color: var(--van-primary-color);
-    font-weight: bold;
-  }
-
-  .breadcrumb-nav {
-    margin-bottom: 4px;
-    padding: 2px 16px;
-    border-radius: 4px;
-    font-size: 12px;
-
-    .dept-name {
-      &.current-dept {
-        color: #969799; /* 提示文字颜色 */
-      }
-    }
-
-    .separator {
-      color: #969799;
-      margin: 0 4px;
-    }
-  }
-
-  .search-bar {
-    position: sticky;
-    top: 0;
-    z-index: 1;
-  }
-
-  .org-selected-items {
-    display: flex;
-    flex-wrap: nowrap;
-    padding: 12px 16px;
-    gap: 12px;
-    background-color: #fff;
-    overflow-x: auto;
-    height: 68px;
-    border-bottom: 1px solid #eee;
-
-    .selected-tag {
-      flex-shrink: 0;
-      background: none;
-      border: none;
-      padding: 0;
-      margin: 0;
-      position: relative;
-      .close-icon {
-        position: absolute;
-        top: 0;
-        right: 0;
-        z-index: 1;
-        background-color: #fff;
-        border-radius: 50%;
-        border: 1px solid #eee;
-        width: 10px;
-        height: 10px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 6px;
-        color: #969799;
-      }
-
-      .tag-avatar {
-        width: 40px;
-        height: 40px;
-        img {
-          border-radius: 4px;
-          border: 1px solid #eee;
-          object-fit: contain;
-        }
-      }
-    }
-  }
-
-  .bottom-section {
-    border-top: 1px solid #eee;
-    background-color: #fff;
-  }
-
-  .van-list {
-    flex: 1;
-    overflow-y: auto;
-    padding: 0 16px;
-  }
-
-  .org-content-wrap {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    position: relative;
-    padding-top: 4px;
-  }
-
-  .feed-list-wrap {
-    flex: 1;
-    display: flex;
-    overflow: hidden;
-    position: relative;
-    justify-content: center;
-  }
-  .search-result-list {
-    position: absolute;
-    top: 0; /* Adjust based on search bar and breadcrumb height */
-    left: 0;
-    right: 0;
-    bottom: 0; /* Adjust based on bottom section height if multiple is true */
-    z-index: 1;
-    background-color: #fff; /* Ensure background is white */
-    overflow-y: auto;
-    padding: 0 16px;
-  }
-
-  .org-item {
-    padding: 12px 0;
-    border-bottom: 1px solid #eee;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-
-    .org-item-select-icon {
-      display: none;
-      padding-left: 4px;
-    }
-    &.selected {
-      color: var(--van-primary-color);
-      .org-item-select-icon {
-        display: inline;
-      }
-    }
-
-    // 部门选择器样式
-    .dept-selector {
-      width: 20px;
-      height: 20px;
-      border: 2px solid #ddd;
-      border-radius: 4px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-
-      .dept-check-icon {
-        font-size: 12px;
-        color: var(--van-primary-color);
-        font-weight: bold;
-      }
-    }
-
-    // 部门完全选中状态
-    &.dept-fully-selected {
-      .dept-selector {
-        background-color: var(--van-primary-color);
-        border-color: var(--van-primary-color);
-
-        .dept-check-icon {
-          color: white;
-        }
-      }
-    }
-
-    // 部门部分选中状态
-    &.dept-partially-selected {
-      .dept-selector {
-        border-color: var(--van-primary-color);
-
-        .dept-check-icon {
-          color: var(--van-primary-color);
-        }
-      }
-    }
-
-    .org-avatar {
-      flex-shrink: 0;
-      width: 40px;
-      height: 40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      img {
-        border-radius: 4px;
-        border: 1px solid #eee;
-        object-fit: contain;
-      }
-    }
-
-    .dept-content {
-      display: flex;
-      align-items: center;
-      flex: 1;
-      cursor: pointer;
-      gap: 12px;
-    }
-
-    .org-name {
-      font-size: 14px;
-      flex: 1;
-    }
-
-    &:last-child {
-      border-bottom: none;
-    }
-  }
-
-  .action-buttons {
-    padding: 16px;
-    display: flex;
-    justify-content: center;
-
-    .confirm-button {
-      background-color: var(--van-primary-color);
-      color: white;
-      padding: 10px 0;
-      border-radius: 4px;
-      text-align: center;
-      width: 100%;
-      font-size: 14px;
-    }
-  }
-}
+:root:root {
+  --van-action-sheet-max-height: 100%;
+}
+.org-list {
+  height: 85vh;
+  display: flex;
+  flex-direction: column;
+
+  .highlight {
+    color: var(--van-primary-color);
+    font-weight: bold;
+  }
+
+  .breadcrumb-nav {
+    margin-bottom: 4px;
+    padding: 2px 16px;
+    border-radius: 4px;
+    font-size: 12px;
+
+    .dept-name {
+      &.current-dept {
+        color: #969799; /* 提示文字颜色 */
+      }
+    }
+
+    .separator {
+      color: #969799;
+      margin: 0 4px;
+    }
+  }
+
+  .search-bar {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+
+  .org-selected-items {
+    display: flex;
+    flex-wrap: nowrap;
+    padding: 12px 16px;
+    gap: 12px;
+    background-color: #fff;
+    overflow-x: auto;
+    height: 68px;
+    border-bottom: 1px solid #eee;
+
+    .selected-tag {
+      flex-shrink: 0;
+      background: none;
+      border: none;
+      padding: 0;
+      margin: 0;
+      position: relative;
+      .close-icon {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 1;
+        background-color: #fff;
+        border-radius: 50%;
+        border: 1px solid #eee;
+        width: 10px;
+        height: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 6px;
+        color: #969799;
+      }
+
+      .tag-avatar {
+        width: 40px;
+        height: 40px;
+        img {
+          border-radius: 4px;
+          border: 1px solid #eee;
+          object-fit: contain;
+        }
+      }
+    }
+  }
+
+  .bottom-section {
+    border-top: 1px solid #eee;
+    background-color: #fff;
+  }
+
+  .van-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 16px;
+  }
+
+  .org-content-wrap {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    position: relative;
+    padding-top: 4px;
+  }
+
+  .feed-list-wrap {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+    position: relative;
+    justify-content: center;
+  }
+  .search-result-list {
+    position: absolute;
+    top: 0; /* Adjust based on search bar and breadcrumb height */
+    left: 0;
+    right: 0;
+    bottom: 0; /* Adjust based on bottom section height if multiple is true */
+    z-index: 1;
+    background-color: #fff; /* Ensure background is white */
+    overflow-y: auto;
+    padding: 0 16px;
+  }
+
+  .org-item {
+    padding: 12px 0;
+    border-bottom: 1px solid #eee;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .org-item-select-icon {
+      display: none;
+      padding-left: 4px;
+    }
+    &.selected {
+      color: var(--van-primary-color);
+      .org-item-select-icon {
+        display: inline;
+      }
+    }
+
+    // 部门选择器样式
+    .dept-selector {
+      width: 20px;
+      height: 20px;
+      border: 2px solid #ddd;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+
+      .dept-check-icon {
+        font-size: 12px;
+        color: var(--van-primary-color);
+        font-weight: bold;
+      }
+    }
+
+    // 部门完全选中状态
+    &.dept-fully-selected {
+      .dept-selector {
+        background-color: var(--van-primary-color);
+        border-color: var(--van-primary-color);
+
+        .dept-check-icon {
+          color: white;
+        }
+      }
+    }
+
+    // 部门部分选中状态
+    &.dept-partially-selected {
+      .dept-selector {
+        border-color: var(--van-primary-color);
+
+        .dept-check-icon {
+          color: var(--van-primary-color);
+        }
+      }
+    }
+
+    .org-avatar {
+      flex-shrink: 0;
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      img {
+        border-radius: 4px;
+        border: 1px solid #eee;
+        object-fit: contain;
+      }
+    }
+
+    .dept-content {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      cursor: pointer;
+      gap: 12px;
+    }
+
+    .org-name {
+      font-size: 14px;
+      flex: 1;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .action-buttons {
+    padding: 16px;
+    display: flex;
+    justify-content: center;
+
+    .confirm-button {
+      background-color: var(--van-primary-color);
+      color: white;
+      padding: 10px 0;
+      border-radius: 4px;
+      text-align: center;
+      width: 100%;
+      font-size: 14px;
+    }
+  }
+}

package/lib/org-picker/useApi.d.ts

@@ -42,6 +42,7 @@ export declare const useApi: () => {
     }[]>;
     getOrgList: (deptId?: string) => Promise<void>;
     currentDeptId: import("vue").Ref<string, string>;
+    browsedCompanyId: import("vue").Ref<string, string>;
     deptPath: import("vue").Ref<{
         id: string | number;
         name: string;
@@ -58,6 +59,10 @@ export declare const useApi: () => {
     setRecentSelectedUsers: (users: OrgItem[]) => Promise<void>;
     getUserInfoById: (id: string | number) => OrgItem | undefined;
     deptList: import("vue").Ref<any[], any[]>;
-    getUsersByDeptId: (deptId: string) => OrgItem[];
+    getUsersByDeptId: (deptId: string, cid?: string, visited?: Set<string>) => OrgItem[];
     getDeptById: (deptId: string) => any;
+    getCompanies: () => {
+        id: string;
+        name: string;
+    }[];
 };