widget.qw 1.0.84 → 1.0.86

package/.env.development

@@ -1,10 +1,10 @@
 NODE_ENV ='development'
 
-VITE_DOMAIN= 'http://www.zjpsjdsb.online'
+VITE_DOMAIN= 'http://10.192.1.208:88'
 VITE_TOKEN_KEY='Authorization'
 VITE_TOKEN_PREFIX='Bearer '
 VITE_NEED_LOGIN_CODE=401
 # 注意：发布时 VITE_IS_DEBUG必须配置为false
 #  本地开发时 VITE_IS_DEBUG必须配置为true
 VITE_IS_DEBUG=true
-VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJIb3VNdSIsInJuU3RyIjoiMDBLNFNpTWMzcDZzUnZacEI1T05iVjFIMWRSUldsTXAifQ.lkGySHqZRgb5FJpFJcSWV7W-xruCmmmhpRiD3b8_52Q'
+VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImtNb1ZseW1xUGRzY3Rxa0lUU2Z2STlYQWdzZHB2ZGZjIn0.DdbQRJMD7NnuyOjlLPUxAXrkxkb7Bu-AOSeABWx38bE'

package/build/style.css

@@ -1,4 +1,53 @@
-@charset "UTF-8";.widget[data-v-1e9a1a8a] {
+@charset "UTF-8";
+.enterprise-header[data-v-d3934054] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 48px;
+    background-color: #2d8cf0; /* 企业微信风格蓝色 */
+    background-color: #fff;
+    color: white;
+    color: #000;
+    position: relative;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+    margin-bottom: 4px;
+}
+.header-title[data-v-d3934054] {
+    font-size: 14px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 70%;
+}
+.header-btn[data-v-d3934054] {
+    position: absolute;
+    width: 48px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    color: white;
+    color: #000;
+    font-size: 20px;
+    cursor: pointer;
+    padding: 0;
+}
+.header-btn[data-v-d3934054]:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+.back-btn[data-v-d3934054] {
+    left: 0;
+}
+.home-btn[data-v-d3934054] {
+    right: 0;
+}
+  
+  
+  .widget[data-v-1e9a1a8a] {
   text-align: center;
   padding: 15px 15px;
 }
@@ -694,25 +743,25 @@
   margin:3px;
 }
 
