@indfnd/common-mobile 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,26 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [1.0.3](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v1.0.2...v1.0.3) (2025-12-29)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * 修改 ([aaf4c00](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/aaf4c00a38ce11792aac5cd35a2f486e3b9cf07a))
11
+
12
+ ### [1.0.2](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v1.0.1...v1.0.2) (2025-12-29)
13
+
14
+
15
+ ### Features
16
+
17
+ * 修复弹窗样式,增加选项hideOverlay ([bee2988](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/bee298890e0bea1b945e94e3f3c593a73d64939d))
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * 临时修改 ([e8f6742](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/e8f6742d91e80c9aab7e536a02a4564542fb6c80))
23
+ * 移动端查询组件修改 ([47cbc37](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/47cbc3773b97da31ffb2f90198815ba5188960e3))
24
+
5
25
  ### [1.0.1](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v1.0.0...v1.0.1) (2025-12-26)
6
26
 
7
27
 
@@ -3,7 +3,7 @@ import { getQuarterNum, getHalfYearNum, formatDate, useConfig, getLocalStorage,
3
3
  import Vue$1 from "vue";
4
4
  import { DropdownMenu as DropdownMenu$1, DropdownItem as DropdownItem$1, Message, LoadingBar, Spin } from "view-design";
5
5
  const name$1 = "@indfnd/common-mobile";
6
- const version$2 = "1.0.0";
6
+ const version$2 = "1.0.2";
7
7
  const author$1 = "huxuetong";
8
8
  const publishConfig = {
9
9
  registry: "https://registry.npmjs.org/"
@@ -4033,9 +4033,14 @@ var render$k = function() {
4033
4033
  return [!_vm.$slots.mobileTopRight ? _c("div", { staticStyle: { "color": "var(--ind-blue)", "font-size": "14px" }, on: { "click": _vm.showCondition } }, [_vm._v(" \u67E5\u8BE2\u6761\u4EF6 ")]) : _vm._e(), _vm._t("mobileTopRight")];
4034
4034
  }, proxy: true }], null, true), model: { value: _vm.data, callback: function($$v) {
4035
4035
  _vm.data = $$v;
4036
- }, expression: "data" } }, "IndMobileTable", _vm.$attrs, false), _vm.$listeners))], 1), _c("van-popup", { style: { width: "100%" }, attrs: { "position": "right", "overlay": false }, model: { value: _vm.displayCondition, callback: function($$v) {
4036
+ }, expression: "data" } }, "IndMobileTable", _vm.$attrs, false), _vm.$listeners))], 1), _c("van-popup", { style: _vm.isHB == "1" ? { width: "100%" } : {
4037
+ width: "100%",
4038
+ marginTop: _vm.$config.searchPaddingTop || "48px",
4039
+ height: "calc(100vh - " + (_vm.$config.searchPaddingTop || "48px") + ")",
4040
+ top: "calc(50% - " + (_vm.$config.searchPaddingTop / 2 || "24px") + ")"
4041
+ }, attrs: { "position": "right", "overlay": false }, model: { value: _vm.displayCondition, callback: function($$v) {
4037
4042
  _vm.displayCondition = $$v;
4038
- }, expression: "displayCondition" } }, [_c("div", { staticClass: "ind-page-view ind-flex-column", staticStyle: { "height": "100vh" } }, [_c("IndMForm", _vm._g({ staticClass: "height100", staticStyle: { "background": "var(--ind-white)" }, attrs: { "formType": "searchMobile", "fieldList": _vm.searchFormFields }, model: { value: _vm.searchFormValue, callback: function($$v) {
4043
+ }, expression: "displayCondition" } }, [_c("div", { staticClass: "ind-page-view ind-flex-column", style: { height: _vm.isHB == "1" ? "100vh" : "100%" } }, [_c("IndMForm", _vm._g({ staticClass: "height100", staticStyle: { "background": "var(--ind-white)" }, attrs: { "formType": "searchMobile", "fieldList": _vm.searchFormFields }, model: { value: _vm.searchFormValue, callback: function($$v) {
4039
4044
  _vm.searchFormValue = $$v;
4040
4045
  }, expression: "searchFormValue" } }, _vm.$listeners)), _c("div", { staticClass: "ind-bottom-btn ind-flex ind-flex-no-shrink ind-space-between" }, [_c("IndButton", { attrs: { "bizType": "reset" }, on: { "click": _vm.cancel } }, [_vm._v("\u53D6\u6D88")]), _c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": _vm.confirm } }, [_vm._v("\u786E\u8BA4")])], 1)], 1)])], 1);
4041
4046
  };
@@ -4074,6 +4079,13 @@ const __vue2_script$k = {
4074
4079
  default() {
4075
4080
  return [];
4076
4081
  }
4082
+ },
4083
+ isHB: {
4084
+ type: String,
4085
+ default() {
4086
+ var _a;
4087
+ return ((_a = this.$config) == null ? void 0 : _a.isHB) || "0";
4088
+ }
4077
4089
  }
4078
4090
  },
4079
4091
  data() {
@@ -4222,6 +4234,9 @@ const __vue2_script$k = {
4222
4234
  topRows() {
4223
4235
  return this.$refs.table.topRows;
4224
4236
  }
4237
+ },
4238
+ mounted() {
4239
+ console.log(`--`, this.$props);
4225
4240
  }
4226
4241
  };
4227
4242
  const __cssModules$k = {};
@@ -23236,7 +23251,7 @@ var render$8 = function() {
23236
23251
  var _vm = this;
23237
23252
  var _h = _vm.$createElement;
23238
23253
  var _c = _vm._self._c || _h;
23239
- return _c("div", { on: { "touchstart": function($event) {
23254
+ return _c("div", { staticClass: "ind-app-item", on: { "touchstart": function($event) {
23240
23255
  return _vm.ontouchstart(_vm.item);
23241
23256
  }, "touchmove": function($event) {
23242
23257
  return _vm.ontouchmove(_vm.item);
@@ -23244,9 +23259,9 @@ var render$8 = function() {
23244
23259
  return _vm.ontouchend(_vm.item);
23245
23260
  }, "click": function($event) {
23246
23261
  return _vm.ontouchend(_vm.item);
23247
- } } }, [_vm.editStatus == "minus" || _vm.editStatus == "plus" && _vm.state ? _c("div", { staticStyle: { "text-align": "center" } }, [_c("van-badge", { attrs: { "color": "#999" }, scopedSlots: _vm._u([{ key: "content", fn: function() {
23262
+ } } }, [_vm.editStatus == "minus" || _vm.editStatus == "plus" && _vm.state ? _c("div", { staticClass: "ind-app-item-icon" }, [_c("div", { staticClass: "ind-app-item-icon-img" }, [_c("img", { attrs: { "src": _vm.getImg(_vm.item.meta.icon), "alt": "icon" } }), _c("van-badge", { staticClass: "ind-app-item-icon-imgbadge", attrs: { "color": "#999" }, scopedSlots: _vm._u([{ key: "content", fn: function() {
23248
23263
  return [_c("van-icon", { staticStyle: { "line-height": "1.5" }, attrs: { "name": _vm.editStatus } })];
23249
- }, proxy: true }], null, false, 1274909998) }, [_c("van-image", { attrs: { "with": "3rem", "height": "3rem", "fit": "cover", "src": _vm.getImg(_vm.item.meta.icon) } })], 1)], 1) : _c("div", { staticStyle: { "text-align": "center" } }, [_c("van-image", { attrs: { "with": "3rem", "height": "3rem", "fit": "cover", "src": _vm.getImg(_vm.item.meta.icon) } })], 1), _c("div", { staticStyle: { "text-align": "center" } }, [_c("div", { class: ["app-item", _vm.$config.ellipsis ? "ellipsis" : ""] }, [_vm._v(" " + _vm._s(_vm.item.meta.title) + " ")])])]);
23264
+ }, proxy: true }], null, false, 1274909998) })], 1)]) : _c("div", { staticClass: "ind-app-item-icon" }, [_c("div", { staticClass: "ind-app-item-icon-img" }, [_c("img", { attrs: { "src": _vm.getImg(_vm.item.meta.icon), "alt": "icon" } })])]), _c("div", { class: ["ind-app-item-title", _vm.$config.ellipsis ? "ellipsis" : ""] }, [_vm._v(" " + _vm._s(_vm.item.meta.title) + " ")])]);
23250
23265
  };
23251
23266
  var staticRenderFns$8 = [];
23252
23267
  const __vue2_script$8 = {
@@ -28129,11 +28144,16 @@ var render$5 = function() {
28129
28144
  var _h = _vm.$createElement;
28130
28145
  var _c = _vm._self._c || _h;
28131
28146
  return _c("div", { staticClass: "ind-myApp-slim" }, [_c("div", { staticClass: "ind-myApp-slim-content" }, [_c("div", { staticClass: "ind-myApp-slim-content-title" }, [_vm._v("\u6211\u7684\u5E94\u7528")]), _c("div", { staticClass: "ind-myApp-slim-content-center", on: { "click": _vm.open } }, [!_vm.expanded ? _c("div", { staticClass: "ind-myApp-slim-icon-group" }, [_vm._l(_vm.displayedIcons, function(icon, index2) {
28132
- return _c("div", { key: index2, staticClass: "ind-myApp-slim-icon" }, [_c("img", { staticStyle: { "height": "100%", "width": "100%", "border-radius": "50%" }, attrs: { "src": icon.meta.icon, "alt": icon.meta.title } })]);
28133
- }), _vm.showMoreIcon ? _c("div", { staticClass: "ind-myApp-slim-icon" }, [_vm._v(" " + _vm._s("...") + " ")]) : _vm._e()], 2) : _vm._e(), _vm.icons.length !== 0 ? _c("van-icon", { staticClass: "ind-myApp-slim-toggle-icon", class: { "ind-myApp-slim-rotate-down": _vm.expanded }, attrs: { "name": "arrow" } }) : _vm._e()], 1), _c("div", { staticClass: "ind-myApp-slim-content-button" }, [_c("div", { staticClass: "ind-myApp-slim-content-button-btn", on: { "click": _vm.edit } }, [_vm._v("\u7F16\u8F91")])])]), _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_vm._t("default")], 2)]);
28147
+ return _c("div", { key: index2, staticClass: "ind-myApp-slim-icon" }, [_c("img", { staticStyle: { "height": "100%", "width": "100%", "border-radius": "50%" }, attrs: { "src": _vm.getImg(icon.meta.icon), "alt": "icon" } })]);
28148
+ }), _vm.showMoreIcon ? _c("div", { staticClass: "ind-myApp-slim-icon" }, [_vm._v(" " + _vm._s("...") + " ")]) : _vm._e()], 2) : _vm._e(), _vm.icons.length !== 0 ? _c("van-icon", { staticClass: "ind-myApp-slim-toggle-icon", class: { "ind-myApp-slim-rotate-down": _vm.expanded }, attrs: { "name": "arrow" } }) : _vm._e()], 1), _c("div", { staticClass: "ind-myApp-slim-content-button" }, [_c("div", { staticClass: "ind-myApp-slim-content-button-btn", on: { "click": _vm.edit } }, [_vm._v("\u7F16\u8F91")])])]), _vm.expanded ? _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_c("van-swipe", { attrs: { "show-indicators": true, "loop": false, "indicator-color": "#005aaf" } }, _vm._l(_vm.list, function(page, pageIdx) {
28149
+ return _c("van-swipe-item", { key: pageIdx }, [_c("div", { style: { paddingBottom: _vm.list.length > 1 ? "30px" : "0" } }, [_c("div", { staticClass: "ind-myApp-slim-content-content" }, _vm._l(page, function(item2, itemIdx) {
28150
+ return _c("div", { key: itemIdx, staticClass: "ind-myApp-slim-content-content-item" }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28151
+ }), 0)])]);
28152
+ }), 1)], 1) : _vm._e()]);
28134
28153
  };
