|
@@ -12,30 +12,10 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" v-if="dialog.type == '1'">
|
|
|
<custom-form v-model="form" :fields="formFields" :rules="rules" @save="toSave">
|
|
|
- <template #type>
|
|
|
- <el-option v-for="i in typeList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
- </template>
|
|
|
<template #children>
|
|
|
<el-col :span="24" class="button">
|
|
|
<el-button type="primary" size="small" @click="toCadd()">添加</el-button>
|
|
|
</el-col>
|
|
|
- <el-table :data="form.children" border size="mini">
|
|
|
- <el-table-column align="center" label="标题" prop="title">
|
|
|
- <template #default="{ row }">
|
|
|
- <el-input v-model="row.title" clearable placeholder="请输入标题"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="路由" prop="href">
|
|
|
- <template #default="{ row }">
|
|
|
- <el-input v-model="row.href" clearable placeholder="请输入路由"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" align="center" width="100">
|
|
|
- <template #default="scope">
|
|
|
- <el-button size="mini" type="danger" @click="toCdel(scope.row)">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
</template>
|
|
|
<template #is_use>
|
|
|
<el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
@@ -61,10 +41,6 @@ const data = ref([])
|
|
|
const searchForm = ref({})
|
|
|
const fields = [
|
|
|
{ label: t('pages.tags.title'), model: 'title', isSearch: true },
|
|
|
- { label: t('pages.tags.href'), model: 'href', isSearch: true },
|
|
|
- { label: t('pages.tags.English'), model: 'English' },
|
|
|
- { label: t('pages.tags.sort'), model: 'sort' },
|
|
|
- { label: t('pages.tags.type'), model: 'type', format: (i) => getDict(i, 'type') },
|
|
|
{
|
|
|
label: t('pages.tags.is_use'),
|
|
|
model: 'is_use',
|
|
@@ -82,17 +58,10 @@ let skip = 0
|
|
|
let limit = inject('limit')
|
|
|
const total = ref(0)
|
|
|
const isUseList = ref([])
|
|
|
-const typeList = [
|
|
|
- { label: '是', value: '0' },
|
|
|
- { label: '否', value: '1' }
|
|
|
-]
|
|
|
// 加载中
|
|
|
const loading = ref(false)
|
|
|
const formFields = [
|
|
|
{ label: t('pages.tags.title'), model: 'title' },
|
|
|
- { label: t('pages.tags.href'), model: 'href' },
|
|
|
- { label: t('pages.tags.English'), model: 'English' },
|
|
|
- { label: t('pages.tags.type'), model: 'type', type: 'select' },
|
|
|
{
|
|
|
label: t('pages.tags.children'),
|
|
|
model: 'children',
|
|
@@ -105,8 +74,6 @@ const formFields = [
|
|
|
]
|
|
|
const rules = reactive({
|
|
|
title: [{ required: true, message: t('pages.tags.titleMessage'), trigger: 'blur' }],
|
|
|
- href: [{ required: true, message: t('pages.tags.hrefMessage'), trigger: 'blur' }],
|
|
|
- sort: [{ required: true, message: t('pages.tags.sortfMessage'), trigger: 'blur' }]
|
|
|
})
|
|
|
const dialog = ref({ type: '1', show: false, title: t('pages.tags.dialogTitle'), top: '15vh' })
|
|
|
const form = ref({ type: '1', children: [] })
|
|
@@ -136,9 +103,10 @@ const search = async (query = { skip, limit }) => {
|
|
|
const getDict = (data, model) => {
|
|
|
if (data) {
|
|
|
let res
|
|
|
- if (model == 'is_use') res = isUseList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'type') res = typeList.find((f) => f.value == data)
|
|
|
+ if (model == 'is_use') {
|
|
|
+ res = isUseList.value.find((f) => f.value == data)
|
|
|
return get(res, 'label')
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
// 添加
|