-.cascader-pop[data-v-2e72d8af] {
+.cascader-pop[data-v-498f9f58] {
     width: 100%;
     overflow: hidden;
 }
-.cascader-selector[data-v-2e72d8af] {
+.cascader-selector[data-v-498f9f58] {
     padding: 10px;
 }
-.search-buttons[data-v-2e72d8af] {
+.search-buttons[data-v-498f9f58] {
     display: flex;
     gap: 10px;
 }
-.clear-btn[data-v-2e72d8af] {
+.clear-btn[data-v-498f9f58] {
     background-color: #f2f3f5;
     border: none;
     border-radius: 4px;
     padding: 4px 8px;
     font-size: 14px;
 }
-.confirm-btn[data-v-2e72d8af] {
+.confirm-btn[data-v-498f9f58] {
     background-color: #1989fa;
     color: white;
     border: none;
@@ -720,45 +769,46 @@
     padding: 4px 8px;
     font-size: 14px;
 }
-.no-results[data-v-2e72d8af] {
+.no-results[data-v-498f9f58] {
     text-align: center;
     padding: 20px;
     color: #969799;
 }
-.cascader-header[data-v-2e72d8af] {
+.cascader-header[data-v-498f9f58] {
     padding: 10px;
     border-bottom: 1px solid #ebedf0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
-.current-path[data-v-2e72d8af] {
+.current-path[data-v-498f9f58] {
     flex: 1;
     font-size: 14px;
+    margin-left:5px;
     color: #323233;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.header-right[data-v-2e72d8af] {
+.header-right[data-v-498f9f58] {
     display: flex;
     gap: 8px;
     margin-left: auto;
 }
-.cancel-btn[data-v-2e72d8af] {
+.cancel-btn[data-v-498f9f58] {
     color: #969799;
     margin-right: 5px;
 }
-.scroll-container[data-v-2e72d8af] {
+.scroll-container[data-v-498f9f58] {
     height: calc(80vh - 150px);
     overflow-y: auto;
 }
-.cell-content[data-v-2e72d8af] {
+.cell-content[data-v-498f9f58] {
     display: flex;
     align-items: center;
     gap: 12px;
 }
-.circle-selector[data-v-2e72d8af] {
+.circle-selector[data-v-498f9f58] {
     width: 20px;
     height: 20px;
     border-radius: 50%;
@@ -768,29 +818,29 @@
     transition: all 0.2s;
     flex-shrink: 0;
 }
-.circle-selector.selected[data-v-2e72d8af] {
+.circle-selector.selected[data-v-498f9f58] {
     background-color: #1989fa;
     border-color: #1989fa;
 }
-.circle-selector.selected .van-icon[data-v-2e72d8af] {
+.circle-selector.selected .van-icon[data-v-498f9f58] {
     color: white;
     font-size: 14px;
 }
-.van-cell__right-icon[data-v-2e72d8af] {
+.van-cell__right-icon[data-v-498f9f58] {
     color: #969799;
     font-size: 16px;
     margin-left: 8px;
 }
-.name[data-v-2e72d8af] {
+.name[data-v-498f9f58] {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.cancel-btn[data-v-2e72d8af] {
+.cancel-btn[data-v-498f9f58] {
     color: #969799;
 }
-.search-field[data-v-2e72d8af] {
+.search-field[data-v-498f9f58] {
     background: #fff;
     padding: 10px 16px;
     border-bottom: 1px solid #ebedf0;

package/build/widget.qw.es.js

@@ -38,8 +38,105 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, onUnmounted, onDeactivated, isRef, watch, onMounted, nextTick, onActivated, unref, ref, reactive, getCurrentInstance, provide, inject, isVNode, defineComponent, createVNode, onBeforeUnmount, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, createApp, resolveDirective, resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode, withCtx, toDisplayString, renderList, createElementVNode, createTextVNode, createSlots, withModifiers, onBeforeUpdate, normalizeClass, renderSlot } from "vue";
+import { inject, computed, resolveComponent, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, toDisplayString, onUnmounted, onDeactivated, isRef, watch, onMounted, nextTick, onActivated, ref, reactive, getCurrentInstance, provide, isVNode, defineComponent, onBeforeUnmount, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, createApp, resolveDirective, createBlock, withCtx, renderList, createTextVNode, createSlots, withModifiers, onBeforeUpdate, normalizeClass, renderSlot } from "vue";
 var vm = {};
+/*!
+  * vue-router v4.0.15
+  * (c) 2022 Eduardo San Martin Morote
+  * @license MIT
+  */
+const hasSymbol = typeof Symbol === "function" && typeof Symbol.toStringTag === "symbol";
+const PolySymbol = (name2) => hasSymbol ? Symbol(name2) : "_vr_" + name2;
+const routerKey = /* @__PURE__ */ PolySymbol("r");
+const routeLocationKey = /* @__PURE__ */ PolySymbol("rl");
+var NavigationType;
+(function(NavigationType2) {
+  NavigationType2["pop"] = "pop";
+  NavigationType2["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function(NavigationDirection2) {
+  NavigationDirection2["back"] = "back";
+  NavigationDirection2["forward"] = "forward";
+  NavigationDirection2["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
+var NavigationFailureType;
+(function(NavigationFailureType2) {
+  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
+  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
+  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
+function useRouter() {
+  return inject(routerKey);
+}
+function useRoute() {
+  return inject(routeLocationKey);
+}
+var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-d3934054] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-d3934054] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-d3934054] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-d3934054]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-d3934054] {\r\n    left: 0;\n}\n.home-btn[data-v-d3934054] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$l = {
+  class: "enterprise-header"
+};
+const _hoisted_2$e = {
+  class: "header-title"
+};
+const _sfc_main$x = {
+  __name: "HeadBar",
+  props: {
+    title: {
+      type: String,
+      required: true,
+      default: "\u9875\u9762\u6807\u9898"
+    },
+    homePath: {
+      type: String,
+      default: "/"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const router2 = useRouter();
+    const route = useRoute();
+    const canGoBack = computed(() => {
+      return window.history.length > 1;
+    });
+    const handleBack = () => {
+      console.log("back", router2, route);
+      if (canGoBack.value) {
+        router2.back();
+      } else {
+        router2.push(props.homePath);
+      }
+    };
+    const handleHome = () => {
+      if (route.path !== props.homePath) {
+        router2.push(props.homePath);
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_van_icon = resolveComponent("van-icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [unref(canGoBack) ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        class: "header-btn back-btn",
+        onClick: handleBack
+      }, [createVNode(_component_van_icon, {
+        name: "arrow-left"
+      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$e, toDisplayString(__props.title), 1), createElementVNode("button", {
+        class: "header-btn home-btn",
+        onClick: handleHome
+      }, [createVNode(_component_van_icon, {
+        name: "wap-home-o"
+      })])]);
+    };
+  }
+};
+var HeadBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d3934054"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n) {
   if (n.__esModule)
@@ -3268,6 +3365,13 @@ const get_wxuser_by_id = (data2) => {
     data: data2
   });
 };
+function auth_children(data2) {
+  return service$3({
+    url: vm.urlCallback() + "/qw-api/server-auth/auth/children",
+    method: "POST",
+    data: data2
+  });
+}
 const wx_user_list = (data2) => {
   return request({
     url: vm.urlCallback() + "/qw-api/server-auth/auth/wx_user_list",
@@ -3337,6 +3441,7 @@ var ApiUtil = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   get_subdepartments_users,
   get_user_by_id,
   get_wxuser_by_id,
+  auth_children,
   wx_user_list,
   file_upload,
   auth_get_user_info,
@@ -17127,13 +17232,6 @@ var lodash$1 = { exports: {} };
 var lodash = lodash$1.exports;
 var AuditBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1e9a1a8a] {\n  text-align: center;\n  padding: 15px 15px;\n}\n.memo[data-v-1e9a1a8a] {\n  margin-bottom: 15px;\n}\n.refuse-btn[data-v-1e9a1a8a] {\n  width: 120px;\n  margin-right: 15px;\n}\n.pass-btn[data-v-1e9a1a8a] {\n  width: 120px;\n}\n.apply-btn[data-v-1e9a1a8a] {\n  width: 60vw;\n}\n.task-list[data-v-1e9a1a8a] {\n  margin-top: 15px;\n}\n.task-title[data-v-1e9a1a8a] {\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  text-align: left;\n}\n.task-user[data-v-1e9a1a8a] {\n  font-size: 13px;\n  color: #666;\n  text-align: left;\n  margin-top: 5px;\n}\n.audit-title[data-v-1e9a1a8a] {\n  padding: 25px 15px 0 15px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #666;\n  text-align: left;\n}")();
 var AuditBar_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "\n:root:root {\r\n  --van-popover-action-width: 70vw;\n}\r\n")();
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const _hoisted_1$k = {
   class: "widget"
 };
@@ -21972,7 +22070,7 @@ const _sfc_main$4 = {
   }
 };
 var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6744b874"]]);
-var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-2e72d8af] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-2e72d8af] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-2e72d8af] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-2e72d8af] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-2e72d8af] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-2e72d8af] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-2e72d8af] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-2e72d8af] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-2e72d8af] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-2e72d8af] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-2e72d8af] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-2e72d8af] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-2e72d8af] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-2e72d8af] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-2e72d8af] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-2e72d8af] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-2e72d8af] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-2e72d8af] {\r\n    color: #969799;\n}\n.search-field[data-v-2e72d8af] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
+var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-498f9f58] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-498f9f58] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-498f9f58] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-498f9f58] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-498f9f58] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-498f9f58] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-498f9f58] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-498f9f58] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    margin-left:5px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-498f9f58] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-498f9f58] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-498f9f58] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-498f9f58] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-498f9f58] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-498f9f58] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-498f9f58] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-498f9f58] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-498f9f58] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-498f9f58] {\r\n    color: #969799;\n}\n.search-field[data-v-498f9f58] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
 const _hoisted_1$3 = {
   class: "cascader-selector"
 };
@@ -22127,12 +22225,13 @@ const _sfc_main$3 = {
         if (!props.show) {
           let params = {};
           params.id = modelValue.value;
-          params.isReturnParent = false;
+          params.isReturnParent = true;
           params.hasChildren = false;
           params.hasPaths = true;
           yield props.idQueryNode(params, (node) => {
-            data2.parentNode = {};
-            emit("select", node);
+            data2.parentNode = node;
+            let childNode = util.findNode(modelValue.value, data2.parentNode.children);
+            emit("select", childNode);
           });
         } else {
           let params = {};
@@ -22244,7 +22343,7 @@ const _sfc_main$3 = {
     };
   }
 };
-var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2e72d8af"]]);
+var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-498f9f58"]]);
 const _hoisted_1$2 = {
   style: {
     "display": "flex",
@@ -22882,6 +22981,10 @@ const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };
 const components = [
+  {
+    name: "WidgetQwHeadBar",
+    widget: HeadBar
+  },
   {
     name: "WidgetQwAuditBar",
     widget: AuditBar

package/build/widget.qw.umd.js

@@ -43,6 +43,103 @@ var __async = (__this, __arguments, generator) => {
 })(this, function(exports, vue) {
   "use strict";
   var vm = {};
+  /*!
+    * vue-router v4.0.15
+    * (c) 2022 Eduardo San Martin Morote
+    * @license MIT
+    */
+  const hasSymbol = typeof Symbol === "function" && typeof Symbol.toStringTag === "symbol";
+  const PolySymbol = (name2) => hasSymbol ? Symbol(name2) : "_vr_" + name2;
+  const routerKey = /* @__PURE__ */ PolySymbol("r");
+  const routeLocationKey = /* @__PURE__ */ PolySymbol("rl");
+  var NavigationType;
+  (function(NavigationType2) {
+    NavigationType2["pop"] = "pop";
+    NavigationType2["push"] = "push";
+  })(NavigationType || (NavigationType = {}));
+  var NavigationDirection;
+  (function(NavigationDirection2) {
+    NavigationDirection2["back"] = "back";
+    NavigationDirection2["forward"] = "forward";
+    NavigationDirection2["unknown"] = "";
+  })(NavigationDirection || (NavigationDirection = {}));
+  var NavigationFailureType;
+  (function(NavigationFailureType2) {
+    NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
+    NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
+    NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
+  })(NavigationFailureType || (NavigationFailureType = {}));
+  function useRouter() {
+    return vue.inject(routerKey);
+  }
+  function useRoute() {
+    return vue.inject(routeLocationKey);
+  }
+  var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-d3934054] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-d3934054] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-d3934054] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-d3934054]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-d3934054] {\r\n    left: 0;\n}\n.home-btn[data-v-d3934054] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
+  var _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const _hoisted_1$l = {
+    class: "enterprise-header"
+  };
+  const _hoisted_2$e = {
+    class: "header-title"
+  };
+  const _sfc_main$x = {
+    __name: "HeadBar",
+    props: {
+      title: {
+        type: String,
+        required: true,
+        default: "\u9875\u9762\u6807\u9898"
+      },
+      homePath: {
+        type: String,
+        default: "/"
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const router2 = useRouter();
+      const route = useRoute();
+      const canGoBack = vue.computed(() => {
+        return window.history.length > 1;
+      });
+      const handleBack = () => {
+        console.log("back", router2, route);
+        if (canGoBack.value) {
+          router2.back();
+        } else {
+          router2.push(props.homePath);
+        }
+      };
+      const handleHome = () => {
+        if (route.path !== props.homePath) {
+          router2.push(props.homePath);
+        }
+      };
+      return (_ctx, _cache) => {
+        const _component_van_icon = vue.resolveComponent("van-icon");
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [vue.unref(canGoBack) ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 0,
+          class: "header-btn back-btn",
+          onClick: handleBack
+        }, [vue.createVNode(_component_van_icon, {
+          name: "arrow-left"
+        })])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_2$e, vue.toDisplayString(__props.title), 1), vue.createElementVNode("button", {
+          class: "header-btn home-btn",
+          onClick: handleHome
+        }, [vue.createVNode(_component_van_icon, {
+          name: "wap-home-o"
+        })])]);
+      };
+    }
+  };
+  var HeadBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d3934054"]]);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function getAugmentedNamespace(n) {
     if (n.__esModule)