28135
28154
  var staticRenderFns$5 = [];
28136
28155
  const __vue2_script$5 = {
28156
+ components: { appsItem },
28137
28157
  data() {
28138
28158
  return {};
28139
28159
  },
@@ -28142,6 +28162,10 @@ const __vue2_script$5 = {
28142
28162
  type: Array,
28143
28163
  default: () => []
28144
28164
  },
28165
+ list: {
28166
+ type: Array,
28167
+ default: () => []
28168
+ },
28145
28169
  expanded: {
28146
28170
  type: Boolean,
28147
28171
  default: false
@@ -28163,11 +28187,24 @@ const __vue2_script$5 = {
28163
28187
  }
28164
28188
  },
28165
28189
  methods: {
28190
+ getImg(uri) {
28191
+ console.log(location.origin + uri);
28192
+ const isHb2 = location.pathname.includes("scyxweb");
28193
+ return `${location.origin}${isHb2 ? "/hbwebchat/scyxweb" : ""}${uri}`;
28194
+ },
28166
28195
  edit() {
28167
28196
  this.$emit("edit");
28168
28197
  },
28169
28198
  open() {
28170
28199
  this.$emit("open");
28200
+ },
28201
+ routeTo(app2) {
28202
+ var _a;
28203
+ if ((_a = app2 == null ? void 0 : app2.uri) == null ? void 0 : _a.includes("http")) {
28204
+ location.href = app2.uri;
28205
+ } else {
28206
+ this.$router.push({ path: app2.uri });
28207
+ }
28171
28208
  }
28172
28209
  }
28173
28210
  };
