|
@@ -9,32 +9,32 @@
|
|
|
|
|
|
<MeCrud ref="$table" v-model:query-items="queryItems" :scroll-x="1200" :columns="columns" :get-data="api.read">
|
|
|
<MeQueryItem label="分类名称" :label-width="80">
|
|
|
- <n-input v-model:value="queryItems.title" :maxlength="200" type="text" placeholder="请输入分类名称" clearable show-count>
|
|
|
+ <n-input v-model:value="queryItems.title" type="text" placeholder="请输入分类名称" clearable show-count>
|
|
|
<template #password-visible-icon />
|
|
|
</n-input>
|
|
|
</MeQueryItem>
|
|
|
<MeQueryItem label="状态" :label-width="50">
|
|
|
- <n-select
|
|
|
+ <n-select
|
|
|
v-model:value="queryItems.enable" clearable :options="[
|
|
|
{ label: '启用', value: 1 },
|
|
|
{ label: '停用', value: 0 },
|
|
|
- ]"
|
|
|
+ ]"
|
|
|
/>
|
|
|
</MeQueryItem>
|
|
|
</MeCrud>
|
|
|
|
|
|
<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
|
|
|
+ <n-input
|
|
|
v-model:value="modalForm.title" :maxlength="200"
|
|
|
- show-count
|
|
|
+ show-count
|
|
|
/>
|
|
|
</n-form-item>
|
|
|
<n-form-item label="上层分类" path="parentId">
|
|
@@ -47,22 +47,22 @@
|
|
|
<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
|
|
|
+ <n-form-item
|
|
|
label="名称" path="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="remark" :rule="{
|
|
|
required: false,
|
|
|
message: '请输入备注',
|
|
|
trigger: ['input', 'blur'],
|
|
|
- }"
|
|
|
+ }"
|
|
|
>
|
|
|
<n-input v-model:value="modalForm.translations.find(i => i.locale === lang).remark" :maxlength="200" show-count type="textarea" />
|
|
|
</n-form-item>
|