@jx3box/jx3box-common-ui 7.5.2 → 7.5.4
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 +1 -1
- package/src/bread/ListAdmin.vue +9 -27
package/package.json
CHANGED
package/src/bread/ListAdmin.vue
CHANGED
|
@@ -18,30 +18,18 @@
|
|
|
18
18
|
:withHeader="false"
|
|
19
19
|
>
|
|
20
20
|
<div class="c-admin-wrapper" v-loading="loading">
|
|
21
|
-
<el-divider content-position="left"
|
|
22
|
-
<div class="m-bucket-list" v-if="
|
|
23
|
-
<div v-for="item in
|
|
24
|
-
<el-tag size="medium">{{ item.name }}</el-tag>
|
|
21
|
+
<el-divider content-position="left">主题管理</el-divider>
|
|
22
|
+
<div class="m-bucket-list" v-if="list && list.length">
|
|
23
|
+
<div v-for="item in list" :key="item.id" class="m-bucket-item">
|
|
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>
|
|
31
31
|
<el-empty v-else description="暂无主题"></el-empty>
|
|
32
32
|
|
|
33
|
-
<el-button class="u-bucket-add" icon="el-icon-plus" type="primary" @click="add">添加主题</el-button>
|
|
34
|
-
|
|
35
|
-
<el-divider content-position="left">下架主题</el-divider>
|
|
36
|
-
<div class="m-bucket-list">
|
|
37
|
-
<div v-for="item in downList" :key="item.id" class="m-bucket-item">
|
|
38
|
-
<el-tag size="medium">{{ item.name }}</el-tag>
|
|
39
|
-
<div class="m-bucket-op">
|
|
40
|
-
<el-button type="text" class="u-op-btn" icon="el-icon-upload2" @click="update(item.id, item.status)">上架</el-button>
|
|
41
|
-
<el-button type="text" class="u-op-btn" icon="el-icon-delete" @click="del(item.id)">删除</el-button>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
33
|
<div class="c-admin-buttons">
|
|
46
34
|
<!-- <el-button type="primary" @click="submit" :loading="pushing">提交</el-button> -->
|
|
47
35
|
<el-button type="plain" @click="close">关闭</el-button>
|
|
@@ -78,14 +66,6 @@ export default {
|
|
|
78
66
|
hasRight() {
|
|
79
67
|
return User.isEditor();
|
|
80
68
|
},
|
|
81
|
-
// 上架主题
|
|
82
|
-
upList() {
|
|
83
|
-
return this.list.filter((item) => item.status == 1);
|
|
84
|
-
},
|
|
85
|
-
// 下架主题
|
|
86
|
-
downList() {
|
|
87
|
-
return this.list.filter((item) => item.status == 0);
|
|
88
|
-
},
|
|
89
69
|
},
|
|
90
70
|
watch: {
|
|
91
71
|
show(val) {
|
|
@@ -174,11 +154,13 @@ export default {
|
|
|
174
154
|
.pointer;
|
|
175
155
|
}
|
|
176
156
|
.m-bucket-list {
|
|
157
|
+
max-height: 300px;
|
|
158
|
+
overflow: auto;
|
|
177
159
|
.m-bucket-item {
|
|
178
160
|
.flex;
|
|
179
161
|
align-items: center;
|
|
180
162
|
justify-content: space-between;
|
|
181
|
-
padding:
|
|
163
|
+
padding: 5px;
|
|
182
164
|
border-radius: 3px;
|
|
183
165
|
|
|
184
166
|
// odd
|