@@ -28202,11 +28239,7 @@ var render$4 = function() {
28202
28239
  _vm.show = $$v;
28203
28240
  }, expression: "show" } }, [_c("van-grid", { attrs: { "column-num": 4 } }, _vm._l(_vm.searchApp, function(item2, idx) {
28204
28241
  return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28205
- }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp }, on: { "edit": _vm.edit, "open": _vm.open } }, [_vm.disMyapp ? _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_c("van-swipe", { attrs: { "show-indicators": true, "loop": false, "indicator-color": "#005aaf" } }, _vm._l(_vm.paginatedApps, function(page, pageIdx) {
28206
- return _c("van-swipe-item", { key: pageIdx }, [_c("div", { style: { paddingBottom: _vm.paginatedApps.length > 1 ? "20px" : "0" } }, [_c("van-grid", { attrs: { "column-num": 4, "border": false } }, _vm._l(page, function(item2, idx) {
28207
- return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28208
- }), 1)], 1)]);
28209
- }), 1)], 1) : _vm._e()]), _c("div", { staticClass: "customnnnmmmm-tabs-container" }, [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.apps_menus, function(tab, idx) {
28242
+ }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp, "list": _vm.paginatedApps }, on: { "edit": _vm.edit, "open": _vm.open } }), _c("div", { staticClass: "customnnnmmmm-tabs-container" }, [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.apps_menus, function(tab, idx) {
28210
28243
  return _c("div", { key: "tab" + idx, staticClass: "customnnnmmmm-tab-item", class: { active: _vm.active === idx }, on: { "click": function($event) {
28211
28244
  return _vm.handleTabClick(idx);
28212
28245
  } } }, [_c("div", { staticClass: "customnnnmmmm-tab-item-top", class: { active: _vm.active === idx } }, [_vm._v(" " + _vm._s(tab.meta.title) + " ")]), _c("div", { staticClass: "customnnnmmmm-tab-item-bottom", class: { active: _vm.active === idx } })]);
@@ -28214,7 +28247,7 @@ var render$4 = function() {
28214
28247
  return _c("div", { key: index2, class: ["ind-m-sidebar-item", { active: _vm.activeKey === index2 }], on: { "click": function($event) {
28215
28248
  return _vm.handleSidebarClick(index2);
28216
28249
  } } }, [_c("span", { staticClass: "ind-m-sidebar-text" }, [_vm._v(_vm._s(item2.meta.title))])]);
28217
- }), 0), _c("div", { ref: "scrollContainer", staticClass: "ind-m-apps-container", staticStyle: { "padding-top": "0px", "padding-bottom": "300px", "height": "100%" } }, _vm._l(_vm.apps_menus[_vm.active] && _vm.apps_menus[_vm.active].children || [], function(item2, index2) {
28250
+ }), 0), _c("div", { ref: "scrollContainer", staticClass: "ind-m-apps-container", staticStyle: { "padding-top": "0px", "padding-bottom": "500px", "height": "100%" } }, _vm._l(_vm.apps_menus[_vm.active] && _vm.apps_menus[_vm.active].children || [], function(item2, index2) {
28218
28251
  return _c("div", { key: index2, staticClass: "ind-m-menu-section", attrs: { "id": "section-" + _vm.active + "-" + index2, "data-index": index2 } }, [_c("div", { staticClass: "ind-m-divider-container" }, [_c("van-divider", { staticClass: "ind-m-custom-divider" }, [_vm._v(" " + _vm._s(item2.meta.title) + " ")])], 1), _c("div", { staticClass: "ind-m-menu-section-content" }, _vm._l((((_vm.apps_menus[_vm.active] || {}).children || [])[index2] || {}).children || [], function(subItem, subIndex) {
28219
28252
  return _c("div", { key: "level3-" + subIndex, class: ["ind-m-app-item-wrapper", { "full-width": subItem.children }] }, [!subItem.children ? _c("apps-item", { attrs: { "item": subItem, "state": subItem.state, "title": subItem.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } }) : _vm._e(), subItem.children ? _c("div", { staticClass: "ind-m-category-header" }, [_c("div", { staticClass: "ind-m-category-indicator" }), _c("div", { staticClass: "ind-m-category-title" }, [_vm._v(_vm._s(subItem.meta.title))])]) : _vm._e(), subItem.children ? _c("van-grid", { attrs: { "border": false, "clickable": "", "gutter": 0, "column-num": 3 } }, _vm._l(_vm.apps_menus[_vm.active] && _vm.apps_menus[_vm.active].children[index2] && _vm.apps_menus[_vm.active].children[index2].children[subIndex] && _vm.apps_menus[_vm.active].children[index2].children[subIndex].children || [], function(menu) {
28220
28253
  return _c("van-grid-item", { key: menu.meta.permissionId, staticClass: "menu" }, [_c("apps-item", { attrs: { "item": menu, "state": menu.state, "title": menu.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
@@ -28530,18 +28563,21 @@ var render$3 = function() {
28530
28563
  _vm.show = $$v;
28531
28564
  }, expression: "show" } }, [_c("van-grid", { attrs: { "column-num": 4 } }, _vm._l(_vm.searchApp, function(item2, idx) {
28532
28565
  return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28533
- }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp }, on: { "edit": _vm.edit, "open": _vm.open } }, [_vm.disMyapp ? _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_c("van-swipe", { attrs: { "show-indicators": true, "loop": false, "indicator-color": "#005aaf" } }, _vm._l(_vm.paginatedApps, function(page, pageIdx) {
28534
- return _c("van-swipe-item", { key: pageIdx }, [_c("div", { style: { paddingBottom: _vm.paginatedApps.length > 1 ? "20px" : "0" } }, [_c("van-grid", { attrs: { "column-num": 4, "border": false } }, _vm._l(page, function(item2, idx) {
28535
- return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28536
- }), 1)], 1)]);
28537
- }), 1)], 1) : _vm._e()]), _c("div", [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.apps_menus, function(tab, idx) {
28566
+ }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp, "list": _vm.paginatedApps }, on: { "edit": _vm.edit, "open": _vm.open } }), _c("div", [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.titleList, function(tab, idx) {
28538
28567
  return _c("div", { key: "tab" + idx, staticClass: "customnnnmmmm-tab-item", class: { active: _vm.active === idx }, on: { "click": function($event) {
28539
- return _vm.handleTabClick(idx);
28540
- } } }, [_c("div", { staticClass: "customnnnmmmm-tab-item-top", class: { active: _vm.active === idx } }, [_vm._v(" " + _vm._s(tab.meta.title) + " ")]), _c("div", { staticClass: "customnnnmmmm-tab-item-bottom", class: { active: _vm.active === idx } })]);
28541
- }), 0)]), _c("div", { staticClass: "ind-my-app-container", style: { height: _vm.disMyapp ? "calc(100vh - 480px)" : "calc(100vh - 270px)" } }, _vm._l(_vm.apps_menus, function(firstLevel, index2) {
28542
- return _c("div", { key: index2, ref: "contentSection" + index2, refInFor: true, staticClass: "ind-my-app-container-square" }, [_c("div", { staticClass: "ind-my-app-container-square-title" }, [_vm._v(_vm._s(firstLevel.meta.title))]), _c("van-grid", { attrs: { "column-num": 4, "border": false } }, _vm._l(firstLevel.children, function(item2) {
28543
- return _c("van-grid-item", { key: item2.meta.permissionId }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "title": item2.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28544
- }), 1)], 1);
28568
+ return _vm.handleTabClick(tab, idx);
28569
+ } } }, [_c("div", { staticClass: "customnnnmmmm-tab-item-top", class: { active: _vm.active === idx } }, [_vm._v(" " + _vm._s(tab) + " ")]), _c("div", { staticClass: "customnnnmmmm-tab-item-bottom", class: { active: _vm.active === idx } })]);
28570
+ }), 0)]), _c("div", { staticClass: "ind-my-app-container", staticStyle: { "padding-bottom": "150px" }, style: { height: _vm.disMyapp ? "calc(100vh - 380px)" : "calc(100vh - 270px)" } }, _vm._l(_vm.apps_menus, function(firstLevel, index2) {
28571
+ return _c("div", { key: index2, staticClass: "ind-my-app-container-square" }, [_c("div", { staticClass: "ind-my-app-container-square-title" }, [_vm._v(_vm._s(firstLevel.meta.title))]), _c("div", { style: { display: "flex", flexWrap: "wrap" }, attrs: { "column-num": 4, "border": false } }, _vm._l(firstLevel.children, function(item2) {
28572
+ return _c("div", { key: item2.meta.permissionId, style: {
28573
+ width: "calc(100% / 5)",
28574
+ height: "100%",
28575
+ backgroundColor: "#fff",
28576
+ display: "flex",
28577
+ alignItems: "center",
28578
+ justifyContent: "center"
28579
+ } }, [_c("IndMappItem", { attrs: { "item": item2, "state": item2.state, "title": item2.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28580
+ }), 0)]);
28545
28581
  }), 0)]), _c("tabbar")], 1)], 1);
28546
28582
  };
28547
28583
  var staticRenderFns$3 = [];
@@ -28580,7 +28616,8 @@ const __vue2_script$3 = {
28580
28616
  title: "",
28581
28617
  searchApp: [],
28582
28618
  myAppList: [],
28583
- scrollObserver: null
28619
+ allApps_menus: [],
28620
+ titleList: []
28584
28621
  };
28585
28622
  },
28586
28623
  mounted() {
@@ -28598,64 +28635,30 @@ const __vue2_script$3 = {
28598
28635
  menus = mobileMainApp.children;
28599
28636
  }
28600
28637
  let temps = menus.filter((item2) => item2.name === this.name);
28601
- this.apps_menus = temps[0].children;
28638
+ let titleList = temps[0].children.map((item2) => item2.meta.title);
28639
+ this.titleList = ["\u5168\u90E8", ...titleList];
28640
+ const allApps_menus = temps[0].children.reduce((obj, item2) => {
28641
+ obj[item2.meta.title] = item2;
28642
+ return obj;
28643
+ }, {});
28644
+ this.allApps_menus = { \u5168\u90E8: temps[0].children, ...allApps_menus };
28645
+ this.apps_menus = this.allApps_menus["\u5168\u90E8"];
28602
28646
  this.apps_menus = simplifyMenuTree(this.apps_menus);
28603
28647
  this.title = temps[0].meta.title;
28604
- this.$nextTick(() => {
28605
- this.setupScrollObserver();
28606
- });
28607
- },
28608
- beforeDestroy() {
28609
- if (this.scrollObserver) {
28610
- this.scrollObserver.disconnect();
28611
- }
28612
28648
  },
28613
28649
  methods: {
28614
- setupScrollObserver() {
28615
- const container = document.querySelector(".ind-my-app-container");
28616
- if (!container)
28617
- return;
28618
- const sections = Array.from(container.children);
28619
- if (sections.length === 0)
28620
- return;
28621
- if (this.scrollObserver) {
28622
- this.scrollObserver.disconnect();
28623
- }
28624
- this.scrollObserver = new IntersectionObserver(
28625
- (entries) => {
28626
- let mostVisibleSection = null;
28627
- let maxRatio = 0;
28628
- entries.forEach((entry) => {
28629
- if (entry.intersectionRatio > maxRatio) {
28630
- maxRatio = entry.intersectionRatio;
28631
- mostVisibleSection = entry.target;
28632
- }
28633
- });
28634
- if (mostVisibleSection) {
28635
- const index2 = Array.from(container.children).indexOf(mostVisibleSection);
28636
- if (index2 !== -1 && this.active !== index2) {
28637
- this.active = index2;
28638
- this.scrollTabIntoView(index2);
28639
- }
28640
- }
28641
- },
28642
- {
28643
- root: container,
28644
- rootMargin: "-30% 0px -70% 0px",
28645
- threshold: [0, 0.1, 0.5, 1]
28646
- }
28647
- );
28648
- sections.forEach((section) => {
28649
- this.scrollObserver.observe(section);
28650
- });
28651
- },
28652
- handleTabClick(index2) {
28650
+ handleTabClick(tab, index2) {
28653
28651
  if (this.active === index2)
28654
28652
  return;
28655
28653
  this.active = index2;
28654
+ this.apps_menus = this.allApps_menus[tab];
28655
+ if (tab !== "\u5168\u90E8") {
28656
+ this.apps_menus = simplifyMenuTree(this.apps_menus.children);
28657
+ } else {
28658
+ this.apps_menus = simplifyMenuTree(this.apps_menus);
28659
+ }
28656
28660
  this.$emit("tab-click", index2);
28657
28661
  this.scrollTabIntoView(index2);
28658
- this.scrollToContent(index2);
28659
28662
  },
28660
28663
  scrollTabIntoView(index2) {
28661
28664
  this.$nextTick(() => {
@@ -28670,19 +28673,6 @@ const __vue2_script$3 = {
28670
28673
  }
28671
28674
  });
28672
28675
  },
28673
- scrollToContent(index2) {
28674
- this.$nextTick(() => {
28675
- const container = document.querySelector(".ind-my-app-container");
28676
- const targetSection = container.children[index2];
28677
- if (targetSection) {
28678
- const scrollPosition = targetSection.offsetTop - 3;
28679
- container.scrollTo({
28680
- top: scrollPosition,
28681
- behavior: "smooth"
28682
- });
28683
- }
28684
- });
28685
- },
28686
28676
  edit() {
28687
28677
  this.$router.push({
28688
28678
  name: "myApp"