27 |
28 |
29 |
31 |
32 |
33 |
35 |
36 |
37 |
38 |
39 |
48 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | import router from '@/router'
4 | import XhComponents from '@/components'
5 |
6 | import { createPinia } from 'pinia'
7 | import i18n from '@/i18n'
8 | import 'virtual:svg-icons-register' // 导入svg注册脚本
9 |
10 | import 'element-plus/theme-chalk/src/index.scss'
11 | import '@/styles/index.scss' // global css
12 |
13 | import '@/permission'
14 | import * as ElIcons from '@element-plus/icons-vue'
15 |
16 | const app = createApp(App)
17 |
18 | // 全局注册el-icon
19 | Object.keys(ElIcons).forEach((key) => {
20 | app.component(key, (ElIcons as any)[key])
21 | })
22 |
23 | app.use(createPinia())
24 | app.use(XhComponents)
25 | app.use(router)
26 | app.use(i18n)
27 | app.mount('#app')
28 |
--------------------------------------------------------------------------------
/src/router/index.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * MIT License
3 | * Copyright <2021-2022>
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy
6 | * of this software and associated documentation files (the "Software"), to deal
7 | * in the Software without restriction, including without limitation the rights
8 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | * of the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
16 | * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
17 | * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
18 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
19 | * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
20 | * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | * @Author: Sinda
22 | * @Email: xhuicloud@163.com
23 | */
24 |
25 | import { Router, createRouter } from 'vue-router'
26 | import { historyMode } from '@/utils/route'
27 | import commonsRoutes from './commons'
28 | // 创建路由
29 | export const router: Router = createRouter({
30 | history: historyMode(),
31 | routes: commonsRoutes,
32 | strict: true,
33 | scrollBehavior(to, from, savedPosition) {
34 | return new Promise((resolve) => {
35 | if (savedPosition && to.meta.keepAlive) {
36 | return savedPosition
37 | } else {
38 | if (from.meta.saveSrollTop) {
39 | const top: number = document.documentElement.scrollTop || document.body.scrollTop
40 | resolve({ left: 0, top })
41 | }
42 | }
43 | })
44 | }
45 | })
46 |
47 | export default router
48 |
--------------------------------------------------------------------------------
/src/router/types.ts:
--------------------------------------------------------------------------------
1 | import { RouteLocationNormalized } from 'vue-router'
2 |
3 | export interface toRouteType extends RouteLocationNormalized {
4 | meta: {
5 | title?: string
6 | icon?: string
7 | internationalization?: string
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/src/store/index.ts:
--------------------------------------------------------------------------------
1 | import useUserStore from '@/store/modules/user'
2 | import useAppStore from '@/store/modules/app'
3 | import useThemeStore from '@/store/modules/theme'
4 | import usePermissionStore from '@/store/modules/permission'
5 |
6 | const useStore = () => ({
7 | user: useUserStore(),
8 | app: useAppStore(),
9 | theme: useThemeStore(),
10 | permission: usePermissionStore()
11 | })
12 |
13 | export default useStore
14 |
--------------------------------------------------------------------------------
/src/styles/element.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * MIT License
3 | * Copyright <2021-2022>
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy
6 | * of this software and associated documentation files (the "Software"), to deal
7 | * in the Software without restriction, including without limitation the rights
8 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | * of the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
16 | * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
17 | * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
18 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
19 | * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
20 | * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | * @Author: Sinda
22 | * @Email: xhuicloud@163.com
23 | */
24 |
25 | .el-avatar {
26 | --el-avatar-background-color: none;
27 | }
28 |
29 | .el-input {
30 | --el-input-height: 30px !important;
31 | }
32 | .el-input__wrapper {
33 | --el-input-inner-height: 30px !important;
34 | }
35 |
36 | .el-table th {
37 | word-break: break-word;
38 | color: black;
39 | }
40 | .el-date-editor {
41 | --el-date-editor-width: 230px !important;
42 | height: 32px !important;
43 | }
44 | .el-table__header {
45 | --el-table-header-bg-color: #fafafa;
46 | }
47 | .el-select-dropdown {
48 | min-width: 230px !important;
49 | }
50 | @media screen and (max-width: 992px) {
51 | .el-dialog,
52 | .el-message-box {
53 | width: 98% !important;
54 | }
55 | }
56 |
57 | .topDialog {
58 | margin-top: 2px !important;
59 | }
60 |
--------------------------------------------------------------------------------
/src/styles/index.scss:
--------------------------------------------------------------------------------
1 | @import './mixin.scss';
2 | @import './sidebar.scss';
3 | @import './tag.scss';
4 | @import './element.scss';
5 | @import './transition.scss';
6 | @import './media.scss';
7 |
8 | html {
9 | height: 100%;
10 | box-sizing: border-box;
11 | }
12 |
13 | body {
14 | @include scrollBar;
15 |
16 | height: 100%;
17 | margin: 0;
18 | padding: 0;
19 | -moz-osx-font-smoothing: grayscale;
20 | -webkit-font-smoothing: antialiased;
21 | text-rendering: optimizeLegibility;
22 | font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
23 |
24 | div {
25 | @include scrollBar;
26 | }
27 | }
28 |
29 | #app {
30 | height: 100%;
31 | }
32 |
33 | .tox-tinymce-aux {
34 | z-index: 9999 !important;
35 | }
36 |
37 | .wxw-img {
38 | vertical-align: bottom;
39 | }
40 |
41 | .select {
42 | &:hover,
43 | &:focus,
44 | &:active {
45 | border: 1px solid #07c160;
46 | }
47 | }
48 |
49 | img {
50 | *zoom: 1;
51 | max-width: 100%;
52 | *max-width: 96%;
53 | height: auto !important;
54 | }
55 | *,
56 | *:before,
57 | *:after {
58 | box-sizing: inherit;
59 | margin: 0;
60 | padding: 0;
61 | }
62 |
63 | a:focus,
64 | a:active {
65 | outline: none;
66 | }
67 |
68 | a,
69 | a:focus,
70 | a:hover {
71 | cursor: pointer;
72 | color: inherit;
73 | text-decoration: none;
74 | }
75 |
76 | div:focus {
77 | outline: none;
78 | }
79 |
80 | .clearfix {
81 | &:after {
82 | visibility: hidden;
83 | display: block;
84 | font-size: 0;
85 | content: ' ';
86 | clear: both;
87 | height: 0;
88 | }
89 | }
90 |
91 | ::selection {
92 | background: #d3d3d3;
93 |
94 | color: #555;
95 | }
96 |
97 | ::-moz-selection {
98 | background: #d3d3d3;
99 |
100 | color: #555;
101 | }
102 |
103 | ::-webkit-selection {
104 | background: #d3d3d3;
105 |
106 | color: #555;
107 | }
108 |
--------------------------------------------------------------------------------
/src/styles/media.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * MIT License
3 | * Copyright <2021-2022>
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy
6 | * of this software and associated documentation files (the "Software"), to deal
7 | * in the Software without restriction, including without limitation the rights
8 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | * of the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
16 | * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
17 | * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
18 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
19 | * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
20 | * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | * @Author: Sinda
22 | * @Email: xhuicloud@163.com
23 | */
24 | @import './variables.scss';
25 |
26 | @media screen and (max-height: 700px) {
27 | .login-form-container {
28 | margin: auto !important;
29 | }
30 | }
31 |
32 | @media screen and (max-width: 990px) {
33 | // 登录页适应
34 | .login-form-container {
35 | margin: 0 auto;
36 | width: 96% !important;
37 | }
38 | .openSidebar {
39 | // layout 布局适应
40 | .left-body {
41 | left: -$sideBarWidth !important;
42 | }
43 |
44 | .main-container {
45 | margin-left: unset !important;
46 | }
47 |
48 | .header-container {
49 | width: unset !important;
50 | left: 0;
51 | }
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/src/styles/mixin.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix {
2 | &:after {
3 | content: '';
4 | display: table;
5 | clear: both;
6 | }
7 | }
8 |
9 | @mixin scrollBar {
10 | &::-webkit-scrollbar-track-piece {
11 | background: #d3dce6;
12 | }
13 |
14 | &::-webkit-scrollbar {
15 | width: 6px;
16 | }
17 |
18 | &::-webkit-scrollbar-thumb {
19 | background: #99a9bf;
20 | border-radius: 20px;
21 | }
22 | }
23 |
24 | @mixin relative {
25 | position: relative;
26 | width: 100%;
27 | height: 100%;
28 | }
29 |
30 | @mixin prefixed($property, $value) {
31 | -webkit-#{$property}: #{$value};
32 | }
33 |
--------------------------------------------------------------------------------
/src/styles/variables.global.scss:
--------------------------------------------------------------------------------
1 | @import "./variables.scss";
2 |
3 | // 共享变量
4 | :export {
5 | menuText: $menuText;
6 | menuActiveText: $menuActiveText;
7 | subMenuActiveText: $subMenuActiveText;
8 | menuBg: $menuBg;
9 | menuHover: $menuHover;
10 | subMenuBg: $subMenuBg;
11 | subMenuHover: $subMenuHover;
12 | sideBarWidth: $sideBarWidth;
13 | closeSidebarWidth: $closeSidebarWidth;
14 | navbarBg: $navbarBg;
15 | sidebarTransition: $sidebarTransition;
16 | }
17 |
--------------------------------------------------------------------------------
/src/styles/variables.global.scss.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * MIT License
3 | * Copyright <2021-2022>
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy
6 | * of this software and associated documentation files (the "Software"), to deal
7 | * in the Software without restriction, including without limitation the rights
8 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | * of the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
16 | * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
17 | * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
18 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
19 | * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
20 | * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | * @Author: Sinda
22 | * @Email: xhuicloud@163.com
23 | */
24 |
25 | export interface GlobalScss {
26 | menuText: string
27 | menuActiveText: string
28 | subMenuActiveText: string
29 | menuBg: string
30 | menuHover: string
31 | subMenuBg: string
32 | subMenuHover: string
33 | sideBarWidth: string
34 | closeSidebarWidth: string
35 | navbarBg: string
36 | sidebarTransition: string
37 | }
38 | export const styles: GlobalScss
39 |
40 | export default styles
41 |
--------------------------------------------------------------------------------
/src/styles/variables.scss:
--------------------------------------------------------------------------------
1 | $menuText: black; //菜单栏字体颜色
2 | $menuActiveText: rgba(35, 65, 184, 0.91);
3 | $subMenuActiveText: black; // 选中子菜单 父菜单的字体颜色
4 |
5 | $menuBg: #ffffff; //菜单栏背景
6 | $menuHover: #ffffff; //鼠标移动至一级菜单时颜色
7 |
8 | $subMenuBg: #ffffff; //一级菜单 下拉打开二级菜单的颜色
9 | $subMenuHover: #b5baba; //鼠标移动至二级菜单时颜色
10 |
11 | $sideBarWidth: 210px;
12 | $closeSidebarWidth: 54px;
13 |
14 | $navbarBg: #409eff; //Navbar 背景
15 |
16 | $sidebarTransition: 0.5s; //Sidebar 相关动画
17 |
--------------------------------------------------------------------------------
/src/utils/date.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * MIT License
3 | * Copyright <2021-2022>
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy
6 | * of this software and associated documentation files (the "Software"), to deal
7 | * in the Software without restriction, including without limitation the rights
8 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | * of the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
16 | * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
17 | * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
18 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
19 | * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
20 | * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | * @Author: Sinda
22 | * @Email: xhuicloud@163.com
23 | */
24 |
25 | import dayjs from 'dayjs'
26 |
27 | const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'
28 | const DATE_FORMAT = 'YYYY-MM-DD'
29 |
30 | export function formatToDateTime(date: dayjs.Dayjs | undefined = undefined, format = DATE_TIME_FORMAT): string {
31 | return dayjs(date).format(format)
32 | }
33 |
34 | export function formatDateTime(date: number, format = DATE_TIME_FORMAT): string {
35 | return dayjs.unix(date).format(format)
36 | }
37 |
38 | export function formatToDate(date: dayjs.Dayjs | undefined = undefined, format = DATE_FORMAT): string {
39 | return dayjs(date).format(format)
40 | }
41 |
42 | export const dateUtil = dayjs
43 |
--------------------------------------------------------------------------------
/src/utils/encrypt.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * MIT License
3 | * Copyright <2021-2022>
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy
6 | * of this software and associated documentation files (the "Software"), to deal
7 | * in the Software without restriction, including without limitation the rights
8 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | * of the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
16 | * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
17 | * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
18 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
19 | * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
20 | * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | * @Author: Sinda
22 | * @Email: xhuicloud@163.com
23 | */
24 |
25 | import { encrypt } from 'crypto-js/aes'
26 | import { parse } from 'crypto-js/enc-utf8'
27 | import CFB from 'crypto-js/mode-cfb'
28 | import NoPadding from 'crypto-js/pad-nopadding'
29 |
30 | export function encryption401
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/src/views/error/404.vue:
--------------------------------------------------------------------------------
1 |
24 |
25 |
26 | 页面丢失 404
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/src/views/security/userBind.ts:
--------------------------------------------------------------------------------
1 | import { ExtractPropTypes, PropType } from 'vue'
2 |
3 | export const userBindProps = {
4 | updateModel: { type: String as PropType
4 |
5 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
19 |
20 |
21 |
33 |
34 |
--------------------------------------------------------------------------------
/src/views/wechat/drafts/single.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
22 |
23 |
30 |
31 |
--------------------------------------------------------------------------------
/src/views/wechat/material/components/voiceAndvideo.ts:
--------------------------------------------------------------------------------
1 | import { TableColumn } from '@/components/XhTable/crud'
2 |
3 | export const tableColumn: TableColumn[] = [
4 | {
5 | label: 'mediaId',
6 | prop: 'mediaId'
7 | },
8 | {
9 | label: 'name',
10 | prop: 'name'
11 | },
12 | {
13 | label: 'updateTime',
14 | prop: 'updateTime'
15 | }
16 | ]
17 |
--------------------------------------------------------------------------------
/src/views/wechat/material/index.ts:
--------------------------------------------------------------------------------
1 | import { TableColumn } from '@/components/XhTable/crud'
2 |
3 | export const tableColumn: TableColumn[] = [
4 | {
5 | label: 'mediaId',
6 | prop: 'mediaId'
7 | },
8 | {
9 | label: '名称',
10 | prop: 'name'
11 | },
12 | {
13 | label: '创建时间',
14 | prop: 'updateTime'
15 | }
16 | ]
17 |
--------------------------------------------------------------------------------
/src/views/wechat/publish/index.ts:
--------------------------------------------------------------------------------
1 | import { TableColumn } from '@/components/XhTable/crud'
2 |
3 | export const tableColumn: TableColumn[] = []
4 |
--------------------------------------------------------------------------------
/src/views/wechat/publish/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | ![]()
10 |
11 |
12 |
13 |
14 | {{ draft.content.newsItem[0].title }}
15 |
16 |
17 |
20 | {{ draft.content.newsItem[0].digest }}
18 |更新于 {{ formatDateTime(draft.updateTime) }}
19 |