|
@@ -18,9 +18,9 @@
|
|
|
<n-card :bordered="false" size="small">
|
|
|
<template #cover>
|
|
|
<!-- <div style="width: 100%;height: 50px;overflow: hidden;"> -->
|
|
|
- <n-image
|
|
|
+ <n-image
|
|
|
preview-disabled :src="child.cover" object-fit="scale-down"
|
|
|
- style="width: 100%;height: 50px;overflow: hidden;"
|
|
|
+ style="width: 100%;height: 50px;overflow: hidden;"
|
|
|
/>
|
|
|
<!-- </div> -->
|
|
|
</template>
|
|
@@ -38,9 +38,9 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
<template #header-extra>
|
|
|
- <n-dropdown
|
|
|
+ <n-dropdown
|
|
|
class="menu_dropdown" trigger="click" :options="options" :show-arrow="true"
|
|
|
- @select="(key) => handleSelect(key, item)"
|
|
|
+ @select="(key) => handleSelect(key, item)"
|
|
|
>
|
|
|
<n-button text>
|
|
|
<i class="i-material-symbols:more-horiz text-24" />
|
|
@@ -53,58 +53,58 @@
|
|
|
|
|
|
<MeModal ref="modalRef" width="520px">
|
|
|
<n-form ref="modalFormRef" label-placement="left" label-align="left" :label-width="80" :model="modalForm">
|
|
|
- <n-form-item
|
|
|
+ <n-form-item
|
|
|
label="名称" path="title" :rule="{
|
|
|
required: true,
|
|
|
message: '请输入名称',
|
|
|
trigger: ['input', 'blur'],
|
|
|
- }"
|
|
|
+ }"
|
|
|
>
|
|
|
<n-input v-model:value="modalForm.title" :maxlength="200" show-count />
|
|
|
</n-form-item>
|
|
|
|
|
|
- <n-form-item
|
|
|
+ <n-form-item
|
|
|
label="描述" path="description" :rule="{
|
|
|
required: false,
|
|
|
message: '请输入描述',
|
|
|
trigger: ['input', 'blur'],
|
|
|
- }"
|
|
|
+ }"
|
|
|
>
|
|
|
<n-input v-model:value="modalForm.description" :maxlength="200" show-count type="textarea" />
|
|
|
</n-form-item>
|
|
|
- <n-form-item
|
|
|
+ <n-form-item
|
|
|
label="样式类型" path="styleType" :rule="{
|
|
|
required: true,
|
|
|
type: 'number',
|
|
|
message: '请输入样式类型',
|
|
|
trigger: ['input', 'blur'],
|
|
|
- }"
|
|
|
+ }"
|
|
|
>
|
|
|
<n-select v-model:value="modalForm.styleType" :options="styleEnum" clearable filterable tag />
|
|
|
</n-form-item>
|
|
|
<n-tabs v-if="modalForm.translations.length > 0" type="line" animated>
|
|
|
<template v-for="(lang, index) in langs" :key="lang">
|
|
|
<n-tab-pane :name="lang" :tab="langLabel[lang]" :index="index">
|
|
|
- <n-form-item
|
|
|
- label="名称" path="title" :rule="{
|
|
|
+ <n-form-item
|
|
|
+ label="名称" :path="`translations[${index}].title`" :rule="{
|
|
|
required: true,
|
|
|
message: '请输入名称',
|
|
|
trigger: ['input', 'blur'],
|
|
|
- }"
|
|
|
+ }"
|
|
|
>
|
|
|
<n-input v-model:value="modalForm.translations.find(i => i.locale === lang).title" :maxlength="200" show-count />
|
|
|
</n-form-item>
|
|
|
|
|
|
- <n-form-item
|
|
|
+ <n-form-item
|
|
|
label="描述" path="description" :rule="{
|
|
|
required: false,
|
|
|
message: '请输入描述',
|
|
|
trigger: ['input', 'blur'],
|
|
|
- }"
|
|
|
+ }"
|
|
|
>
|
|
|
- <n-input
|
|
|
+ <n-input
|
|
|
v-model:value="modalForm.translations.find(i => i.locale === lang).description" :maxlength="200" show-count
|
|
|
- type="textarea"
|
|
|
+ type="textarea"
|
|
|
/>
|
|
|
</n-form-item>
|
|
|
</n-tab-pane>
|