From 2426d96fc5821795397a05ffc6b4c602840135a4 Mon Sep 17 00:00:00 2001 From: lzq <2495532633@qq.com> Date: Sat, 20 Dec 2025 11:49:02 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- plugin/file-watcher.ts | 6 + plugin/iconfont-process.ts | 63 ++++++----- plugin/types.d.ts | 32 ++++++ src/components/a-icon/AIcon.tsx | 30 ----- src/components/a-icon/AIcon.vue | 25 ++++ src/components/a-icon/iconfont.json | 170 ++++++++++++++++++++++++++++ src/components/a-icon/iconfont.ts | 4 +- src/pages/a-frame/AAside.tsx | 2 +- src/pages/cst/customer/Customer.vue | 137 +++++++++++----------- src/pages/sys/menus/MenuForm.vue | 2 +- src/pages/sys/menus/Menus.vue | 2 +- vite.config.ts | 3 + 12 files changed, 343 insertions(+), 133 deletions(-) delete mode 100644 src/components/a-icon/AIcon.tsx create mode 100644 src/components/a-icon/AIcon.vue create mode 100644 src/components/a-icon/iconfont.json diff --git a/plugin/file-watcher.ts b/plugin/file-watcher.ts index 719e2ab..0283b25 100644 --- a/plugin/file-watcher.ts +++ b/plugin/file-watcher.ts @@ -1,13 +1,19 @@ import type { Plugin } from 'vite' import fs from 'fs' +/** + * 文件监视器插件 + * @param options + */ export function fileWatcher(...options: VitePluginTypes.FileWatcherOptions[]): Plugin { + console.log(`启动文件监听器，处理器数量：${options == null ? 0 : options.length} 个`) return { name: 'file-watcher-plugin', configureServer(server) { server.watcher .on('all', (event, filePath, stats) => { + if (options == null || options.length === 0) return options.forEach(it => { const isDir = stats!.isDirectory() const getContent = () => { diff --git a/plugin/iconfont-process.ts b/plugin/iconfont-process.ts index d42aadf..2bfcf97 100644 --- a/plugin/iconfont-process.ts +++ b/plugin/iconfont-process.ts @@ -1,44 +1,45 @@ import fs from 'fs' import path from 'node:path' -interface IconfontJson { - font_family: string; - css_prefix_text: string; - glyphs: { - icon_id: string - font_class: string - unicode: string - name: string - }[]; -} +/* + interface IconfontJson { + font_family: string; + css_prefix_text: string; + glyphs: { + icon_id: string + font_class: string + unicode: string + name: string + }[]; + } + */ -const targetFile = path.resolve(__dirname, './public/iconfont/ali/iconfont.json') +const targetFile = path.resolve(__dirname, '../src/components/a-icon/iconfont.json') -const outPath = path.resolve(__dirname, './src/components/iconfont') +const outPath = path.resolve(__dirname, '../src/components/a-icon') +/** + * 阿里图标处理器 + */ export default { process(data: VitePluginTypes.FileWatcherProcessParam) { - - const json = JSON.parse(data.getContent()) as IconfontJson - const names = json.glyphs.map(glyph => glyph.font_class) - const dtsFile = outPath + '/iconfont.d.ts' - console.log('正在生成文件：', dtsFile) - const dts = `export {} - -declare global { - namespace IconfontTypes { - type name = ${names.map(name => `'${name}'`).join('\n | ')} - } -} -` - fs.writeFileSync(dtsFile, dts, {encoding: 'utf-8'}) - - const tsFile = outPath + '/icons.ts' - const ts = `export default reactive([${'\n ' + names.map(name => `{name: '${name}'}`).join(',\n ') + '\n'}])` + const text = data.getContent() + const tsFile = path.resolve(outPath, 'iconfont.ts') console.log('正在生成文件：', tsFile) - fs.writeFileSync(tsFile, ts, {encoding: 'utf-8'}) + const tsContent = `export const icons = ${text.trim()} as const - console.log('文件生成完成') +export type IconName = (typeof icons.glyphs)[number]['font_class'] + +export interface IconGlyphs { + icon_id: string + name: string + font_class: IconName + unicode: string + unicode_decimal: number +} + +` + fs.writeFileSync(tsFile, tsContent, {encoding: 'utf-8'}) }, isAccept(data: VitePluginTypes.FileWatcherAcceptParam) { return data.event === 'change' && !data.isDir && data.filePath === targetFile diff --git a/plugin/types.d.ts b/plugin/types.d.ts index 5543f6e..b9bd5a4 100644 --- a/plugin/types.d.ts +++ b/plugin/types.d.ts @@ -2,23 +2,55 @@ export {} declare global { namespace VitePluginTypes { + /** + * 添加文件、添加目录、修改文件、删除文件、删除目录 + */ type FileWatcherEvent = 'add' | 'addDir' | 'change' | 'unlink' | 'unlinkDir' interface FileWatcherProcessParam { + /** + * 事件 + */ event: FileWatcherEvent + /** + * 路径 + */ filePath: string + /** + * 是否为目录 + */ isDir: boolean + /** + * 获取文件内容 + */ getContent: () => string } interface FileWatcherAcceptParam { + /** + * 事件 + */ event: FileWatcherEvent + /** + * 路径 + */ filePath: string + /** + * 是否为目录 + */ isDir: boolean } interface FileWatcherOptions { + /** + * 处理函数 + * @param data + */ process: (data: FileWatcherProcessParam) => void + /** + * 是否处理 + * @param data + */ isAccept: (data: FileWatcherAcceptParam) => boolean } } diff --git a/src/components/a-icon/AIcon.tsx b/src/components/a-icon/AIcon.tsx deleted file mode 100644 index 68f1a27..0000000 --- a/src/components/a-icon/AIcon.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import '@/components/a-icon/iconfont.css' -import { - type IconName, - icons, -} from '@/components/a-icon/iconfont.ts' - -import { - computed, - defineComponent, -} from 'vue' - -export default defineComponent( - (props, {attrs}) => { - const prefixText = icons.css_prefix_text - const fontFamily = icons.font_family - const icon = computed(() => { - return props.name == null ? [] : [ fontFamily, prefixText + props.name ] - }) - return () => (<>) - }, - { - props: { - name: { - type: String as PropType, - required: false, - validator: (_: string) => true, - }, - }, - name: 'AIcon', - }) diff --git a/src/components/a-icon/AIcon.vue b/src/components/a-icon/AIcon.vue new file mode 100644 index 0000000..53c7ce3 --- /dev/null +++ b/src/components/a-icon/AIcon.vue @@ -0,0 +1,25 @@ + + + + + diff --git a/src/components/a-icon/iconfont.json b/src/components/a-icon/iconfont.json new file mode 100644 index 0000000..e29c45c --- /dev/null +++ b/src/components/a-icon/iconfont.json @@ -0,0 +1,170 @@ +{ + "id": "4985351", + "name": "再昇云", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "8582929", + "name": "编辑/修改", + "font_class": "bianji", + "unicode": "e604", + "unicode_decimal": 58884 + }, + { + "icon_id": "41408341", + "name": "扣款", + "font_class": "koukuanliebiao", + "unicode": "e63b", + "unicode_decimal": 58939 + }, + { + "icon_id": "33376724", + "name": "余额充值", + "font_class": "yuechongzhi", + "unicode": "e8f5", + "unicode_decimal": 59637 + }, + { + "icon_id": "6949389", + "name": "删除订单；报表；清单", + "font_class": "shanchudingdan-mian", + "unicode": "e6d7", + "unicode_decimal": 59095 + }, + { + "icon_id": "16695459", + "name": "取消订单", + "font_class": "quxiaodingdan", + "unicode": "e64a", + "unicode_decimal": 58954 + }, + { + "icon_id": "14443392", + "name": "历史轨迹-蓝", + "font_class": "lishiguiji-lan", + "unicode": "e672", + "unicode_decimal": 58994 + }, + { + "icon_id": "44180887", + "name": "过磅单据", + "font_class": "guobangdanju", + "unicode": "e66c", + "unicode_decimal": 58988 + }, + { + "icon_id": "26397534", + "name": "电子小票", + "font_class": "dianzixiaopiao", + "unicode": "e64d", + "unicode_decimal": 58957 + }, + { + "icon_id": "12814001", + "name": "详情", + "font_class": "xiangqing", + "unicode": "e611", + "unicode_decimal": 58897 + }, + { + "icon_id": "9777840", + "name": "关联单据", + "font_class": "guanliandanju", + "unicode": "e61d", + "unicode_decimal": 58909 + }, + { + "icon_id": "28095045", + "name": "准运证", + "font_class": "track", + "unicode": "e603", + "unicode_decimal": 58883 + }, + { + "icon_id": "18446165", + "name": "关联单选", + "font_class": "guanliandanxuan", + "unicode": "e68f", + "unicode_decimal": 59023 + }, + { + "icon_id": "8725687", + "name": "订单详情", + "font_class": "dingdanxiangqing", + "unicode": "e6bf", + "unicode_decimal": 59071 + }, + { + "icon_id": "23500943", + "name": "通知", + "font_class": "tongzhi", + "unicode": "e86a", + "unicode_decimal": 59498 + }, + { + "icon_id": "27250248", + "name": "预警管理", + "font_class": "yujingguanli", + "unicode": "e61b", + "unicode_decimal": 58907 + }, + { + "icon_id": "25301786", + "name": "字典管理", + "font_class": "shujuguanli", + "unicode": "e70c", + "unicode_decimal": 59148 + }, + { + "icon_id": "3590945", + "name": "角色管理", + "font_class": "jiaoseguanli", + "unicode": "e62f", + "unicode_decimal": 58927 + }, + { + "icon_id": "20853364", + "name": "用户管理", + "font_class": "yingyongyonghuguanli", + "unicode": "e6aa", + "unicode_decimal": 59050 + }, + { + "icon_id": "25007161", + "name": "品类管理", + "font_class": "shangpinguanli", + "unicode": "fcf3", + "unicode_decimal": 64755 + }, + { + "icon_id": "9206620", + "name": "系统管理", + "font_class": "xitongguanli", + "unicode": "e85c", + "unicode_decimal": 59484 + }, + { + "icon_id": "20136570", + "name": "菜单管理", + "font_class": "pinleiguanli", + "unicode": "e63d", + "unicode_decimal": 58941 + }, + { + "icon_id": "15689628", + "name": "公司审核", + "font_class": "qiyezhuce", + "unicode": "e6a1", + "unicode_decimal": 59041 + }, + { + "icon_id": "5468041", + "name": "审核管理", + "font_class": "shenheguanli", + "unicode": "e639", + "unicode_decimal": 58937 + } + ] +} diff --git a/src/components/a-icon/iconfont.ts b/src/components/a-icon/iconfont.ts index 6bce07d..733ae0c 100644 --- a/src/components/a-icon/iconfont.ts +++ b/src/components/a-icon/iconfont.ts @@ -165,8 +165,8 @@ export const icons = { 'font_class': 'shenheguanli', 'unicode': 'e639', 'unicode_decimal': 58937, - }, - ], + } + ] } as const export type IconName = (typeof icons.glyphs)[number]['font_class'] diff --git a/src/pages/a-frame/AAside.tsx b/src/pages/a-frame/AAside.tsx index 396466c..88aa71f 100644 --- a/src/pages/a-frame/AAside.tsx +++ b/src/pages/a-frame/AAside.tsx @@ -8,7 +8,7 @@ import { type MenuItemRegistered, } from 'element-plus' import { elIcons } from '@/common/element/element.ts' -import AIcon from '@/components/a-icon/AIcon.tsx' +import AIcon from '@/components/a-icon/AIcon.vue' import type { IconName } from '@/components/a-icon/iconfont.ts' import styles from '@/pages/a-frame/aaside.module.styl' diff --git a/src/pages/cst/customer/Customer.vue b/src/pages/cst/customer/Customer.vue index d694aee..4386fcf 100644 --- a/src/pages/cst/customer/Customer.vue +++ b/src/pages/cst/customer/Customer.vue @@ -9,17 +9,16 @@ --> - + - - + - + - - - - - + + + + + - + - - + + @@ -83,8 +82,8 @@ - - + + @@ -94,42 +93,45 @@ import CustomerForm from '@/pages/cst/customer/CustomerForm.vue' import Page from '@/components/page/Page.vue' import { elIcons } from '@/common/element/element.ts' -const tableData = ref([]); +const tableData = ref([]) let searchForm = reactive({ current: 1, size: 20, -}); -const searching = ref(false); -const deling = ref(false); -const showSearchForm = ref(true); -const customerFormIns = useTemplateRef>("customerForm"); +}) +const searching = ref(false) +const deling = ref(false) +const showSearchForm = ref(true) +const customerFormIns = useTemplateRef>('customerForm') const pagination = reactive({ total: 0, current: 1, size: 1, -}); +}) + function pageChangeHandler(currentPage: number, pageSize: number) { - searchForm.current = currentPage; - searchForm.size = pageSize; - paging(); -} -function showDialog(data?: CustomerTypes.SearchCustomerResult) { - customerFormIns.value?.open(data); -} -function delHandler({ row }: { row: CustomerTypes.SearchCustomerResult }) { - deling.value = true; - CustomerApi.del([row.id!]) - .then(() => { - ElMessage.success("删除成功"); - paging(); - }) - .finally(() => { - deling.value = false; - }); + searchForm.current = currentPage + searchForm.size = pageSize + paging() } -function modifyHandler({ row }: { row: CustomerTypes.SearchCustomerResult }) { - showDialog(row); +function showDialog(data?: CustomerTypes.SearchCustomerResult) { + customerFormIns.value?.open(data) +} + +function delHandler({row}: { row: CustomerTypes.SearchCustomerResult }) { + deling.value = true + CustomerApi.del([ row.id! ]) + .then(() => { + ElMessage.success('删除成功') + paging() + }) + .finally(() => { + deling.value = false + }) +} + +function modifyHandler({row}: { row: CustomerTypes.SearchCustomerResult }) { + showDialog(row) } function reset() { @@ -137,62 +139,62 @@ function reset() { searchForm = reactive({ current: 1, size: 20, - }); - paging(); + }) + paging() } function paging() { - searching.value = true; + searching.value = true CustomerApi.paging(searchForm) .then((res) => { - tableData.value = res.data?.records ?? []; + tableData.value = res.data?.records ?? [] }) .finally(() => { - searching.value = false; - }); + searching.value = false + }) } const payList = [ { - value: "YueJie", - label: "月结", + value: 'YueJie', + label: '月结', }, { - value: "YuE", - label: "余额", + value: 'YuE', + label: '余额', }, { - value: "XianFu", - label: "现付", + value: 'XianFu', + label: '现付', }, -]; +] const bizList = [ { - value: "ChanFei", - label: "产废方", + value: 'ChanFei', + label: '产废方', }, { - value: "YunShu", - label: "运输方", + value: 'YunShu', + label: '运输方', }, { - value: "XiaoNa", - label: "消纳方", + value: 'XiaoNa', + label: '消纳方', }, { - value: "CaiGou", - label: "采购方", + value: 'CaiGou', + label: '采购方', }, { - value: "SiJi", - label: "司机", + value: 'SiJi', + label: '司机', }, -]; +] onMounted(() => { - paging(); -}); + paging() +})