@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 +20 -0
- package/dist/ind-common-mobile.es.js +78 -88
- package/dist/ind-common-mobile.umd.cjs +7 -7
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
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.
|
|
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:
|
|
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",
|
|
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", {
|
|
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) }
|
|
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
|
|
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" } }, [
|
|
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 } },
|
|
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": "
|
|
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 } },
|
|
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
|
|
28541
|
-
}), 0)]), _c("div", { staticClass: "ind-my-app-container", style: { height: _vm.disMyapp ? "calc(100vh -
|
|
28542
|
-
return _c("div", { key: index2,
|
|
28543
|
-
return _c("
|
|
28544
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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"
|