1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
| import type { VbenFormSchema } from '#/adapter/form';
| import type { VxeGridPropTypes } from '#/adapter/vxe-table';
|
| import { getUserPage } from '#/api/mp/user';
|
| /** 列表的搜索表单 */
| export function useGridFormSchema(): VbenFormSchema[] {
| return [
| {
| fieldName: 'accountId',
| label: '公众号',
| component: 'Input',
| },
| ];
| }
|
| /** 发送消息模板表单 */
| export function useSendFormSchema(accountId?: number): VbenFormSchema[] {
| return [
| {
| fieldName: 'id',
| label: '模板编号',
| component: 'Input',
| componentProps: {
| disabled: true,
| },
| },
| {
| fieldName: 'title',
| label: '模板标题',
| component: 'Input',
| componentProps: {
| disabled: true,
| },
| },
| {
| fieldName: 'userId',
| label: '用户',
| component: 'ApiSelect',
| componentProps: {
| api: async () => {
| if (!accountId) {
| return [];
| }
| const data = await getUserPage({
| pageNo: 1,
| pageSize: 100,
| accountId,
| });
| return (data.list || []).map((user) => ({
| label: user.nickname || user.openid,
| value: user.id,
| }));
| },
| showSearch: true,
| placeholder: '请选择用户',
| },
| rules: 'required',
| },
| {
| fieldName: 'data',
| label: '模板数据',
| component: 'Textarea',
| componentProps: {
| rows: 4,
| placeholder:
| '请输入模板数据（JSON 格式），例如：{"keyword1": {"value": "测试内容"}}',
| },
| },
| {
| fieldName: 'url',
| label: '跳转链接',
| component: 'Input',
| componentProps: {
| placeholder: '请输入跳转链接',
| },
| },
| {
| fieldName: 'miniProgramAppId',
| label: '小程序 appId',
| component: 'Input',
| componentProps: {
| placeholder: '请输入小程序 appId',
| },
| },
| {
| fieldName: 'miniProgramPagePath',
| label: '小程序页面路径',
| component: 'Input',
| componentProps: {
| placeholder: '请输入小程序页面路径',
| },
| },
| ];
| }
|
| /** 表格列配置 */
| export function useGridColumns(): VxeGridPropTypes.Columns {
| return [
| {
| title: '公众号模板 ID',
| field: 'templateId',
| minWidth: 400,
| },
| {
| title: '标题',
| field: 'title',
| minWidth: 150,
| },
| {
| title: '模板内容',
| field: 'content',
| minWidth: 400,
| },
| {
| title: '模板示例',
| field: 'example',
| minWidth: 200,
| },
| {
| title: '一级行业',
| field: 'primaryIndustry',
| minWidth: 120,
| },
| {
| title: '二级行业',
| field: 'deputyIndustry',
| minWidth: 120,
| },
| {
| title: '创建时间',
| field: 'createTime',
| formatter: 'formatDateTime',
| minWidth: 180,
| },
| {
| title: '操作',
| width: 140,
| fixed: 'right',
| slots: { default: 'actions' },
| },
| ];
| }
|
|
