@jx3box/jx3box-common-ui 7.5.3 → 7.5.5
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/package.json +2 -2
- package/src/Box.vue +21 -2
- package/src/bread/ListAdmin.vue +3 -3
- package/src/header/nav.vue +53 -6
- package/src/main.js +17 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jx3box/jx3box-common-ui",
|
|
3
|
-
"version": "7.5.
|
|
3
|
+
"version": "7.5.5",
|
|
4
4
|
"description": "JX3BOX UI",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@jx3box/jx3box-comment-ui": "^1.7.13",
|
|
34
|
-
"@jx3box/jx3box-common": "^7.9.
|
|
34
|
+
"@jx3box/jx3box-common": "^7.9.13",
|
|
35
35
|
"@jx3box/jx3box-data": "^3.3.0",
|
|
36
36
|
"@jx3box/jx3box-editor": "^1.9.9",
|
|
37
37
|
"@jx3box/reporter": "^0.0.4",
|
package/src/Box.vue
CHANGED
|
@@ -6,14 +6,33 @@
|
|
|
6
6
|
<!-- list -->
|
|
7
7
|
<ul class="u-list">
|
|
8
8
|
<li>
|
|
9
|
-
<a
|
|
9
|
+
<a
|
|
10
|
+
class="u-item"
|
|
11
|
+
href="/index"
|
|
12
|
+
v-reporter="{
|
|
13
|
+
data: {
|
|
14
|
+
item: '/index',
|
|
15
|
+
},
|
|
16
|
+
caller: 'index_nav_matrix',
|
|
17
|
+
}"
|
|
18
|
+
>
|
|
10
19
|
<img class="u-pic" svg-inline :src="homeicon" />
|
|
11
20
|
<img class="u-pic-hover" svg-inline :src="homeicon" />
|
|
12
21
|
<span class="u-txt">首页</span>
|
|
13
22
|
</a>
|
|
14
23
|
</li>
|
|
15
24
|
<li v-for="(item, i) in list" :key="i" :class="{ 'u-app-start': item.lf }">
|
|
16
|
-
<a
|
|
25
|
+
<a
|
|
26
|
+
class="u-item"
|
|
27
|
+
:href="item.href"
|
|
28
|
+
:target="getTarget(item.href)"
|
|
29
|
+
v-reporter="{
|
|
30
|
+
data: {
|
|
31
|
+
item: item.href,
|
|
32
|
+
},
|
|
33
|
+
caller: 'index_nav_matrix',
|
|
34
|
+
}"
|
|
35
|
+
>
|
|
17
36
|
<img class="u-pic" :src="getBoxIcon(item.img)" />
|
|
18
37
|
<!-- <img class="u-pic-hover" svg-inline :src="item.hover | getBoxIcon" /> -->
|
|
19
38
|
<span class="u-txt">{{ item.abbr }}</span>
|
package/src/bread/ListAdmin.vue
CHANGED
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
<div v-for="item in list" :key="item.id" class="m-bucket-item">
|
|
24
24
|
<el-tag size="medium" :type="item.status ? '' : 'info'">{{ item.name }}</el-tag>
|
|
25
25
|
<div class="m-bucket-op">
|
|
26
|
-
<el-button type="
|
|
27
|
-
<el-button type="
|
|
26
|
+
<el-button :type="item.status ? 'warning' : 'success'" plain size="mini" class="u-op-btn" :icon="item.status ? 'el-icon-download' : 'el-icon-upload2'" @click="update(item.id, item.status)">{{ item.status ? '下架' : '上架' }}</el-button>
|
|
27
|
+
<el-button type="info" plain size="mini" class="u-op-btn" icon="el-icon-delete" @click="del(item.id)">删除</el-button>
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
30
|
</div>
|
|
@@ -160,7 +160,7 @@ export default {
|
|
|
160
160
|
.flex;
|
|
161
161
|
align-items: center;
|
|
162
162
|
justify-content: space-between;
|
|
163
|
-
padding:
|
|
163
|
+
padding: 5px;
|
|
164
164
|
border-radius: 3px;
|
|
165
165
|
|
|
166
166
|
// odd
|
package/src/header/nav.vue
CHANGED
|
@@ -10,6 +10,12 @@
|
|
|
10
10
|
:class="{ on: isFocus(item.link) }"
|
|
11
11
|
:href="item.link"
|
|
12
12
|
:target="isSelf(item.link)"
|
|
13
|
+
v-reporter="{
|
|
14
|
+
data: {
|
|
15
|
+
item: item.link,
|
|
16
|
+
},
|
|
17
|
+
caller: 'index_nav',
|
|
18
|
+
}"
|
|
13
19
|
>{{ item.label }}<i class="el-icon-arrow-down el-icon--right"></i
|
|
14
20
|
></a>
|
|
15
21
|
<el-dropdown-menu slot="dropdown" class="c-header-menu">
|
|
@@ -21,6 +27,12 @@
|
|
|
21
27
|
<a
|
|
22
28
|
:href="subitem.link"
|
|
23
29
|
:target="isSelf(subitem.link)"
|
|
30
|
+
v-reporter="{
|
|
31
|
+
data: {
|
|
32
|
+
item: subitem.link,
|
|
33
|
+
},
|
|
34
|
+
caller: 'index_nav',
|
|
35
|
+
}"
|
|
24
36
|
v-if="subitem.status && matchedClient(subitem.client)"
|
|
25
37
|
>{{ subitem.label }} <span v-if="subitem.desc">{{ subitem.desc }}</span></a
|
|
26
38
|
></el-dropdown-item
|
|
@@ -29,7 +41,18 @@
|
|
|
29
41
|
</el-dropdown>
|
|
30
42
|
</template>
|
|
31
43
|
<template v-else>
|
|
32
|
-
<a
|
|
44
|
+
<a
|
|
45
|
+
class="u-item"
|
|
46
|
+
:class="{ on: isFocus(item.link) }"
|
|
47
|
+
:href="item.link"
|
|
48
|
+
v-reporter="{
|
|
49
|
+
data: {
|
|
50
|
+
item: item.link,
|
|
51
|
+
},
|
|
52
|
+
caller: 'index_nav',
|
|
53
|
+
}"
|
|
54
|
+
>{{ item.label }}</a
|
|
55
|
+
>
|
|
33
56
|
</template>
|
|
34
57
|
</template>
|
|
35
58
|
</div>
|
|
@@ -51,6 +74,12 @@
|
|
|
51
74
|
:class="{ on: isFocus(item.link) }"
|
|
52
75
|
:href="item.link"
|
|
53
76
|
:target="isSelf(item.link)"
|
|
77
|
+
v-reporter="{
|
|
78
|
+
data: {
|
|
79
|
+
item: item.link,
|
|
80
|
+
},
|
|
81
|
+
caller: 'index_nav',
|
|
82
|
+
}"
|
|
54
83
|
>{{ item.label }}</a
|
|
55
84
|
></template
|
|
56
85
|
>
|
|
@@ -60,16 +89,34 @@
|
|
|
60
89
|
:key="'header-nav-drop-' + subitem.key + subIndex"
|
|
61
90
|
:index="subitem.key"
|
|
62
91
|
>
|
|
63
|
-
<a
|
|
92
|
+
<a
|
|
93
|
+
class="u-menu-item"
|
|
94
|
+
:href="subitem.link"
|
|
95
|
+
:target="isSelf(subitem.link)"
|
|
96
|
+
v-reporter="{
|
|
97
|
+
data: {
|
|
98
|
+
item: subitem.link,
|
|
99
|
+
},
|
|
100
|
+
caller: 'index_nav',
|
|
101
|
+
}"
|
|
64
102
|
>{{ subitem.label }} <span v-if="subitem.desc">{{ subitem.desc }}</span>
|
|
65
103
|
</a>
|
|
66
104
|
</el-menu-item>
|
|
67
105
|
</template>
|
|
68
106
|
</el-submenu>
|
|
69
107
|
<el-menu-item v-else>
|
|
70
|
-
<a
|
|
71
|
-
item
|
|
72
|
-
|
|
108
|
+
<a
|
|
109
|
+
class="u-item"
|
|
110
|
+
:class="{ on: isFocus(item.link) }"
|
|
111
|
+
v-reporter="{
|
|
112
|
+
data: {
|
|
113
|
+
item: item.link,
|
|
114
|
+
},
|
|
115
|
+
caller: 'index_nav',
|
|
116
|
+
}"
|
|
117
|
+
:href="item.link"
|
|
118
|
+
>{{ item.label }}</a
|
|
119
|
+
>
|
|
73
120
|
</el-menu-item>
|
|
74
121
|
</template>
|
|
75
122
|
</el-menu-item>
|
|
@@ -129,7 +176,7 @@ export default {
|
|
|
129
176
|
},
|
|
130
177
|
loadNav() {
|
|
131
178
|
try {
|
|
132
|
-
const nav = sessionStorage.getItem("nav") && JSON.parse(sessionStorage.getItem("nav")) || null;
|
|
179
|
+
const nav = (sessionStorage.getItem("nav") && JSON.parse(sessionStorage.getItem("nav"))) || null;
|
|
133
180
|
if (nav) {
|
|
134
181
|
this.nav = nav;
|
|
135
182
|
} else {
|
package/src/main.js
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
// 第三方UI组件
|
|
2
|
-
import Vue from "vue";
|
|
3
|
-
import ElementUI from "element-ui";
|
|
4
|
-
Vue.use(ElementUI);
|
|
5
|
-
import "@jx3box/jx3box-common/css/element.css";
|
|
6
|
-
import "@jx3box/jx3box-common/css/normalize.css";
|
|
7
|
-
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
// 第三方UI组件
|
|
2
|
+
import Vue from "vue";
|
|
3
|
+
import ElementUI from "element-ui";
|
|
4
|
+
Vue.use(ElementUI);
|
|
5
|
+
import "@jx3box/jx3box-common/css/element.css";
|
|
6
|
+
import "@jx3box/jx3box-common/css/normalize.css";
|
|
7
|
+
|
|
8
|
+
import reporter from "@jx3box/jx3box-common/js/reporter";
|
|
9
|
+
reporter.install(Vue);
|
|
10
|
+
|
|
11
|
+
import App from './App.vue'
|
|
12
|
+
|
|
13
|
+
Vue.config.productionTip = false
|
|
14
|
+
|
|
15
|
+
new Vue({
|
|
16
|
+
render: h => h(App),
|
|
17
|
+
}).$mount('#app')
|