@cmstops/pro-compo 3.10.5-stable.4 → 3.10.5-stable.6
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
|
|
1
|
+
import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, toDisplayString, renderSlot, withDirectives, vShow, nextTick } from "vue";
|
|
2
2
|
import _imports_0 from "../../images/pic-thumb.js";
|
|
3
3
|
import { Table, Checkbox, Pagination, Message } from "@arco-design/web-vue";
|
|
4
4
|
import _sfc_main$2 from "../../../typeIcons/component.js";
|
|
@@ -8,20 +8,19 @@ import useTableBatch from "../../../hooks/batch.js";
|
|
|
8
8
|
import { timeFormat } from "../../../utils/index.js";
|
|
9
9
|
import { getCategoryMediaNew, checkCommitFulfillment, getCategoryCategoriesTree } from "../../script/api.js";
|
|
10
10
|
const _hoisted_1 = { class: "view-all-column-container" };
|
|
11
|
-
const _hoisted_2 =
|
|
12
|
-
const _hoisted_3 =
|
|
13
|
-
const _hoisted_4 = {
|
|
11
|
+
const _hoisted_2 = ["src"];
|
|
12
|
+
const _hoisted_3 = {
|
|
14
13
|
key: 1,
|
|
15
14
|
alt: "",
|
|
16
15
|
class: "pic-thumb-img",
|
|
17
16
|
src: _imports_0
|
|
18
17
|
};
|
|
19
|
-
const
|
|
20
|
-
const
|
|
18
|
+
const _hoisted_4 = { class: "title-span" };
|
|
19
|
+
const _hoisted_5 = { class: "title" };
|
|
20
|
+
const _hoisted_6 = { class: "title-span" };
|
|
21
21
|
const _hoisted_7 = { class: "title-span" };
|
|
22
|
-
const _hoisted_8 = { class: "
|
|
23
|
-
const _hoisted_9 = { class: "
|
|
24
|
-
const _hoisted_10 = { class: "left" };
|
|
22
|
+
const _hoisted_8 = { class: "bottom-view" };
|
|
23
|
+
const _hoisted_9 = { class: "left" };
|
|
25
24
|
const _sfc_main = defineComponent({
|
|
26
25
|
...{ name: "ViewAllColumn" },
|
|
27
26
|
__name: "index",
|
|
@@ -141,9 +140,25 @@ const _sfc_main = defineComponent({
|
|
|
141
140
|
page.value.index = 1;
|
|
142
141
|
loadData();
|
|
143
142
|
};
|
|
143
|
+
const tableRef = ref(null);
|
|
144
|
+
const tableContainerRef = ref(null);
|
|
145
|
+
const resetScrollPosition = () => {
|
|
146
|
+
nextTick(() => {
|
|
147
|
+
if (tableRef.value) {
|
|
148
|
+
const tableElement = tableRef.value.$el;
|
|
149
|
+
const scrollContainer = tableElement == null ? void 0 : tableElement.querySelector(
|
|
150
|
+
".arco-table-body"
|
|
151
|
+
);
|
|
152
|
+
if (scrollContainer) {
|
|
153
|
+
scrollContainer.scrollTop = 0;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
};
|
|
144
158
|
const pageChangeHandle = (index) => {
|
|
145
159
|
page.value.index = index;
|
|
146
160
|
loadData();
|
|
161
|
+
resetScrollPosition();
|
|
147
162
|
};
|
|
148
163
|
watch(
|
|
149
164
|
() => group_id.value,
|
|
@@ -258,6 +273,7 @@ const _sfc_main = defineComponent({
|
|
|
258
273
|
return v;
|
|
259
274
|
}) || [];
|
|
260
275
|
page.value.total = message.total || message.count;
|
|
276
|
+
resetScrollPosition();
|
|
261
277
|
}
|
|
262
278
|
};
|
|
263
279
|
onMounted(() => {
|
|
@@ -276,8 +292,14 @@ const _sfc_main = defineComponent({
|
|
|
276
292
|
"user-info": props.userInfo,
|
|
277
293
|
onSearch: search
|
|
278
294
|
}, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
|
|
279
|
-
createElementVNode("div",
|
|
295
|
+
createElementVNode("div", {
|
|
296
|
+
ref_key: "tableContainerRef",
|
|
297
|
+
ref: tableContainerRef,
|
|
298
|
+
class: "content-table-view"
|
|
299
|
+
}, [
|
|
280
300
|
createVNode(unref(Table), {
|
|
301
|
+
ref_key: "tableRef",
|
|
302
|
+
ref: tableRef,
|
|
281
303
|
bordered: false,
|
|
282
304
|
columns: columns.value,
|
|
283
305
|
data: mediaFileData.value,
|
|
@@ -309,37 +331,37 @@ const _sfc_main = defineComponent({
|
|
|
309
331
|
src: (_f = (_e = (_d = record.cover) == null ? void 0 : _d.data) == null ? void 0 : _e[0]) == null ? void 0 : _f.thumb,
|
|
310
332
|
alt: "",
|
|
311
333
|
class: "pic-thumb-img"
|
|
312
|
-
}, null, 8,
|
|
334
|
+
}, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("img", _hoisted_3))
|
|
313
335
|
];
|
|
314
336
|
}),
|
|
315
337
|
title: withCtx(({ record }) => [
|
|
316
|
-
createElementVNode("span",
|
|
338
|
+
createElementVNode("span", _hoisted_4, [
|
|
317
339
|
createVNode(_sfc_main$2, {
|
|
318
340
|
type: record.series,
|
|
319
341
|
class: "icon",
|
|
320
342
|
doc: ""
|
|
321
343
|
}, null, 8, ["type"]),
|
|
322
|
-
createElementVNode("span",
|
|
344
|
+
createElementVNode("span", _hoisted_5, toDisplayString(record.title || record.alias || "--"), 1)
|
|
323
345
|
])
|
|
324
346
|
]),
|
|
325
347
|
series: withCtx(({ record }) => [
|
|
326
348
|
createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
|
|
327
349
|
]),
|
|
328
350
|
duty_editor: withCtx(({ record }) => [
|
|
329
|
-
createElementVNode("span",
|
|
351
|
+
createElementVNode("span", _hoisted_6, [
|
|
330
352
|
createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
|
|
331
353
|
])
|
|
332
354
|
]),
|
|
333
355
|
pub_time: withCtx(({ record }) => [
|
|
334
|
-
createElementVNode("span",
|
|
356
|
+
createElementVNode("span", _hoisted_7, [
|
|
335
357
|
createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
|
|
336
358
|
])
|
|
337
359
|
]),
|
|
338
360
|
_: 1
|
|
339
361
|
}, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
|
|
340
|
-
]),
|
|
341
|
-
createElementVNode("div",
|
|
342
|
-
createElementVNode("div",
|
|
362
|
+
], 512),
|
|
363
|
+
createElementVNode("div", _hoisted_8, [
|
|
364
|
+
createElementVNode("div", _hoisted_9, [
|
|
343
365
|
renderSlot(_ctx.$slots, "store"),
|
|
344
366
|
withDirectives(createVNode(unref(Pagination), {
|
|
345
367
|
current: page.value.index,
|
|
@@ -41,10 +41,10 @@ const _sfc_main = defineComponent({
|
|
|
41
41
|
}
|
|
42
42
|
if (["special", "special_v3"].includes(series)) {
|
|
43
43
|
extra.topImageTitleValid = false;
|
|
44
|
-
extra.topImageTitle = "\u4E13\u9898\u5934\u56FE";
|
|
44
|
+
extra.topImageTitle = "\u4E13\u9898/\u5408\u96C6\u5934\u56FE";
|
|
45
45
|
} else {
|
|
46
46
|
if (["video_album", "audio_album"].includes(series)) {
|
|
47
|
-
extra.topImageTitle = "\
|
|
47
|
+
extra.topImageTitle = "\u4E13\u9898/\u5408\u96C6\u5934\u56FE";
|
|
48
48
|
} else {
|
|
49
49
|
extra.topImageTitle = "\u64AD\u653E\u5668\u80CC\u666F\u56FE";
|
|
50
50
|
}
|
|
@@ -9,20 +9,19 @@ var batch = require("../../../hooks/batch.js");
|
|
|
9
9
|
var index$1 = require("../../../utils/index.js");
|
|
10
10
|
var api = require("../../script/api.js");
|
|
11
11
|
const _hoisted_1 = { class: "view-all-column-container" };
|
|
12
|
-
const _hoisted_2 =
|
|
13
|
-
const _hoisted_3 =
|
|
14
|
-
const _hoisted_4 = {
|
|
12
|
+
const _hoisted_2 = ["src"];
|
|
13
|
+
const _hoisted_3 = {
|
|
15
14
|
key: 1,
|
|
16
15
|
alt: "",
|
|
17
16
|
class: "pic-thumb-img",
|
|
18
17
|
src: picThumb
|
|
19
18
|
};
|
|
20
|
-
const
|
|
21
|
-
const
|
|
19
|
+
const _hoisted_4 = { class: "title-span" };
|
|
20
|
+
const _hoisted_5 = { class: "title" };
|
|
21
|
+
const _hoisted_6 = { class: "title-span" };
|
|
22
22
|
const _hoisted_7 = { class: "title-span" };
|
|
23
|
-
const _hoisted_8 = { class: "
|
|
24
|
-
const _hoisted_9 = { class: "
|
|
25
|
-
const _hoisted_10 = { class: "left" };
|
|
23
|
+
const _hoisted_8 = { class: "bottom-view" };
|
|
24
|
+
const _hoisted_9 = { class: "left" };
|
|
26
25
|
const _sfc_main = vue.defineComponent({
|
|
27
26
|
...{ name: "ViewAllColumn" },
|
|
28
27
|
__name: "index",
|
|
@@ -142,9 +141,25 @@ const _sfc_main = vue.defineComponent({
|
|
|
142
141
|
page.value.index = 1;
|
|
143
142
|
loadData();
|
|
144
143
|
};
|
|
144
|
+
const tableRef = vue.ref(null);
|
|
145
|
+
const tableContainerRef = vue.ref(null);
|
|
146
|
+
const resetScrollPosition = () => {
|
|
147
|
+
vue.nextTick(() => {
|
|
148
|
+
if (tableRef.value) {
|
|
149
|
+
const tableElement = tableRef.value.$el;
|
|
150
|
+
const scrollContainer = tableElement == null ? void 0 : tableElement.querySelector(
|
|
151
|
+
".arco-table-body"
|
|
152
|
+
);
|
|
153
|
+
if (scrollContainer) {
|
|
154
|
+
scrollContainer.scrollTop = 0;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
});
|
|
158
|
+
};
|
|
145
159
|
const pageChangeHandle = (index2) => {
|
|
146
160
|
page.value.index = index2;
|
|
147
161
|
loadData();
|
|
162
|
+
resetScrollPosition();
|
|
148
163
|
};
|
|
149
164
|
vue.watch(
|
|
150
165
|
() => group_id.value,
|
|
@@ -259,6 +274,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
259
274
|
return v;
|
|
260
275
|
}) || [];
|
|
261
276
|
page.value.total = message.total || message.count;
|
|
277
|
+
resetScrollPosition();
|
|
262
278
|
}
|
|
263
279
|
};
|
|
264
280
|
vue.onMounted(() => {
|
|
@@ -277,8 +293,14 @@ const _sfc_main = vue.defineComponent({
|
|
|
277
293
|
"user-info": props.userInfo,
|
|
278
294
|
onSearch: search
|
|
279
295
|
}, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
|
|
280
|
-
vue.createElementVNode("div",
|
|
296
|
+
vue.createElementVNode("div", {
|
|
297
|
+
ref_key: "tableContainerRef",
|
|
298
|
+
ref: tableContainerRef,
|
|
299
|
+
class: "content-table-view"
|
|
300
|
+
}, [
|
|
281
301
|
vue.createVNode(vue.unref(webVue.Table), {
|
|
302
|
+
ref_key: "tableRef",
|
|
303
|
+
ref: tableRef,
|
|
282
304
|
bordered: false,
|
|
283
305
|
columns: columns.value,
|
|
284
306
|
data: mediaFileData.value,
|
|
@@ -310,37 +332,37 @@ const _sfc_main = vue.defineComponent({
|
|
|
310
332
|
src: (_f = (_e = (_d = record.cover) == null ? void 0 : _d.data) == null ? void 0 : _e[0]) == null ? void 0 : _f.thumb,
|
|
311
333
|
alt: "",
|
|
312
334
|
class: "pic-thumb-img"
|
|
313
|
-
}, null, 8,
|
|
335
|
+
}, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_3))
|
|
314
336
|
];
|
|
315
337
|
}),
|
|
316
338
|
title: vue.withCtx(({ record }) => [
|
|
317
|
-
vue.createElementVNode("span",
|
|
339
|
+
vue.createElementVNode("span", _hoisted_4, [
|
|
318
340
|
vue.createVNode(component, {
|
|
319
341
|
type: record.series,
|
|
320
342
|
class: "icon",
|
|
321
343
|
doc: ""
|
|
322
344
|
}, null, 8, ["type"]),
|
|
323
|
-
vue.createElementVNode("span",
|
|
345
|
+
vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(record.title || record.alias || "--"), 1)
|
|
324
346
|
])
|
|
325
347
|
]),
|
|
326
348
|
series: vue.withCtx(({ record }) => [
|
|
327
349
|
vue.createVNode(component$1, { item: record }, null, 8, ["item"])
|
|
328
350
|
]),
|
|
329
351
|
duty_editor: vue.withCtx(({ record }) => [
|
|
330
|
-
vue.createElementVNode("span",
|
|
352
|
+
vue.createElementVNode("span", _hoisted_6, [
|
|
331
353
|
vue.createElementVNode("span", null, vue.toDisplayString(record.duty_editor || "--"), 1)
|
|
332
354
|
])
|
|
333
355
|
]),
|
|
334
356
|
pub_time: vue.withCtx(({ record }) => [
|
|
335
|
-
vue.createElementVNode("span",
|
|
357
|
+
vue.createElementVNode("span", _hoisted_7, [
|
|
336
358
|
vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
|
|
337
359
|
])
|
|
338
360
|
]),
|
|
339
361
|
_: 1
|
|
340
362
|
}, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
|
|
341
|
-
]),
|
|
342
|
-
vue.createElementVNode("div",
|
|
343
|
-
vue.createElementVNode("div",
|
|
363
|
+
], 512),
|
|
364
|
+
vue.createElementVNode("div", _hoisted_8, [
|
|
365
|
+
vue.createElementVNode("div", _hoisted_9, [
|
|
344
366
|
vue.renderSlot(_ctx.$slots, "store"),
|
|
345
367
|
vue.withDirectives(vue.createVNode(vue.unref(webVue.Pagination), {
|
|
346
368
|
current: page.value.index,
|
|
@@ -42,10 +42,10 @@ const _sfc_main = vue.defineComponent({
|
|
|
42
42
|
}
|
|
43
43
|
if (["special", "special_v3"].includes(series)) {
|
|
44
44
|
extra.topImageTitleValid = false;
|
|
45
|
-
extra.topImageTitle = "\u4E13\u9898\u5934\u56FE";
|
|
45
|
+
extra.topImageTitle = "\u4E13\u9898/\u5408\u96C6\u5934\u56FE";
|
|
46
46
|
} else {
|
|
47
47
|
if (["video_album", "audio_album"].includes(series)) {
|
|
48
|
-
extra.topImageTitle = "\
|
|
48
|
+
extra.topImageTitle = "\u4E13\u9898/\u5408\u96C6\u5934\u56FE";
|
|
49
49
|
} else {
|
|
50
50
|
extra.topImageTitle = "\u64AD\u653E\u5668\u80CC\u666F\u56FE";
|
|
51
51
|
}
|