perf: 显示逻辑
This commit is contained in:
@ -34,6 +34,7 @@ export default {
|
|||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
|
|
||||||
const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
|
const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
|
||||||
|
const showImages = computed(() => !isVideo.value && images.value.length);
|
||||||
const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
|
const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
|
||||||
const collapsed = computed(() => {
|
const collapsed = computed(() => {
|
||||||
return sidebarStore.menuCollapse;
|
return sidebarStore.menuCollapse;
|
||||||
@ -125,12 +126,14 @@ export default {
|
|||||||
size="medium"
|
size="medium"
|
||||||
type="outline"
|
type="outline"
|
||||||
class="mr-12px"
|
class="mr-12px"
|
||||||
onClick={() => router.push({
|
onClick={() =>
|
||||||
name: 'ManuscriptEdit',
|
router.push({
|
||||||
params: {
|
name: 'ManuscriptEdit',
|
||||||
id: workId.value
|
params: {
|
||||||
},
|
id: workId.value,
|
||||||
})}
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
>
|
>
|
||||||
编辑
|
编辑
|
||||||
</Button>
|
</Button>
|
||||||
@ -178,7 +181,7 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 仅图片类型显示图片列表 */}
|
{/* 仅图片类型显示图片列表 */}
|
||||||
{!isVideo.value && (
|
{showImages.value ? (
|
||||||
<div class="desc-img-wrap mt-40px">
|
<div class="desc-img-wrap mt-40px">
|
||||||
{images.value.map((item, index) => (
|
{images.value.map((item, index) => (
|
||||||
<div class="desc-img-box" key={index}>
|
<div class="desc-img-box" key={index}>
|
||||||
@ -186,7 +189,7 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
)}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -34,6 +34,7 @@ export default {
|
|||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
|
|
||||||
const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
|
const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
|
||||||
|
const showImages = computed(() => !isVideo.value && images.value.length);
|
||||||
const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
|
const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
|
||||||
const writerCode = computed(() => route.params.writerCode);
|
const writerCode = computed(() => route.params.writerCode);
|
||||||
const collapsed = computed(() => {
|
const collapsed = computed(() => {
|
||||||
@ -192,7 +193,7 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 仅图片类型显示图片列表 */}
|
{/* 仅图片类型显示图片列表 */}
|
||||||
{!isVideo.value && (
|
{showImages.value ? (
|
||||||
<div class="desc-img-wrap mt-40px">
|
<div class="desc-img-wrap mt-40px">
|
||||||
{images.value.map((item, index) => (
|
{images.value.map((item, index) => (
|
||||||
<div class="desc-img-box" key={index}>
|
<div class="desc-img-box" key={index}>
|
||||||
@ -200,7 +201,7 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
)}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user