@jx3box/jx3box-common-ui 7.5.1 → 7.5.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jx3box/jx3box-common-ui",
3
- "version": "7.5.1",
3
+ "version": "7.5.3",
4
4
  "description": "JX3BOX UI",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/App.vue CHANGED
@@ -9,6 +9,7 @@
9
9
  :feedbackEnable="true"
10
10
  :adminEnable="true"
11
11
  :crumb-enable="true"
12
+ :topicEnable="true"
12
13
  >
13
14
  <img slot="logo" svg-inline src="../assets/img/jx3.svg" />
14
15
  bread info
@@ -43,7 +43,7 @@
43
43
  <span>反馈</span>
44
44
  </a>
45
45
  <Adminbutton v-if="adminEnable" class="u-admin" />
46
- <ListAdmin v-if="adminEnable" />
46
+ <ListAdmin v-if="topicEnable" />
47
47
  <Admin v-if="adminEnable" :marksOptions="adminMarks" />
48
48
  <slot name="op-prepend"></slot>
49
49
  </div>
@@ -71,6 +71,7 @@ export default {
71
71
  "root",
72
72
  "publishEnable",
73
73
  "adminEnable",
74
+ "topicEnable",
74
75
  "feedbackEnable",
75
76
  "overlayEnable",
76
77
  "crumbEnable",
@@ -18,29 +18,21 @@
18
18
  :withHeader="false"
19
19
  >
20
20
  <div class="c-admin-wrapper" v-loading="loading">
21
- <el-divider content-position="left">当前主题</el-divider>
22
- <div class="m-bucket-list" v-if="upList && upList.length">
23
- <div v-for="item in upList" :key="item.id" class="m-bucket-item">
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="text" class="u-op-btn" icon="el-icon-download" @click="update(item.id, item.status)">下架</el-button>
26
+ <el-button type="text" class="u-op-btn" icon="el-icon-download" @click="update(item.id, item.status)">{{ item.status ? '下架' : '上架' }}</el-button>
27
27
  <el-button type="text" 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>
33
+ <div class="c-admin-buttons">
34
+ <!-- <el-button type="primary" @click="submit" :loading="pushing">提交</el-button> -->
35
+ <el-button type="plain" @click="close">关闭</el-button>
44
36
  </div>
45
37
  </div>
46
38
  </el-drawer>
@@ -74,14 +66,6 @@ export default {
74
66
  hasRight() {
75
67
  return User.isEditor();
76
68
  },
77
- // 上架主题
78
- upList() {
79
- return this.list.filter((item) => item.status == 1);
80
- },
81
- // 下架主题
82
- downList() {
83
- return this.list.filter((item) => item.status == 0);
84
- },
85
69
  },
86
70
  watch: {
87
71
  show(val) {
@@ -170,6 +154,8 @@ export default {
170
154
  .pointer;
171
155
  }
172
156
  .m-bucket-list {
157
+ max-height: 300px;
158
+ overflow: auto;
173
159
  .m-bucket-item {
174
160
  .flex;
175
161
  align-items: center;