项目初始化
This commit is contained in:
366
web-vue/packages/cms/views/cms/category/form.vue
Normal file
366
web-vue/packages/cms/views/cms/category/form.vue
Normal file
@@ -0,0 +1,366 @@
|
||||
<!--
|
||||
* Copyright (c) 2013-Now https://jeesite.com All rights reserved.
|
||||
* No deletion without permission, or be held responsible to law.
|
||||
* @author ThinkGem
|
||||
-->
|
||||
<template>
|
||||
<BasicDrawer
|
||||
v-bind="$attrs"
|
||||
:showFooter="true"
|
||||
:okAuth="'cms:category:edit'"
|
||||
@register="registerDrawer"
|
||||
@ok="handleSubmit"
|
||||
width="70%"
|
||||
>
|
||||
<template #title>
|
||||
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
|
||||
<span> {{ getTitle.value }} </span>
|
||||
</template>
|
||||
<BasicForm @register="registerForm">
|
||||
<template #viewConfigHelp>
|
||||
<div class="mx-2 mb-3">
|
||||
<Alert
|
||||
:message="`例如视图参数设置为：{count:2,titleShow:'yes'} 则在视图文件中的获取方法是：\${viewConfig_count}、\${viewConfig_titleShow}。
|
||||
设置栏目的管理地址：若设置【adminUrl:false】表示无管理地址，在内容发布栏目列表中不显示该栏目；
|
||||
设置【adminUrl:'/cms/guestbook'】表示有管理地址，在内容发布栏目列表中点击该栏目链接到该地址。`"
|
||||
type="info"
|
||||
banner
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</BasicForm>
|
||||
</BasicDrawer>
|
||||
</template>
|
||||
<script lang="ts" setup name="ViewsCmsCategoryForm">
|
||||
import { ref, unref, computed } from 'vue';
|
||||
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
||||
import { useMessage } from '@jeesite/core/hooks/web/useMessage';
|
||||
import { router } from '@jeesite/core/router';
|
||||
import { Icon } from '@jeesite/core/components/Icon';
|
||||
import { BasicForm, FormSchema, useForm } from '@jeesite/core/components/Form';
|
||||
import { BasicDrawer, useDrawerInner } from '@jeesite/core/components/Drawer';
|
||||
import { Category, categorySave, categoryForm, categoryTreeData } from '@jeesite/cms/api/cms/category';
|
||||
import { Alert } from 'ant-design-vue';
|
||||
|
||||
const emit = defineEmits(['success', 'register']);
|
||||
|
||||
const { t } = useI18n('cms.category');
|
||||
const { showMessage } = useMessage();
|
||||
const { meta } = unref(router.currentRoute);
|
||||
const record = ref<Category>({} as Category);
|
||||
|
||||
const getTitle = computed(() => ({
|
||||
icon: meta.icon || 'i-ant-design:book-outlined',
|
||||
value: record.value.isNewRecord ? t('新增栏目') : t('编辑栏目'),
|
||||
}));
|
||||
|
||||
const category_DEFAULT_TEMPLATE = ref('');
|
||||
const article_DEFAULT_TEMPLATE = ref('');
|
||||
const listViewList = ref([]);
|
||||
const contentViewList = ref([]);
|
||||
const siteList = ref([]);
|
||||
|
||||
const inputFormSchemas: FormSchema<Category>[] = [
|
||||
{
|
||||
label: t('基本信息'),
|
||||
field: 'basicInfo',
|
||||
component: 'FormGroup',
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
{
|
||||
label: t('上级栏目'),
|
||||
field: 'parentCode',
|
||||
fieldLabel: 'parentName',
|
||||
component: 'TreeSelect',
|
||||
componentProps: {
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('归属站点'),
|
||||
field: 'site.siteCode',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
options: siteList,
|
||||
},
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
label: t('栏目编码'),
|
||||
field: 'categoryCode',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
maxlength: 64,
|
||||
},
|
||||
rules: [{ required: true }, { pattern: /^[a-zA-Z0-9_]*$/, message: t('请输入字母数字下划线') }],
|
||||
},
|
||||
{
|
||||
label: t('内容模型'),
|
||||
field: 'moduleType',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
dictType: 'cms_module_type',
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('栏目名称'),
|
||||
field: 'categoryName',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
maxlength: 100,
|
||||
},
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
label: t('排序号'),
|
||||
field: 'treeSort',
|
||||
helpMessage: '升序',
|
||||
component: 'InputNumber',
|
||||
defaultValue: '30',
|
||||
componentProps: {
|
||||
maxlength: 8,
|
||||
},
|
||||
rules: [{ required: true }, { pattern: /^\d+$/, message: t('请输入一个正整数') }],
|
||||
},
|
||||
{
|
||||
label: t('栏目图片'),
|
||||
field: 'dataMap',
|
||||
component: 'Upload',
|
||||
componentProps: {
|
||||
loadTime: computed(() => record.value.__t),
|
||||
bizKey: computed(() => record.value.id),
|
||||
bizType: 'category_image',
|
||||
uploadType: 'image',
|
||||
maxNumber: 1,
|
||||
// imageMaxWidth: 1024,
|
||||
// imageMaxHeight: 768,
|
||||
// imageThumbName: '150x150.jpg',
|
||||
showPreviewNumber: false,
|
||||
showPreviewList: true,
|
||||
emptyHidePreview: true,
|
||||
onChange: (dataMap, fileList) => {
|
||||
fileList.forEach((e) => {
|
||||
record.value.image = e.fileUrl;
|
||||
});
|
||||
},
|
||||
},
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
{
|
||||
label: t('外部链接'),
|
||||
field: 'href',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
placeholder: '栏目超链接地址，优先级“高”',
|
||||
maxlength: 255,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('链接目标'),
|
||||
field: 'target',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
placeholder: '栏目超链接打开的目标窗口，新窗口打开，请填写：“_blank”',
|
||||
maxlength: 20,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('栏目描述'),
|
||||
field: 'description',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
placeholder: '填写描述，有助于搜搜引擎优化',
|
||||
maxlength: 500,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('关键字'),
|
||||
field: 'keywords',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
placeholder: '填写描述，有助于搜搜引擎优化',
|
||||
maxlength: 500,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('栏目配置'),
|
||||
field: 'detailInfo',
|
||||
component: 'FormGroup',
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
{
|
||||
label: t('在导航中显示'),
|
||||
helpMessage: '是否在导航中显示该栏目',
|
||||
field: 'inMenu',
|
||||
component: 'RadioGroup',
|
||||
componentProps: {
|
||||
dictType: 'sys_show_hide',
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('是否允许评论'),
|
||||
field: 'isCanComment',
|
||||
component: 'RadioGroup',
|
||||
componentProps: {
|
||||
dictType: 'sys_yes_no',
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('在分类页显示'),
|
||||
helpMessage: '是否在分类页中显示该栏目的文章列表',
|
||||
field: 'inList',
|
||||
component: 'RadioGroup',
|
||||
componentProps: {
|
||||
dictType: 'sys_show_hide',
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('是否需要审核'),
|
||||
helpMessage: '如果需要审核，则启动 BPM 申请流程（专业版）',
|
||||
field: 'isNeedAudit',
|
||||
component: 'RadioGroup',
|
||||
componentProps: {
|
||||
dictType: 'sys_yes_no',
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('内容展现模式'),
|
||||
helpMessage: '默认展现方式,首栏目内容列表,栏目第一条内容',
|
||||
field: 'showModes',
|
||||
component: 'RadioGroup',
|
||||
componentProps: {
|
||||
dictType: 'cms_show_modes',
|
||||
},
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
{
|
||||
label: t('自定义列表视图'),
|
||||
helpMessage: () => `自定义列表视图名称必须以 ${category_DEFAULT_TEMPLATE.value} 开始`,
|
||||
field: 'customListView',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
options: listViewList,
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('自定义内容视图'),
|
||||
helpMessage: () => `自定义内容视图名称必须以 ${article_DEFAULT_TEMPLATE.value} 开始`,
|
||||
field: 'customContentView',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
options: contentViewList,
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('视图参数配置'),
|
||||
helpMessage:
|
||||
"视图参数例如: {count:2, title_show:'yes'} 则在视图文件中的获取方法是：${viewConfig_count}、${viewConfig_titleShow}",
|
||||
field: 'viewConfig',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
placeholder:
|
||||
"视图参数例如: {count:2, title_show:'yes'} 则在视图文件中的获取方法是：${viewConfig_count}、${viewConfig_titleShow}",
|
||||
maxlength: 1000,
|
||||
},
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
{
|
||||
field: 'viewConfigHelp',
|
||||
component: 'Text',
|
||||
colProps: { md: 24, lg: 24 },
|
||||
slot: 'viewConfigHelp',
|
||||
},
|
||||
{
|
||||
label: t('其它信息'),
|
||||
field: 'otherInfo',
|
||||
component: 'FormGroup',
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
{
|
||||
label: t('备注信息'),
|
||||
field: 'remarks',
|
||||
component: 'InputTextArea',
|
||||
componentProps: {
|
||||
maxlength: 500,
|
||||
},
|
||||
colProps: { md: 24, lg: 24 },
|
||||
},
|
||||
];
|
||||
|
||||
const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm<Category>({
|
||||
labelWidth: 140,
|
||||
schemas: inputFormSchemas,
|
||||
baseColProps: { md: 24, lg: 12 },
|
||||
});
|
||||
|
||||
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
|
||||
setDrawerProps({ loading: true });
|
||||
await resetFields();
|
||||
const res = await categoryForm(data);
|
||||
record.value = (res.category || {}) as Category;
|
||||
record.value.__t = new Date().getTime();
|
||||
if (data.parentCode && data.parentName) {
|
||||
record.value.parentCode = data.parentCode;
|
||||
record.value.parentName = data.parentName;
|
||||
}
|
||||
category_DEFAULT_TEMPLATE.value = res.category_DEFAULT_TEMPLATE;
|
||||
article_DEFAULT_TEMPLATE.value = res.article_DEFAULT_TEMPLATE;
|
||||
listViewList.value = (res.listViewList || []).map((item) => {
|
||||
return { label: item.dictLabel, value: item.dictValue };
|
||||
});
|
||||
contentViewList.value = (res.contentViewList || []).map((item) => {
|
||||
return { label: item.dictLabel, value: item.dictValue };
|
||||
});
|
||||
siteList.value = (res.siteList || []).map((item) => {
|
||||
return { label: item.siteName, value: item.siteCode };
|
||||
});
|
||||
await setFieldsValue(record.value);
|
||||
await updateSchema([
|
||||
{
|
||||
field: 'parentCode',
|
||||
componentProps: {
|
||||
api: categoryTreeData,
|
||||
params: {
|
||||
excludeCode: record.value.id,
|
||||
isShowRawName: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'categoryCode',
|
||||
componentProps: {
|
||||
disabled: !record.value.isNewRecord,
|
||||
},
|
||||
},
|
||||
]);
|
||||
setDrawerProps({ loading: false });
|
||||
});
|
||||
|
||||
async function handleSubmit() {
|
||||
try {
|
||||
const data = await validate();
|
||||
setDrawerProps({ confirmLoading: true });
|
||||
const params: any = {
|
||||
isNewRecord: record.value.isNewRecord,
|
||||
categoryCode: record.value.categoryCode || data.categoryCode,
|
||||
};
|
||||
data.oldParentCode = record.value.parentCode;
|
||||
data.image = record.value.image;
|
||||
// console.log('submit', params, data, record);
|
||||
const res = await categorySave(params, data);
|
||||
showMessage(res.message);
|
||||
setTimeout(closeDrawer);
|
||||
emit('success', data);
|
||||
} catch (error: any) {
|
||||
if (error && error.errorFields) {
|
||||
showMessage(error.message || t('common.validateError'));
|
||||
}
|
||||
console.log('error', error);
|
||||
} finally {
|
||||
setDrawerProps({ confirmLoading: false });
|
||||
}
|
||||
}
|
||||
</script>
|
||||
79
web-vue/packages/cms/views/cms/category/index.vue
Normal file
79
web-vue/packages/cms/views/cms/category/index.vue
Normal file
@@ -0,0 +1,79 @@
|
||||
<!--
|
||||
* Copyright (c) 2013-Now https://jeesite.com All rights reserved.
|
||||
* No deletion without permission, or be held responsible to law.
|
||||
* @author ThinkGem
|
||||
-->
|
||||
<template>
|
||||
<PageWrapper :sidebarWidth="200">
|
||||
<template #sidebar>
|
||||
<BasicTree
|
||||
:title="t('栏目')"
|
||||
:search="true"
|
||||
:toolbar="true"
|
||||
:showIcon="true"
|
||||
:api="categoryTreeData"
|
||||
:params="apiParams"
|
||||
:immediate="immediate"
|
||||
:defaultExpandLevel="2"
|
||||
v-model:selectedKeys="treeCodes"
|
||||
>
|
||||
<template #headerTitle>
|
||||
<Dropdown class="cursor-pointer" :trigger="['hover']" :dropMenuList="dropMenuList">
|
||||
{{ siteName }} <DownOutlined />
|
||||
</Dropdown>
|
||||
</template>
|
||||
</BasicTree>
|
||||
</template>
|
||||
<ListView v-model:treeCodes="treeCodes" :siteCode="siteCode" />
|
||||
</PageWrapper>
|
||||
</template>
|
||||
<script lang="ts" setup name="ViewsCmsCategoryIndex">
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
||||
import { PageWrapper } from '@jeesite/core/components/Page';
|
||||
import { BasicTree } from '@jeesite/core/components/Tree';
|
||||
import { Site, siteSelect } from '@jeesite/cms/api/cms/site';
|
||||
import { categoryIndex, categoryTreeData } from '@jeesite/cms/api/cms/category';
|
||||
import ListView from './list.vue';
|
||||
import { Dropdown, DropMenu } from '@jeesite/core/components/Dropdown';
|
||||
import { DownOutlined } from '@ant-design/icons-vue';
|
||||
|
||||
const { t } = useI18n('cms.category');
|
||||
const treeCodes = ref<string[]>([]);
|
||||
const apiParams = ref<Recordable>({ siteCode: 'main' });
|
||||
const immediate = ref(false);
|
||||
|
||||
const dropMenuList = ref<Array<DropMenu>>([]);
|
||||
const siteCode = ref<string>('main');
|
||||
const siteName = ref<string>(t('JeeSite'));
|
||||
|
||||
onMounted(async () => {
|
||||
const res = await categoryIndex();
|
||||
const currentSite = (res.currentSite || {}) as Site;
|
||||
siteCode.value = currentSite.siteCode || 'main';
|
||||
siteName.value = currentSite.siteName || 'main';
|
||||
apiParams.value.siteCode = currentSite.siteCode;
|
||||
immediate.value = true;
|
||||
await loadSiteCode(res);
|
||||
});
|
||||
|
||||
async function loadSiteCode(res: Recordable) {
|
||||
dropMenuList.value = (res.siteList || []).map((item) => {
|
||||
if (item.value == siteCode.value) {
|
||||
siteName.value = item.name;
|
||||
}
|
||||
return {
|
||||
text: item.siteName,
|
||||
event: item.siteCode,
|
||||
icon: 'i-radix-icons:dot',
|
||||
onClick: () => {
|
||||
siteCode.value = item.siteCode;
|
||||
siteName.value = item.siteName;
|
||||
apiParams.value.siteCode = item.siteCode;
|
||||
siteSelect({ siteCode: siteCode.value });
|
||||
treeCodes.value = [];
|
||||
},
|
||||
};
|
||||
});
|
||||
}
|
||||
</script>
|
||||
331
web-vue/packages/cms/views/cms/category/list.vue
Normal file
331
web-vue/packages/cms/views/cms/category/list.vue
Normal file
@@ -0,0 +1,331 @@
|
||||
<!--
|
||||
* Copyright (c) 2013-Now https://jeesite.com All rights reserved.
|
||||
* No deletion without permission, or be held responsible to law.
|
||||
* @author ThinkGem
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<BasicTable @register="registerTable" @fetch-success="fetchSuccess">
|
||||
<template #tableTitle>
|
||||
<Icon :icon="getTitle.icon" class="m-1 pr-1" />
|
||||
<span> {{ getTitle.value }} </span>
|
||||
</template>
|
||||
<template #toolbar>
|
||||
<a-button @click="expandAll" :title="t('展开一级')">
|
||||
<Icon icon="i-bi:chevron-double-down" /> {{ t('展开') }}
|
||||
</a-button>
|
||||
<a-button @click="collapseAll" :title="t('折叠全部')">
|
||||
<Icon icon="i-bi:chevron-double-up" /> {{ t('折叠') }}
|
||||
</a-button>
|
||||
<a-button type="primary" @click="handleForm({})" v-auth="'cms:category:edit'">
|
||||
<Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }}
|
||||
</a-button>
|
||||
</template>
|
||||
<template #firstColumn="{ record }">
|
||||
<span class="cursor-pointer" @click="expandCollapse(record)"> ( {{ record.categoryCode }} ) </span>
|
||||
<a @click="handleForm({ categoryCode: record.categoryCode })" :title="record.categoryName">
|
||||
{{ record.categoryName }}
|
||||
</a>
|
||||
</template>
|
||||
</BasicTable>
|
||||
<InputForm @register="registerDrawer" @success="handleSuccess" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup name="ViewsCmsCategoryList">
|
||||
import { onMounted, ref, unref, watch, nextTick } from 'vue';
|
||||
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
||||
import { useGlobSetting } from '@jeesite/core/hooks/setting';
|
||||
import { useMessage } from '@jeesite/core/hooks/web/useMessage';
|
||||
import { router } from '@jeesite/core/router';
|
||||
import { Icon } from '@jeesite/core/components/Icon';
|
||||
import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
|
||||
import {
|
||||
Category,
|
||||
categoryList,
|
||||
categoryRebuildIndex,
|
||||
categoryRebuildVectorStore,
|
||||
} from '@jeesite/cms/api/cms/category';
|
||||
import { categoryDelete, categoryListData } from '@jeesite/cms/api/cms/category';
|
||||
import { categoryDisable, categoryEnable } from '@jeesite/cms/api/cms/category';
|
||||
import { useDrawer } from '@jeesite/core/components/Drawer';
|
||||
import { FormProps } from '@jeesite/core/components/Form';
|
||||
import { isEmpty } from '@jeesite/core/utils/is';
|
||||
import InputForm from './form.vue';
|
||||
|
||||
const props = defineProps({
|
||||
treeCodes: Array as PropType<String[]>,
|
||||
siteCode: String,
|
||||
});
|
||||
|
||||
const emit = defineEmits(['update:treeCodes']);
|
||||
|
||||
const { t } = useI18n('cms.category');
|
||||
const { showMessage } = useMessage();
|
||||
const { ctxPath } = useGlobSetting();
|
||||
const { meta } = unref(router.currentRoute);
|
||||
const record = ref<Category>({} as Category);
|
||||
|
||||
const getTitle = {
|
||||
icon: meta.icon || 'i-ant-design:book-outlined',
|
||||
value: meta.title || t('栏目管理'),
|
||||
};
|
||||
|
||||
const searchForm: FormProps<Category> = {
|
||||
baseColProps: { md: 8, lg: 6 },
|
||||
labelWidth: 90,
|
||||
schemas: [
|
||||
{
|
||||
label: t('栏目编码'),
|
||||
field: 'categoryCode_like',
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
label: t('栏目名称'),
|
||||
field: 'categoryName',
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
label: t('状态'),
|
||||
field: 'status',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
dictType: 'sys_search_status',
|
||||
allowClear: true,
|
||||
onChange: handleSuccess,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('内容模型'),
|
||||
field: 'moduleType',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
dictType: 'cms_module_type',
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('备注信息'),
|
||||
field: 'remarks',
|
||||
component: 'Input',
|
||||
},
|
||||
],
|
||||
resetFunc: async () => {
|
||||
emit('update:treeCodes', []);
|
||||
},
|
||||
};
|
||||
|
||||
const tableColumns: BasicColumn<Category>[] = [
|
||||
{
|
||||
title: t('名称'),
|
||||
dataIndex: 'categoryName',
|
||||
width: 230,
|
||||
align: 'left',
|
||||
slot: 'firstColumn',
|
||||
},
|
||||
{
|
||||
title: t('模型'),
|
||||
dataIndex: 'moduleType',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
dictType: 'cms_module_type',
|
||||
},
|
||||
{
|
||||
title: t('排序'),
|
||||
dataIndex: 'treeSort',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
},
|
||||
{
|
||||
title: t('导航栏目'),
|
||||
dataIndex: 'inMenu',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
dictType: 'sys_show_hide',
|
||||
},
|
||||
{
|
||||
title: t('栏目列表'),
|
||||
dataIndex: 'inList',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
dictType: 'sys_show_hide',
|
||||
},
|
||||
{
|
||||
title: t('展现模式'),
|
||||
dataIndex: 'showModes',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
dictType: 'cms_show_modes',
|
||||
},
|
||||
{
|
||||
title: t('状态'),
|
||||
dataIndex: 'status',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
dictType: 'sys_search_status',
|
||||
},
|
||||
{
|
||||
title: t('备注信息'),
|
||||
dataIndex: 'remarks',
|
||||
width: 130,
|
||||
align: 'left',
|
||||
},
|
||||
];
|
||||
|
||||
const actionColumn: BasicColumn<Category> = {
|
||||
width: 240,
|
||||
actions: (record: Category) => [
|
||||
{
|
||||
icon: 'i-clarity:note-edit-line',
|
||||
title: t('编辑栏目'),
|
||||
onClick: handleForm.bind(this, { categoryCode: record.categoryCode }),
|
||||
auth: 'cms:category:edit',
|
||||
},
|
||||
{
|
||||
icon: 'i-ant-design:stop-outlined',
|
||||
color: 'error',
|
||||
title: t('停用栏目'),
|
||||
popConfirm: {
|
||||
title: t('是否确认停用栏目'),
|
||||
confirm: handleDisable.bind(this, record),
|
||||
},
|
||||
auth: 'cms:category:edit',
|
||||
ifShow: () => record.status === '0',
|
||||
},
|
||||
{
|
||||
icon: 'i-ant-design:check-circle-outlined',
|
||||
color: 'success',
|
||||
title: t('启用栏目'),
|
||||
popConfirm: {
|
||||
title: t('是否确认启用栏目'),
|
||||
confirm: handleEnable.bind(this, record),
|
||||
},
|
||||
auth: 'cms:category:edit',
|
||||
ifShow: () => record.status === '2',
|
||||
},
|
||||
{
|
||||
icon: 'i-ant-design:delete-outlined',
|
||||
color: 'error',
|
||||
title: t('删除栏目'),
|
||||
popConfirm: {
|
||||
title: t('是否确认删除栏目'),
|
||||
confirm: handleDelete.bind(this, record),
|
||||
},
|
||||
auth: 'cms:category:edit',
|
||||
},
|
||||
{
|
||||
icon: 'i-fluent:add-circle-24-regular',
|
||||
title: t('新增下级栏目'),
|
||||
onClick: handleForm.bind(this, {
|
||||
parentCode: record.id,
|
||||
parentName: record.categoryName,
|
||||
}),
|
||||
auth: 'cms:category:edit',
|
||||
},
|
||||
{
|
||||
icon: 'i-ant-design:aim-outlined',
|
||||
title: t('重建该站点索引'),
|
||||
popConfirm: {
|
||||
title: t('确认重建该站点文章索引吗'),
|
||||
confirm: handleRebuildIndex.bind(this, record),
|
||||
},
|
||||
auth: 'cms:category:rebuildIndex',
|
||||
},
|
||||
{
|
||||
icon: 'i-bx:data',
|
||||
title: t('重建该站点向量数据库'),
|
||||
popConfirm: {
|
||||
title: t('确认重建该站点文章向量数据库吗'),
|
||||
confirm: handleRebuildVectorStore.bind(this, record),
|
||||
},
|
||||
auth: 'cms:category:rebuildVectorStore',
|
||||
},
|
||||
{
|
||||
icon: 'i-mdi:globe',
|
||||
title: t('访问栏目'),
|
||||
onClick: () => window.open(ctxPath + '/f/list-' + record.categoryCode, '_blank'),
|
||||
auth: 'cms:category:edit',
|
||||
ifShow: () => record.status === '0',
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const [registerTable, { reload, expandAll, collapseAll, expandCollapse, getForm }] = useTable<Category>({
|
||||
api: categoryListData,
|
||||
beforeFetch: (params) => {
|
||||
params['site.siteCode'] = props.siteCode || 'main';
|
||||
params.categoryCode = !isEmpty(props.treeCodes) ? props.treeCodes[0] : '';
|
||||
return params;
|
||||
},
|
||||
columns: tableColumns,
|
||||
actionColumn: actionColumn,
|
||||
formConfig: searchForm,
|
||||
showTableSetting: true,
|
||||
useSearchForm: true,
|
||||
isTreeTable: true,
|
||||
pagination: false,
|
||||
canResize: true,
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
const res = await categoryList();
|
||||
record.value = (res.category || {}) as Category;
|
||||
await getForm().setFieldsValue(record.value);
|
||||
});
|
||||
|
||||
const [registerDrawer, { openDrawer }] = useDrawer();
|
||||
|
||||
watch([() => props.treeCodes, () => props.siteCode], async (value, oldValue) => {
|
||||
if (!isEmpty(props.treeCodes) || value[1] != oldValue[1]) {
|
||||
await reload();
|
||||
}
|
||||
});
|
||||
|
||||
function fetchSuccess() {
|
||||
if (!isEmpty(props.treeCodes)) {
|
||||
nextTick(expandAll);
|
||||
}
|
||||
}
|
||||
|
||||
function handleForm(record: Recordable) {
|
||||
openDrawer(true, record);
|
||||
}
|
||||
|
||||
async function handleDisable(record: Recordable) {
|
||||
const params = { categoryCode: record.categoryCode };
|
||||
const res = await categoryDisable(params);
|
||||
showMessage(res.message);
|
||||
await handleSuccess(record);
|
||||
}
|
||||
|
||||
async function handleEnable(record: Recordable) {
|
||||
const params = { categoryCode: record.categoryCode };
|
||||
const res = await categoryEnable(params);
|
||||
showMessage(res.message);
|
||||
await handleSuccess(record);
|
||||
}
|
||||
|
||||
async function handleDelete(record: Recordable) {
|
||||
const params = { categoryCode: record.categoryCode };
|
||||
const res = await categoryDelete(params);
|
||||
showMessage(res.message);
|
||||
await handleSuccess(record);
|
||||
}
|
||||
|
||||
async function handleRebuildIndex(record: Recordable) {
|
||||
const params = { categoryCode: record.categoryCode };
|
||||
const res = await categoryRebuildIndex(params);
|
||||
showMessage(res.message);
|
||||
await handleSuccess(record);
|
||||
}
|
||||
|
||||
async function handleRebuildVectorStore(record: Recordable) {
|
||||
const params = { categoryCode: record.categoryCode };
|
||||
const res = await categoryRebuildVectorStore(params);
|
||||
showMessage(res.message);
|
||||
await handleSuccess(record);
|
||||
}
|
||||
|
||||
async function handleSuccess(record: Recordable) {
|
||||
await reload({ record });
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user