@@ -3271,6 +3368,13 @@ var __async = (__this, __arguments, generator) => {
       data: data2
     });
   };
+  function auth_children(data2) {
+    return service$3({
+      url: vm.urlCallback() + "/qw-api/server-auth/auth/children",
+      method: "POST",
+      data: data2
+    });
+  }
   const wx_user_list = (data2) => {
     return request({
       url: vm.urlCallback() + "/qw-api/server-auth/auth/wx_user_list",
@@ -3340,6 +3444,7 @@ var __async = (__this, __arguments, generator) => {
     get_subdepartments_users,
     get_user_by_id,
     get_wxuser_by_id,
+    auth_children,
     wx_user_list,
     file_upload,
     auth_get_user_info,
@@ -17130,13 +17235,6 @@ var __async = (__this, __arguments, generator) => {
   var lodash = lodash$1.exports;
   var AuditBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1e9a1a8a] {\n  text-align: center;\n  padding: 15px 15px;\n}\n.memo[data-v-1e9a1a8a] {\n  margin-bottom: 15px;\n}\n.refuse-btn[data-v-1e9a1a8a] {\n  width: 120px;\n  margin-right: 15px;\n}\n.pass-btn[data-v-1e9a1a8a] {\n  width: 120px;\n}\n.apply-btn[data-v-1e9a1a8a] {\n  width: 60vw;\n}\n.task-list[data-v-1e9a1a8a] {\n  margin-top: 15px;\n}\n.task-title[data-v-1e9a1a8a] {\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  text-align: left;\n}\n.task-user[data-v-1e9a1a8a] {\n  font-size: 13px;\n  color: #666;\n  text-align: left;\n  margin-top: 5px;\n}\n.audit-title[data-v-1e9a1a8a] {\n  padding: 25px 15px 0 15px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #666;\n  text-align: left;\n}")();
   var AuditBar_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "\n:root:root {\r\n  --van-popover-action-width: 70vw;\n}\r\n")();
-  var _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
   const _hoisted_1$k = {
     class: "widget"
   };
@@ -21975,7 +22073,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6744b874"]]);
-  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-2e72d8af] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-2e72d8af] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-2e72d8af] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-2e72d8af] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-2e72d8af] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-2e72d8af] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-2e72d8af] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-2e72d8af] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-2e72d8af] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-2e72d8af] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-2e72d8af] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-2e72d8af] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-2e72d8af] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-2e72d8af] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-2e72d8af] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-2e72d8af] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-2e72d8af] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-2e72d8af] {\r\n    color: #969799;\n}\n.search-field[data-v-2e72d8af] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
+  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-498f9f58] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-498f9f58] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-498f9f58] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-498f9f58] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-498f9f58] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-498f9f58] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-498f9f58] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-498f9f58] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    margin-left:5px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-498f9f58] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-498f9f58] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-498f9f58] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-498f9f58] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-498f9f58] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-498f9f58] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-498f9f58] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-498f9f58] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-498f9f58] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-498f9f58] {\r\n    color: #969799;\n}\n.search-field[data-v-498f9f58] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
   const _hoisted_1$3 = {
     class: "cascader-selector"
   };
@@ -22130,12 +22228,13 @@ var __async = (__this, __arguments, generator) => {
           if (!props.show) {
             let params = {};
             params.id = modelValue.value;
-            params.isReturnParent = false;
+            params.isReturnParent = true;
             params.hasChildren = false;
             params.hasPaths = true;
             yield props.idQueryNode(params, (node) => {
-              data2.parentNode = {};
-              emit("select", node);
+              data2.parentNode = node;
+              let childNode = util.findNode(modelValue.value, data2.parentNode.children);
+              emit("select", childNode);
             });
           } else {
             let params = {};
@@ -22247,7 +22346,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2e72d8af"]]);
+  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-498f9f58"]]);
   const _hoisted_1$2 = {
     style: {
       "display": "flex",
@@ -22885,6 +22984,10 @@ var __async = (__this, __arguments, generator) => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };
   const components = [
+    {
+      name: "WidgetQwHeadBar",
+      widget: HeadBar
+    },
     {
       name: "WidgetQwAuditBar",
       widget: AuditBar

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.84",
+  "version": "1.0.86",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/App.vue

@@ -9,7 +9,7 @@
 import { onMounted } from 'vue';
 
 onMounted(() => {
-  console.log('111111111111111',import.meta.env)
+  console.log('环境变量',import.meta.env)
 })
 </script>
 

package/src/api/index.js

@@ -100,6 +100,14 @@ export const get_wxuser_by_id = (data) => {
   });
 };
 
+export function auth_children(data) {
+  return request_json({
+    url: vm.urlCallback() + "/qw-api/server-auth/auth/children",
+    method: "POST",
+    data: data,
+  });
+}
+
 // 关键字查询用户列表
 export const wx_user_list = (data) => {
   return request({

package/src/components/CascaderPop.vue

@@ -193,20 +193,21 @@ const query = async () => {
             let childNode = util.findNode(modelValue.value, data.parentNode.children)
             emit('select', childNode)
         })
-    } 
+    }
     //选中节点时
     else {
         //未显示底部弹窗时，只查节点本身
         if (!props.show) {
             let params = {}
             params.id = modelValue.value
-            params.isReturnParent = false
+            params.isReturnParent = true
             params.hasChildren = false
             params.hasPaths = true
 
             await props.idQueryNode(params, (node) => {
-                data.parentNode = {}
-                emit('select', node)
+                data.parentNode = node
+                let childNode = util.findNode(modelValue.value, data.parentNode.children)
+                emit('select', childNode)
             })
         }
         //显示底部弹窗时，查询带子节点的父节点
@@ -293,6 +294,7 @@ watch(() => modelValue.value, async (n, o) => {
 .current-path {
     flex: 1;
     font-size: 14px;
+    margin-left:5px;
     color: #323233;
     white-space: nowrap;
     overflow: hidden;

package/src/components/HeadBar.vue

@@ -0,0 +1,131 @@
+<template>
+    <div class="enterprise-header">
+      <!-- 返回按钮 -->
+      <button 
+        class="header-btn back-btn" 
+        @click="handleBack"
+        v-if="canGoBack"
+      >
+      <van-icon name="arrow-left" />
+      </button>
+      
+      <!-- 标题区域 -->
+      <div class="header-title">
+        {{ title }}
+      </div>
+      
+      <!-- 首页按钮 -->
+      <button 
+        class="header-btn home-btn" 
+        @click="handleHome"
+      >
+      <van-icon name="wap-home-o" />
+      </button>
+    </div>
+  </template>
+  
+  <script setup>
+  import { useRouter, useRoute } from 'vue-router'
+  import { defineProps, computed } from 'vue'
+  
+  // 定义组件属性
+  const props = defineProps({
+    // 页面标题
+    title: {
+      type: String,
+      required: true,
+      default: '页面标题'
+    },
+    // 首页路由路径，默认为根路径
+    homePath: {
+      type: String,
+      default: '/'
+    }
+  })
+  
+  // 路由相关
+  const router = useRouter()
+  const route = useRoute()
+  
+  // 判断是否可以返回
+  const canGoBack = computed(() => {
+    // 可以根据实际路由历史判断，这里简单处理
+    return window.history.length>1
+  })
+  
+  // 处理返回逻辑
+  const handleBack = () => {
+    console.log('back',router,route)
+    if (canGoBack.value) {
+      router.back()
+    } else {
+      // 如果不能返回，则跳转到首页
+      router.push(props.homePath)
+    }
+  }
+  
+  // 处理返回首页逻辑
+  const handleHome = () => {
+    // 如果已经在首页，则不执行跳转
+    if (route.path !== props.homePath) {
+      router.push(props.homePath)
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .enterprise-header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 48px;
+    background-color: #2d8cf0; /* 企业微信风格蓝色 */
+    background-color: #fff;
+    color: white;
+    color: #000;
+    position: relative;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+    margin-bottom: 4px;
+  }
+  
+  .header-title {
+    font-size: 14px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 70%;
+  }
+  
+  .header-btn {
+    position: absolute;
+    width: 48px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    color: white;
+    color: #000;
+    font-size: 20px;
+    cursor: pointer;
+    padding: 0;
+  }
+  
+  .header-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  
+  .back-btn {
+    left: 0;
+  }
+  
+  .home-btn {
+    right: 0;
+  }
+  
+  
+  </style>
+  

package/src/components/index.js

@@ -1,5 +1,6 @@
 // 引入封装好的组件
 import vm from "../vm";
+import HeadBar from "./HeadBar.vue";
 import AuditBar from "./AuditBar.vue";
 import Input from "./Input.vue";
 import SinglePicker from "./SinglePicker.vue";
@@ -31,6 +32,10 @@ import SingleApiPicker from "./SingleApiPicker.vue";
 import ObjsEditor from './ObjsEditor.vue'
 
 const components = [
+  {
+    name: "WidgetQwHeadBar",
+    widget: HeadBar,
+  },
   {
     name: "WidgetQwAuditBar",
     widget: AuditBar,

package/src/router/index.ts

@@ -9,6 +9,11 @@ const routes: Array<RouteRecordRaw> = [
     path: "/home",
     name: "Home",
     component: () => import("../views/home/index.vue"),
+  },
+    {
+    path: "/headbar",
+    name: "Headbar",
+    component: () => import("../views/headbar/index.vue"),
   },
   {
     path: "/auditbar",

package/src/views/cascaderpicker/userpicker.vue

@@ -0,0 +1,183 @@
+<template>
+    <div class="widget">
+        <widget-qw-cascader-picker :multiple="props.multiple" v-model="modelValue" :label="props.label"
+            :placeholder="props.placeholder" :keywordQueryNode="keywordQueryNode" :idQueryNode="idQueryNode"
+            @select="onSelect" :auth="props.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, defineProps, watch } from "vue";
+import util from '@/util'
+import { useVModel } from "@vueuse/core";
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    rootId: {
+        type: String,
+        default: '1'
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    placeholder: {
+        type: String,
+        default: '请选择员工'
+    },
+    auth: {
+        type: String,
+        default: 'require'
+    }
+})
+
+const data = reactive({
+    isShow: false,
+})
+
+const emit = defineEmits(['update:modelValue', 'select'])
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const keywordQueryNode = async (params, setNode) => {
+    let p = {
+        id: params.id,
+        hasUsers: true,
+        hasChildren: true
+    }
+
+    if (params.parentId)
+        p.parentid = params.parentId
+
+    if (params.keyword)
+        p.keyword = params.keyword
+
+    //无选中节点时，默认查根节点
+    if (!p.id) {
+        if (props.rootId) {
+            p.id = props.rootId
+            p.isReturnParent = false
+        }
+    }
+
+    let res = await util.auth_children(p)
+    if (res.code != 200)
+        return
+
+    let fn = formatNode(res.data)
+    setNode(fn)
+}
+
+const idQueryNode = async (params, setNode) => {
+    // if (params.hasChildren) {
+    let p = {
+        id: params.id,
+        hasChildren: params.hasChildren,
+        hasPaths: true,
+        hasUsers: true,
+        isReturnParent: params.isReturnParent
+    }
+
+    //无选中节点时，默认查根节点
+    if (!p.id) {
+        if (props.rootId) {
+            p.id = props.rootId
+            p.isReturnParent = false
+        }
+    }
+
+    let res = await util.auth_children(p)
+    if (res.code != 200)
+        return
+
+    let fn = formatNode(res.data)
+
+    // let selectNode = fn
+    // if(params.id != selectNode.id){
+    //     selectNode = selectNode.children.find(item=>{
+    //         return item.id == params.id
+    //     })
+    // }
+
+    setNode(fn)
+    // } 
+    // else {
+    //     console.log('11111111111',params)
+
+    //     let res = await util.get_wxuser_by_id({ userId: params.id })
+    //     if (res.code != 200)
+    //         return
+
+    //     let fn = formatNode(res.data)
+    //     setNode(fn)
+    // }
+}
+
+const formatNode = (node) => {
+    let res = {}
+    //部门
+    if (!node.userid) {
+        let children = []
+        if (node.children && node.children.length > 0)
+            children = node.children
+        if (node.users && node.users.length > 0)
+            children = [...children, ...node.users]
+
+        res = {
+            id: node.id,
+            parentId: node.parentid,
+            paths: formatNodes(node.paths),
+            path: node.path,
+            children: formatNodes(children),
+            label: node.name,
+            hasChildren: node.hasChildren,
+            level: node.level,
+            data: node,
+            canCheck: false,
+            canExpand: node.hasChildren || (node.users && node.users.length > 0)
+        }
+    } 
+    //员工
+    else {
+        res = {
+            id: node.userid,
+            parentId: node.mainDepartment,
+            paths: [],
+            path: `${node.name}/${node.position}`,
+            children: [],
+            label: `${node.name}/${node.position}`,
+            hasChildren: false,
+            level: 1,
+            data: node,
+            canCheck: true,
+            canExpand: false
+        }
+    }
+
+    return res
+}
+
+const formatNodes = (nodes) => {
+    if (!nodes || nodes.length < 1)
+        return []
+
+    let res = nodes.map(item => {
+        return formatNode(item)
+    })
+
+    return res
+}
+
+const onSelect = (node) => {
+    console.log('onSelect', node)
+    emit('select', node)
+}
+</script>
+
+<style lang="scss" scoped></style>

package/src/views/headbar/index.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="page">
+        <widget-qw-head-bar title="页面1" />
+    </div>
+</template>
+
+<script setup>
+import QueryString from "qs";
+import { ref, onMounted, reactive, watch } from "vue";
+
+
+onMounted(() => {
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
+</style>