Showing
5 changed files
with
54 additions
and
88 deletions
... | ... | @@ -69,6 +69,7 @@ export const NotificationTitleMaxLength: Rule[] = [ |
69 | 69 | if (String(value).length > 50) { |
70 | 70 | return Promise.reject('标题长度不超过200字'); |
71 | 71 | } |
72 | + return Promise.resolve(); | |
72 | 73 | }, |
73 | 74 | validateTrigger: 'blur', |
74 | 75 | }, |
... | ... | @@ -86,18 +87,6 @@ export const NotificationContentMaxLength: Rule[] = [ |
86 | 87 | validateTrigger: 'blur', |
87 | 88 | }, |
88 | 89 | ]; |
89 | -export const NotificationTypeMaxLength: Rule[] = [ | |
90 | - { | |
91 | - required: true, | |
92 | - validator: (_, value: string) => { | |
93 | - if (!value) { | |
94 | - return Promise.reject('请选择类型'); | |
95 | - } | |
96 | - return Promise.resolve(); | |
97 | - }, | |
98 | - validateTrigger: 'blur', | |
99 | - }, | |
100 | -]; | |
101 | 90 | |
102 | 91 | export const DeviceNameMaxLength: Rule[] = [ |
103 | 92 | { | ... | ... |
... | ... | @@ -35,13 +35,18 @@ |
35 | 35 | </Card> |
36 | 36 | <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:mr-4"> |
37 | 37 | <div class="flex" style="height: 100px"> |
38 | - <div class="mr-4" | |
39 | - ><img | |
40 | - :src=" | |
41 | - !isAdmin(role) ? '/src/assets/images/alarm-count.png' : '/src/assets/images/zh.png' | |
42 | - " | |
38 | + <div class="mr-4"> | |
39 | + <img | |
40 | + v-if="!isAdmin(role)" | |
41 | + src="/src/assets/images/alarm-count.png" | |
43 | 42 | style="width: 5rem; height: 5rem" |
44 | - /></div> | |
43 | + /> | |
44 | + <img | |
45 | + v-if="isAdmin(role)" | |
46 | + src="/src/assets/images/zh.png" | |
47 | + style="width: 5rem; height: 5rem" | |
48 | + /> | |
49 | + </div> | |
45 | 50 | <div class="flex-auto"> |
46 | 51 | <div class="flex justify-between" style="align-items: center"> |
47 | 52 | <div style="font-size: 1.625rem; color: #333">{{ |
... | ... | @@ -60,9 +65,15 @@ |
60 | 65 | <div class="flex" style="height: 100px"> |
61 | 66 | <div class="mr-4" |
62 | 67 | ><img |
63 | - :src="!isAdmin(role) ? '/src/assets/images/msg-count.png' : '/src/assets/images/kf.png'" | |
68 | + v-if="!isAdmin(role)" | |
69 | + src="/src/assets/images/msg-count.png" | |
64 | 70 | style="width: 5rem; height: 5rem" |
65 | - /></div> | |
71 | + /><img | |
72 | + v-if="isAdmin(role)" | |
73 | + src="/src/assets/images/kf.png" | |
74 | + style="width: 5rem; height: 5rem" | |
75 | + /> | |
76 | + </div> | |
66 | 77 | <div class="flex-auto"> |
67 | 78 | <div class="flex justify-between" style="align-items: center"> |
68 | 79 | <div style="font-size: 1.625rem; color: #333">{{ | ... | ... |
... | ... | @@ -5,7 +5,7 @@ import { Tinymce } from '/@/components/Tinymce/index'; |
5 | 5 | import { getOrganizationList } from '/@/api/system/system'; |
6 | 6 | import { copyTransFun } from '/@/utils/fnUtils'; |
7 | 7 | import { Tag } from 'ant-design-vue'; |
8 | -import { NotificationTitleMaxLength, NotificationTypeMaxLength } from '/@/utils/rules'; | |
8 | +import { NotificationTitleMaxLength } from '/@/utils/rules'; | |
9 | 9 | |
10 | 10 | export enum IsOrgEnum { |
11 | 11 | IS_ORG_ENUM = '1', |
... | ... | @@ -87,7 +87,6 @@ export const formSchema: FormSchema[] = [ |
87 | 87 | }, |
88 | 88 | ], |
89 | 89 | }, |
90 | - rules: NotificationTypeMaxLength, | |
91 | 90 | }, |
92 | 91 | { |
93 | 92 | field: 'title', | ... | ... |
1 | 1 | <template> |
2 | 2 | <div> |
3 | - <BasicModal | |
4 | - width="650px" | |
5 | - v-bind="$attrs" | |
6 | - @register="registerModal" | |
7 | - :title="getTitle" | |
8 | - @ok="handleSubmit" | |
9 | - > | |
10 | - <PageWrapper :title="`用户资料`" contentBackground @back="goBack"> | |
11 | - <Description size="middle" @register="register" /> | |
12 | - </PageWrapper> | |
13 | - </BasicModal> | |
3 | + <PageWrapper :title="`用户资料`" contentBackground @back="goBack"> | |
4 | + <Description size="middle" @register="register" /> | |
5 | + </PageWrapper> | |
14 | 6 | </div> |
15 | 7 | </template> |
16 | 8 | |
17 | 9 | <script> |
18 | - import { defineComponent, ref } from 'vue'; | |
19 | - // import { useRoute } from 'vue-router'; | |
10 | + import { defineComponent } from 'vue'; | |
11 | + import { useRoute } from 'vue-router'; | |
20 | 12 | import { PageWrapper } from '/@/components/Page'; |
21 | 13 | import { useGo } from '/@/hooks/web/usePage'; |
22 | 14 | import { Description } from '../../../components/Description'; |
23 | - import { useTabs } from '/@/hooks/web/useTabs'; | |
24 | 15 | import { getAccountInfo } from '../../../api/system/system'; |
25 | 16 | import { accountSchema } from './account.detail.data'; |
26 | 17 | import { useDescription } from '../../../components/Description'; |
27 | - import { BasicModal, useModalInner } from '/@/components/Modal'; | |
28 | - | |
18 | + import { useTabs } from '/@/hooks/web/useTabs'; | |
29 | 19 | const accountData = {}; |
30 | 20 | export default defineComponent({ |
31 | 21 | name: 'AccountDetail', |
32 | - components: { PageWrapper, Description, BasicModal }, | |
22 | + components: { PageWrapper, Description }, | |
33 | 23 | setup() { |
34 | - // const route = useRoute(); | |
24 | + const route = useRoute(); | |
35 | 25 | const go = useGo(); |
36 | - const { setTitle } = useTabs(); | |
37 | - const getId = ref(''); | |
38 | - const getTitle = ref(''); | |
26 | + const { setTitle, close } = useTabs(); | |
39 | 27 | const [register, methods] = useDescription({ |
40 | 28 | title: '账号基础信息', |
41 | 29 | data: accountData, |
42 | - bordered: false, | |
43 | 30 | schema: accountSchema, |
44 | 31 | column: 3, |
45 | 32 | }); |
46 | - | |
47 | - const [registerModal] = useModalInner(async (data) => { | |
48 | - getId.value = await data.record.id; | |
49 | - getAccountInfo(getId.value).then((result) => { | |
50 | - Reflect.set(accountData, 'realName', result.realName); | |
51 | - Reflect.set(accountData, 'phoneNumber', result.phoneNumber); | |
52 | - Reflect.set(accountData, 'email', result.email); | |
53 | - Reflect.set(accountData, 'username', result.username); | |
54 | - Reflect.set( | |
55 | - accountData, | |
56 | - 'enabled', | |
57 | - result.enabled ? '正常' : !result.enabled ? '禁用' : '已过期' | |
58 | - ); | |
59 | - Reflect.set(accountData, 'accountExpireTime', result.accountExpireTime); | |
60 | - Reflect.set(accountData, 'createTime', result.createTime); | |
61 | - Reflect.set(accountData, 'updateTime', result.updateTime); | |
62 | - Reflect.set(accountData, 'deptId', result.deptId); | |
63 | - // 设置Tab的标题(不会影响页面标题) | |
64 | - setTitle('详情:用户' + result.realName); | |
65 | - getTitle.value = '详情:用户' + result.realName; | |
66 | - methods.setDescProps(accountData); | |
67 | - }); | |
33 | + getAccountInfo(route.params?.id).then((result) => { | |
34 | + Reflect.set(accountData, 'realName', result.realName); | |
35 | + Reflect.set(accountData, 'phoneNumber', result.phoneNumber); | |
36 | + Reflect.set(accountData, 'email', result.email); | |
37 | + Reflect.set(accountData, 'username', result.username); | |
38 | + Reflect.set( | |
39 | + accountData, | |
40 | + 'enabled', | |
41 | + result.enabled ? '正常' : !result.enabled ? '禁用' : '已过期' | |
42 | + ); | |
43 | + Reflect.set(accountData, 'accountExpireTime', result.accountExpireTime); | |
44 | + Reflect.set(accountData, 'createTime', result.createTime); | |
45 | + Reflect.set(accountData, 'updateTime', result.updateTime); | |
46 | + Reflect.set(accountData, 'deptId', result.deptId); | |
47 | + // 设置Tab的标题(不会影响页面标题) | |
48 | + setTitle('详情:用户' + result.realName); | |
49 | + methods.setDescProps(accountData); | |
68 | 50 | }); |
69 | 51 | // 页面左侧点击返回链接时的操作 |
70 | 52 | function goBack() { |
71 | 53 | // 本例的效果时点击返回始终跳转到账号列表页,实际应用时可返回上一页 |
54 | + close(); | |
72 | 55 | go('/system/account'); |
73 | 56 | } |
74 | - return { goBack, accountSchema, accountData, register, registerModal, getTitle }; | |
57 | + return { goBack, accountSchema, accountData, register }; | |
75 | 58 | }, |
76 | 59 | }); |
77 | 60 | </script> |
78 | - | |
79 | -<style></style> | ... | ... |
... | ... | @@ -62,7 +62,6 @@ |
62 | 62 | </template> |
63 | 63 | </BasicTable> |
64 | 64 | <AccountModal @register="registerModal" @success="handleSuccess" /> |
65 | - <AccountDetail @register="registerDetailModal" @success="handleSuccess" /> | |
66 | 65 | </PageWrapper> |
67 | 66 | </div> |
68 | 67 | </template> |
... | ... | @@ -75,26 +74,17 @@ |
75 | 74 | import { Tag } from 'ant-design-vue'; |
76 | 75 | import { useModal } from '/@/components/Modal'; |
77 | 76 | import AccountModal from './AccountModal.vue'; |
78 | - import AccountDetail from './AccountDetail.vue'; | |
77 | + | |
79 | 78 | import { columns, searchFormSchema } from './account.data'; |
80 | - // import { useGo } from '/@/hooks/web/usePage'; | |
79 | + import { useGo } from '/@/hooks/web/usePage'; | |
81 | 80 | import { useMessage } from '/@/hooks/web/useMessage'; |
82 | 81 | |
83 | 82 | export default defineComponent({ |
84 | 83 | name: 'AccountManagement', |
85 | - components: { | |
86 | - BasicTable, | |
87 | - PageWrapper, | |
88 | - OrganizationIdTree, | |
89 | - AccountModal, | |
90 | - TableAction, | |
91 | - Tag, | |
92 | - AccountDetail, | |
93 | - }, | |
84 | + components: { BasicTable, PageWrapper, OrganizationIdTree, AccountModal, TableAction, Tag }, | |
94 | 85 | setup() { |
95 | - // const go = useGo(); | |
86 | + const go = useGo(); | |
96 | 87 | const [registerModal, { openModal }] = useModal(); |
97 | - const [registerDetailModal, { openModal: openDetailModal }] = useModal(); | |
98 | 88 | const { createMessage } = useMessage(); |
99 | 89 | let searchInfo = reactive<Recordable>({}); |
100 | 90 | const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo); |
... | ... | @@ -157,14 +147,10 @@ |
157 | 147 | } |
158 | 148 | |
159 | 149 | function handleView(record: Recordable) { |
160 | - openDetailModal(true, { | |
161 | - record, | |
162 | - }); | |
163 | - // go('/system/account_detail/' + record.id); | |
150 | + go('/system/account_detail/' + record.id); | |
164 | 151 | } |
165 | 152 | |
166 | 153 | return { |
167 | - registerDetailModal, | |
168 | 154 | registerTable, |
169 | 155 | registerModal, |
170 | 156 | handleCreate, | ... | ... |