{{ config[type].title }}
9 |{{ config[type].desc }}
10 |
11 | 返回首页
12 |
13 |
3 |
10 |
11 |
12 |
27 |
28 |
31 |
--------------------------------------------------------------------------------
/src/components/MultiTab/index.less:
--------------------------------------------------------------------------------
1 | @import '../index';
2 |
3 | @multi-tab-prefix-cls: ~"@{ant-pro-prefix}-multi-tab";
4 | @multi-tab-wrapper-prefix-cls: ~"@{ant-pro-prefix}-multi-tab-wrapper";
5 |
6 | /*
7 | .topmenu .@{multi-tab-prefix-cls} {
8 | max-width: 1200px;
9 | margin: -23px auto 24px auto;
10 | }
11 | */
12 | .@{multi-tab-prefix-cls} {
13 | margin: -23px -24px 24px -24px;
14 | background: #fff;
15 | }
16 |
17 | .topmenu .@{multi-tab-wrapper-prefix-cls} {
18 | max-width: 1200px;
19 | margin: 0 auto;
20 | }
21 |
22 | .topmenu.content-width-Fluid .@{multi-tab-wrapper-prefix-cls} {
23 | max-width: 100%;
24 | margin: 0 auto;
25 | }
26 |
--------------------------------------------------------------------------------
/src/components/tools/Logo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ extra }}
5 |
6 |
7 |
9 |
3 |
4 |
7 |
8 |
9 |
10 |
32 |
--------------------------------------------------------------------------------
/src/core/precise/helpers/SubdomainTenancyNameFinder.js:
--------------------------------------------------------------------------------
1 | import AppConsts from '@/core/precise/AppConsts'
2 | import FormattedStringValueExtracter from './FormattedStringValueExtracter'
3 |
4 | export function getCurrentTenancyNameOrNull(rootAddress) {
5 | if (rootAddress.indexOf(AppConsts.tenancyNamePlaceHolderInUrl) < 0) {
6 | // 网站不支持子域名租户名称
7 | return null
8 | }
9 | const currentRootAddress = document.location.href
10 | const formattedStringValueExtracter = new FormattedStringValueExtracter()
11 | const values = formattedStringValueExtracter.IsMatch(currentRootAddress, rootAddress)
12 | if (!values.length) {
13 | return null
14 | }
15 | return values[0]
16 | }
--------------------------------------------------------------------------------
/src/components/CountDown/index.md:
--------------------------------------------------------------------------------
1 | # CountDown 倒计时
2 |
3 | 倒计时组件。
4 |
5 |
6 |
7 | 引用方式：
8 |
9 | ```javascript
10 | import CountDown from '@/components/CountDown/CountDown'
11 |
12 | export default {
13 | components: {
14 | CountDown
15 | }
16 | }
17 | ```
18 |
19 |
20 |
21 | ## 代码演示 [demo](https://pro.loacg.com/test/home)
22 |
23 | ```html
24 | {{ title }}
6 |
3 |
7 |
8 |
9 |
24 |
25 |
39 |
--------------------------------------------------------------------------------
/src/core/use.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueStorage from 'vue-ls'
3 | import config from '@/config/defaultSettings'
4 |
5 | // base library
6 | import Antd from 'ant-design-vue'
7 | import Viser from 'viser-vue'
8 | import VueCropper from 'vue-cropper'
9 | import 'ant-design-vue/dist/antd.less'
10 |
11 | // ext library
12 | import VueClipboard from 'vue-clipboard2'
13 | import PermissionHelper from '@/utils/helper/permission'
14 | // import '@/components/use'
15 | import './directives/action'
16 |
17 | // org-tree
18 | import VOrgTree from 'v-org-tree'
19 | import 'v-org-tree/dist/v-org-tree.css'
20 |
21 | VueClipboard.config.autoSetContainer = true
22 |
23 | Vue.use(Antd)
24 | Vue.use(Viser)
25 |
26 | Vue.use(VueStorage, config.storageOptions)
27 | Vue.use(VueClipboard)
28 | Vue.use(PermissionHelper)
29 | Vue.use(VueCropper)
30 | Vue.use(VOrgTree)
31 |
--------------------------------------------------------------------------------
/src/layouts/RouteView.vue:
--------------------------------------------------------------------------------
1 |
34 |
--------------------------------------------------------------------------------
/public/appconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "remoteServiceBaseUrl": "http://localhost:50538",
3 | "appBaseUrl": "http://localhost:8000",
4 | "localeMappings": {
5 | "angular": [
6 | {
7 | "from": "pt-BR",
8 | "to": "pt"
9 | },
10 | {
11 | "from": "zh-CN",
12 | "to": "zh"
13 | },
14 | {
15 | "from": "he-IL",
16 | "to": "he"
17 | },
18 | {
19 | "from": "es-MX",
20 | "to": "es"
21 | },
22 | {
23 | "from": "vi",
24 | "to": "en"
25 | }
26 | ],
27 | "moment": [
28 | {
29 | "from": "es-MX",
30 | "to": "es"
31 | },
32 | {
33 | "from": "zh-Hans",
34 | "to": "zh-cn"
35 | },
36 | {
37 | "from": "vi",
38 | "to": "en-gb"
39 | }
40 | ]
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/src/components/Ellipsis/index.md:
--------------------------------------------------------------------------------
1 | # Ellipsis 文本自动省略号
2 |
3 | 文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。
4 |
5 |
6 |
7 | 引用方式：
8 |
9 | ```javascript
10 | import Ellipsis from '@/components/Ellipsis'
11 |
12 | export default {
13 | components: {
14 | Ellipsis
15 | }
16 | }
17 | ```
18 |
19 |
20 |
21 | ## 代码演示 [demo](https://pro.loacg.com/test/home)
22 |
23 | ```html
24 | {{ title }}
4 |
3 |
4 |
11 |
12 |
13 |
38 |
39 |
42 |
--------------------------------------------------------------------------------
/src/utils/device.js:
--------------------------------------------------------------------------------
1 | import enquireJs from 'enquire.js'
2 |
3 | export const DEVICE_TYPE = {
4 | DESKTOP: 'desktop',
5 | TABLET: 'tablet',
6 | MOBILE: 'mobile'
7 | }
8 |
9 | export const deviceEnquire = function (callback) {
10 | const matchDesktop = {
11 | match: () => {
12 | callback && callback(DEVICE_TYPE.DESKTOP)
13 | }
14 | }
15 |
16 | const matchLablet = {
17 | match: () => {
18 | callback && callback(DEVICE_TYPE.TABLET)
19 | }
20 | }
21 |
22 | const matchMobile = {
23 | match: () => {
24 | callback && callback(DEVICE_TYPE.MOBILE)
25 | }
26 | }
27 |
28 | // screen and (max-width: 1087.99px)
29 | enquireJs
30 | .register('screen and (max-width: 576px)', matchMobile)
31 | .register('screen and (min-width: 576px) and (max-width: 1199px)', matchLablet)
32 | .register('screen and (min-width: 1200px)', matchDesktop)
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/NumberInfo/index.md:
--------------------------------------------------------------------------------
1 | # NumberInfo 数据文本
2 |
3 | 常用在数据卡片中，用于突出展示某个业务数据。
4 |
5 |
6 |
7 | 引用方式：
8 |
9 | ```javascript
10 | import NumberInfo from '@/components/NumberInfo'
11 |
12 | export default {
13 | components: {
14 | NumberInfo
15 | }
16 | }
17 | ```
18 |
19 |
20 |
21 | ## 代码演示 [demo](https://pro.loacg.com/test/home)
22 |
23 | ```html
24 |
16 |
18 |
19 |
20 |
39 | ```
40 |
41 |
42 |
43 | ### 事件
44 |
45 |
46 | | 名称 | 说明 | 类型 | 默认值 |
47 | | ------ | -------------------------- | ------ | ------ |
48 | | change | 当改变了 `icon` 选中项触发 | String | - |
49 |
--------------------------------------------------------------------------------
/src/core/precise/helpers/SignalRHelper.js:
--------------------------------------------------------------------------------
1 | import AppConsts from '@/core/precise/AppConsts'
2 | import preciseUtils from '@/core/precise/utils/precise.utils'
3 |
4 | export default class SignalRHelper {
5 | static initSignalR (callback) {
6 | const encryptedAuthToken = preciseUtils.getCookieValue(AppConsts.authorization.encrptedAuthTokenName)
7 | abp.signalr = {
8 | autoConnect: true,
9 | connect: undefined,
10 | hubs: undefined,
11 | qs: AppConsts.authorization.encrptedAuthTokenName + '=' + encodeURIComponent(encryptedAuthToken),
12 | remoteServiceBaseUrl: AppConsts.remoteServiceBaseUrl,
13 | startConnection: undefined,
14 | url: '/signalr'
15 | }
16 |
17 | const script = document.createElement('script')
18 | script.onload = () => {
19 | callback()
20 | }
21 |
22 | script.src = AppConsts.appBaseUrl + '/dist/abp.signalr-client.js'
23 | document.head.appendChild(script)
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/components/Charts/MiniSmoothArea.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
12 |
13 |
37 |
38 |
41 |
--------------------------------------------------------------------------------
/src/core/precise/auth/AppAuthService.js:
--------------------------------------------------------------------------------
1 |
2 | import AppConsts from '@/core/precise/AppConsts'
3 | import { axios } from '@/utils/request'
4 | const AppAuthService = {
5 | logout (reload, returnUrl) {
6 | axios({
7 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/LogOut',
8 | method: 'GET',
9 | params: {
10 | 'Abp.TenantId': abp.multiTenancy.getTenantIdCookie(),
11 | 'Authorization': 'Bearer ' + abp.auth.getToken()
12 | }
13 | }).then((result) => {
14 | abp.auth.clearToken()
15 | abp.utils.setCookieValue(AppConsts.authorization.encrptedAuthTokenName, undefined, undefined, abp.appPath)
16 | if (reload !== false) {
17 | if (returnUrl) {
18 | location.href = returnUrl
19 | }
20 | else {
21 | location.href = ''
22 | }
23 | }
24 | })
25 | .catch(err => {
26 | this.$message.error(err.message)
27 | })
28 | }
29 | }
30 | export default AppAuthService
--------------------------------------------------------------------------------
/src/api/precise/role.js:
--------------------------------------------------------------------------------
1 | import { axios } from '@/utils/request'
2 | import AppConsts from '@/core/precise/AppConsts'
3 |
4 | export function getRoles (parameter) {
5 | return axios({
6 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Role/GetRoles',
7 | method: 'get',
8 | params: parameter
9 | })
10 | }
11 |
12 | export function getRoleForEdit (parameter) {
13 | return axios({
14 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Role/GetRoleForEdit',
15 | method: 'get',
16 | params: parameter
17 | })
18 | }
19 |
20 | export function createOrUpdateRole (parameter) {
21 | return axios({
22 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Role/CreateOrUpdateRole',
23 | method: 'post',
24 | data: parameter
25 | })
26 | }
27 |
28 | export function deleteRole (parameter) {
29 | return axios({
30 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Role/DeleteRole',
31 | method: 'delete',
32 | params: parameter
33 | })
34 | }
--------------------------------------------------------------------------------
/src/components/AvatarList/Item.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
9 |
10 |
3 |
10 |
11 |
12 |
54 |
55 |
58 |
--------------------------------------------------------------------------------
/src/assets/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Charts/MiniArea.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
8 |
9 |
3 |
10 |
11 |
12 |
53 |
54 |
57 |
--------------------------------------------------------------------------------
/src/components/NumberInfo/NumberInfo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
8 |
9 |
3 |
4 |
6 |
14 |
15 |
16 |
51 |
52 |
55 |
--------------------------------------------------------------------------------
/src/utils/helper/permission.js:
--------------------------------------------------------------------------------
1 | const PERMISSION_ENUM = {
2 | 'add': { key: 'add', label: '新增' },
3 | 'delete': { key: 'delete', label: '删除' },
4 | 'edit': { key: 'edit', label: '修改' },
5 | 'query': { key: 'query', label: '查询' },
6 | 'get': { key: 'get', label: '详情' },
7 | 'enable': { key: 'enable', label: '启用' },
8 | 'disable': { key: 'disable', label: '禁用' },
9 | 'import': { key: 'import', label: '导入' },
10 | 'export': { key: 'export', label: '导出' }
11 | }
12 |
13 | function plugin (Vue) {
14 | if (plugin.installed) {
15 | return
16 | }
17 |
18 | !Vue.prototype.$auth && Object.defineProperties(Vue.prototype, {
19 | $auth: {
20 | get () {
21 | return (permissions) => {
22 | return abp.auth.isAnyGranted(permissions)
23 | }
24 | }
25 | },
26 | })
27 |
28 | !Vue.prototype.$enum && Object.defineProperties(Vue.prototype, {
29 | $enum: {
30 | get () {
31 | // const _this = this;
32 | return (val) => {
33 | let result = PERMISSION_ENUM
34 | val && val.split('.').forEach(v => {
35 | result = result && result[v] || null
36 | })
37 | return result
38 | }
39 | }
40 | }
41 | })
42 | }
43 |
44 | export default plugin
45 |
--------------------------------------------------------------------------------
/src/utils/arrayToTreeConverter.js:
--------------------------------------------------------------------------------
1 | import * as _ from 'lodash'
2 |
3 | export function createTree (array, parentIdProperty, idProperty, parentIdValue, childrenProperty, fieldMappings) {
4 | const tree = []
5 | const nodes = _.filter(array, [parentIdProperty, parentIdValue])
6 | _.forEach(nodes, node => {
7 | const newNode = {
8 | data: node
9 | }
10 | mapFields(node, newNode, fieldMappings)
11 | newNode[childrenProperty] = createTree(
12 | array,
13 | parentIdProperty,
14 | idProperty,
15 | node[idProperty],
16 | childrenProperty,
17 | fieldMappings
18 | )
19 |
20 | tree.push(newNode)
21 | })
22 | return tree
23 | }
24 |
25 | export function mapFields (node, newNode, fieldMappings) {
26 | _.forEach(fieldMappings, fieldMapping => {
27 | if (!fieldMapping['target']) {
28 | return
29 | }
30 |
31 | if (fieldMapping.hasOwnProperty('value')) {
32 | newNode[fieldMapping['target']] = fieldMapping['value']
33 | } else if (fieldMapping['source']) {
34 | newNode[fieldMapping['target']] = node[fieldMapping['source']]
35 | } else if (fieldMapping['targetFunction']) {
36 | newNode[fieldMapping['target']] = fieldMapping['targetFunction'](node)
37 | }
38 | })
39 | }
40 |
41 |
--------------------------------------------------------------------------------
/src/components/Editor/WangEditor.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ typeof subTitle === 'string' ? subTitle : subTitle() }}
5 |
7 | {{ total }}
8 |
9 | {{ subTotal }}
10 |
13 |
3 |
4 |
5 |
6 |
7 |
50 |
51 |
58 |
--------------------------------------------------------------------------------
/src/components/IconSelector/IconSelector.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
11 |
12 |
13 |
14 |
15 |
34 |
35 |
54 |
--------------------------------------------------------------------------------
/src/components/AvatarList/index.less:
--------------------------------------------------------------------------------
1 | @import "../index";
2 |
3 | @avatar-list-prefix-cls: ~"@{ant-pro-prefix}-avatar-list";
4 | @avatar-list-item-prefix-cls: ~"@{ant-pro-prefix}-avatar-list-item";
5 |
6 | .@{avatar-list-prefix-cls} {
7 | display: inline-block;
8 |
9 | ul {
10 | list-style: none;
11 | display: inline-block;
12 | padding: 0;
13 | margin: 0 0 0 8px;
14 | font-size: 0;
15 | }
16 | }
17 |
18 | .@{avatar-list-item-prefix-cls} {
19 | display: inline-block;
20 | font-size: @font-size-base;
21 | margin-left: -8px;
22 | width: @avatar-size-base;
23 | height: @avatar-size-base;
24 |
25 | :global {
26 | .ant-avatar {
27 | border: 1px solid #fff;
28 | cursor: pointer;
29 | }
30 | }
31 |
32 | &.large {
33 | width: @avatar-size-lg;
34 | height: @avatar-size-lg;
35 | }
36 |
37 | &.small {
38 | width: @avatar-size-sm;
39 | height: @avatar-size-sm;
40 | }
41 |
42 | &.mini {
43 | width: 20px;
44 | height: 20px;
45 |
46 | :global {
47 | .ant-avatar {
48 | width: 20px;
49 | height: 20px;
50 | line-height: 20px;
51 |
52 | .ant-avatar-string {
53 | font-size: 12px;
54 | line-height: 18px;
55 | }
56 | }
57 | }
58 | }
59 | }
60 |
61 |
--------------------------------------------------------------------------------
/src/components/Charts/TransferBar.vue:
--------------------------------------------------------------------------------
1 |
2 | -
6 |
-
7 |
8 |
9 |
3 |
10 |
14 |
15 |
16 |
17 |
65 |
--------------------------------------------------------------------------------
/src/config/defaultSettings.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 项目默认配置项
3 | * primaryColor - 默认主题色, 如果修改颜色不生效，请清理 localStorage
4 | * navTheme - sidebar theme ['dark', 'light'] 两种主题
5 | * colorWeak - 色盲模式
6 | * layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局
7 | * fixedHeader - 固定 Header : boolean
8 | * fixSiderbar - 固定左侧菜单栏 ： boolean
9 | * autoHideHeader - 向下滚动时，隐藏 Header : boolean
10 | * contentWidth - 内容区布局： 流式 | 固定
11 | *
12 | * storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)
13 | *
14 | */
15 |
16 | export default {
17 | primaryColor: '#52C41A', // primary color of ant design
18 | navTheme: 'dark', // theme for nav menu
19 | layout: 'sidemenu', // nav menu position: sidemenu or topmenu
20 | contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
21 | fixedHeader: false, // sticky header
22 | fixSiderbar: false, // sticky siderbar
23 | autoHideHeader: false, // auto hide header
24 | colorWeak: false,
25 | multiTab: false,
26 | production: process.env.NODE_ENV === 'production' && process.env.VUE_APP_PREVIEW !== 'true',
27 | // vue-ls options
28 | storageOptions: {
29 | namespace: 'pro__', // key prefix
30 | name: 'ls', // name variable Vue.[ls] or this.[$ls],
31 | storage: 'local' // storage name session, local, memory
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/core/precise/AppConsts.js:
--------------------------------------------------------------------------------
1 | const AppConsts = {
2 | userManagement: {
3 | defaultAdminUserName: 'admin',
4 | },
5 | localization: {
6 | defaultLocalizationSourceName: 'Precise',
7 | },
8 | authorization: {
9 | encrptedAuthTokenName: 'enc_auth_token',
10 | },
11 | appBaseUrlFormat: '',
12 | remoteServiceBaseUrlFormat: '',
13 | appBaseUrl: 'http://localhost:8000',
14 | remoteServiceBaseUrl: 'http://localhost:50538',
15 | localeMappings: [
16 |
17 | ],
18 | tenancyNamePlaceHolderInUrl: '{TENANCY_NAME}'
19 | }
20 | export default AppConsts
21 |
22 | // const AppConstss = {
23 | // tenancyNamePlaceHolderInUrl: '{TENANCY_NAME}',
24 | // remoteServiceBaseUrl: 'string',
25 | // remoteServiceBaseUrlFormat: 'string',
26 | // appBaseUrl: 'string',
27 | // appBaseHref: 'string',
28 | // appBaseUrlFormat: 'string',
29 | // recaptchaSiteKey: 'string',
30 | // subscriptionExpireNootifyDayCount: 'number',
31 | // localeMappings: [],
32 | // userManagement: {
33 | // defaultAdminUserName: 'admin'
34 | // },
35 | // localization: {
36 | // defaultLocalizationSourceName: 'AbpZeroTemplate'
37 | // },
38 | // authorization: {
39 | // encrptedAuthTokenName: 'enc_auth_token'
40 | // },
41 | // grid: {
42 | // defaultPageSize: 10
43 | // }
44 | // }
45 |
--------------------------------------------------------------------------------
/src/components/Charts/Bar.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |
3 |
9 |
13 |
14 |
15 |
16 |
63 |
--------------------------------------------------------------------------------
/src/components/NumberInfo/index.less:
--------------------------------------------------------------------------------
1 | @import "../index";
2 |
3 | @numberInfo-prefix-cls: ~"@{ant-pro-prefix}-number-info";
4 |
5 | .@{numberInfo-prefix-cls} {
6 |
7 | .ant-pro-number-info-subtitle {
8 | color: @text-color-secondary;
9 | font-size: @font-size-base;
10 | height: 22px;
11 | line-height: 22px;
12 | overflow: hidden;
13 | text-overflow: ellipsis;
14 | word-break: break-all;
15 | white-space: nowrap;
16 | }
17 |
18 | .number-info-value {
19 | margin-top: 4px;
20 | font-size: 0;
21 | overflow: hidden;
22 | text-overflow: ellipsis;
23 | word-break: break-all;
24 | white-space: nowrap;
25 |
26 | & > span {
27 | color: @heading-color;
28 | display: inline-block;
29 | line-height: 32px;
30 | height: 32px;
31 | font-size: 24px;
32 | margin-right: 32px;
33 | }
34 |
35 | .sub-total {
36 | color: @text-color-secondary;
37 | font-size: @font-size-lg;
38 | vertical-align: top;
39 | margin-right: 0;
40 | i {
41 | font-size: 12px;
42 | transform: scale(0.82);
43 | margin-left: 4px;
44 | }
45 | :global {
46 | .anticon-caret-up {
47 | color: @red-6;
48 | }
49 | .anticon-caret-down {
50 | color: @green-6;
51 | }
52 | }
53 | }
54 | }
55 | }
--------------------------------------------------------------------------------
/src/api/manage.js:
--------------------------------------------------------------------------------
1 | import { axios } from '@/utils/request'
2 |
3 | const api = {
4 | user: '/user',
5 | role: '/role',
6 | service: '/mockservice',
7 | permission: '/permission',
8 | permissionNoPager: '/permission/no-pager',
9 | orgTree: '/org/tree'
10 | }
11 |
12 | export default api
13 |
14 | export function getUserList (parameter) {
15 | return axios({
16 | url: api.user,
17 | method: 'get',
18 | params: parameter
19 | })
20 | }
21 |
22 | export function getRoleList (parameter) {
23 | return axios({
24 | url: api.role,
25 | method: 'get',
26 | params: parameter
27 | })
28 | }
29 |
30 | export function getServiceList (parameter) {
31 | return axios({
32 | url: api.service,
33 | method: 'get',
34 | params: parameter
35 | })
36 | }
37 |
38 | export function getPermissions (parameter) {
39 | return axios({
40 | url: api.permissionNoPager,
41 | method: 'get',
42 | params: parameter
43 | })
44 | }
45 |
46 | export function getOrgTree (parameter) {
47 | return axios({
48 | url: api.orgTree,
49 | method: 'get',
50 | params: parameter
51 | })
52 | }
53 |
54 | // id == 0 add post
55 | // id != 0 update put
56 | export function saveService (parameter) {
57 | return axios({
58 | url: api.service,
59 | method: parameter.id === 0 ? 'post' : 'put',
60 | data: parameter
61 | })
62 | }
63 |
--------------------------------------------------------------------------------
/src/components/tools/HeadInfo.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |
3 | {{ title }}
4 |
7 |
8 |
9 |
32 |
33 |
68 |
--------------------------------------------------------------------------------
/src/components/Menu/SideMenu.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ content }}
5 | 6 |
3 |
10 |
46 |
47 |
48 |
49 |
64 |
65 |
68 |
--------------------------------------------------------------------------------
/src/api/login.js:
--------------------------------------------------------------------------------
1 | import api from './index'
2 | import { axios } from '@/utils/request'
3 |
4 | /**
5 | * login func
6 | * parameter: {
7 | * username: '',
8 | * password: '',
9 | * remember_me: true,
10 | * captcha: '12345'
11 | * }
12 | * @param parameter
13 | * @returns {*}
14 | */
15 | export function login (parameter) {
16 | return axios({
17 | url: 'http://127.0.0.1:50538/api/TokenAuth/Authenticate',
18 | method: 'post',
19 | data: parameter
20 | })
21 | }
22 |
23 | export function logins (parameter) {
24 | return axios({
25 | url: '/auth/login',
26 | method: 'post',
27 | data: parameter
28 | })
29 | }
30 |
31 | export function getSmsCaptcha (parameter) {
32 | return axios({
33 | url: api.SendSms,
34 | method: 'post',
35 | data: parameter
36 | })
37 | }
38 |
39 | export function getInfo () {
40 | return axios({
41 | url: '/account/info',
42 | method: 'get',
43 | headers: {
44 | 'Content-Type': 'application/json;charset=UTF-8'
45 | }
46 | })
47 | }
48 |
49 | export function logout () {
50 | return axios({
51 | url: '/auth/logout',
52 | method: 'post',
53 | headers: {
54 | 'Content-Type': 'application/json;charset=UTF-8'
55 | }
56 | })
57 | }
58 |
59 | /**
60 | * get user 2step code open?
61 | * @param parameter {*}
62 | */
63 | export function get2step (parameter) {
64 | return axios({
65 | url: api.twoStepCode,
66 | method: 'post',
67 | data: parameter
68 | })
69 | }
70 |
--------------------------------------------------------------------------------
/src/core/precise/helpers/UrlHelper.js:
--------------------------------------------------------------------------------
1 | export default {
2 | initialUrl: location.href,
3 | getQueryParameters () {
4 | return this.getQueryParametersUsingParameters(document.location.search)
5 | },
6 | getQueryParametersUsingParameters (search) {
7 | return search.replace(/(^\?)/, '').split('&').map(function (n) { return n = n.split('='), this[n[0]] = n[1], this }.bind({}))[0]
8 | },
9 | getQueryParametersUsingHash () {
10 | return document.location.hash.substr(1, document.location.hash.length - 1).replace(/(^\?)/, '').split('&').map(function (n) { return n = n.split('='), this[n[0]] = n[1], this }.bind({}))[0]
11 | },
12 | getInitialUrlParameters () {
13 | const questionMarkIndex = this.initialUrl.indexOf('?')
14 | if (questionMarkIndex >= 0) {
15 | return this.initialUrl.substr(questionMarkIndex, this.initialUrl.length - questionMarkIndex)
16 | }
17 | return ''
18 | },
19 | getReturnUrl () {
20 | const queryStringObj = this.getQueryParametersUsingParameters(this.getInitialUrlParameters())
21 | if (queryStringObj.returnUrl) {
22 | return decodeURIComponent(queryStringObj.returnUrl)
23 | }
24 | return null
25 | },
26 | getSingleSignIn () {
27 | const queryStringObj = this.getQueryParametersUsingParameters(this.getInitialUrlParameters())
28 | if (queryStringObj.ss) {
29 | return queryStringObj.ss
30 | }
31 | return false
32 | },
33 | isInstallUrl (url) {
34 | return url && url.indexOf('app/admin/install') >= 0
35 | }
36 | }
--------------------------------------------------------------------------------
/src/api/precise/notification.js:
--------------------------------------------------------------------------------
1 | import { axios } from '@/utils/request'
2 | import AppConsts from '@/core/precise/AppConsts'
3 |
4 | export function getUserNotifications (parameter) {
5 | return axios({
6 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Notification/GetUserNotifications',
7 | method: 'get',
8 | params: parameter
9 | })
10 | }
11 |
12 | export function setAllNotificationsAsRead () {
13 | return axios({
14 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Notification/SetAllNotificationsAsRead',
15 | method: 'post',
16 | })
17 | }
18 |
19 | export function setNotificationAsRead (parameter) {
20 | return axios({
21 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Notification/SetNotificationAsRead',
22 | method: 'post',
23 | data: parameter
24 | })
25 | }
26 |
27 | export function getNotificationSettings () {
28 | return axios({
29 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Notification/GetNotificationSettings',
30 | method: 'get',
31 | })
32 | }
33 |
34 | export function updateNotificationSettings (parameter) {
35 | return axios({
36 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Notification/UpdateNotificationSettings',
37 | method: 'put',
38 | data: parameter
39 | })
40 | }
41 |
42 | export function deleteNotification (parameter) {
43 | return axios({
44 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/Notification/DeleteNotification',
45 | method: 'delete',
46 | data: parameter
47 | })
48 | }
--------------------------------------------------------------------------------
/public/loading/loading.css:
--------------------------------------------------------------------------------
1 | #preloadingAnimation{position:fixed;left:0;top:0;height:100%;width:100%;background:#ffffff;user-select:none;z-index: 9999;overflow: hidden}.lds-roller{display:inline-block;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:32px 32px;}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#13c2c2;margin:-3px 0 0 -3px;}.lds-roller div:nth-child(1){animation-delay:-0.036s;}.lds-roller div:nth-child(1):after{top:50px;left:50px;}.lds-roller div:nth-child(2){animation-delay:-0.072s;}.lds-roller div:nth-child(2):after{top:54px;left:45px;}.lds-roller div:nth-child(3){animation-delay:-0.108s;}.lds-roller div:nth-child(3):after{top:57px;left:39px;}.lds-roller div:nth-child(4){animation-delay:-0.144s;}.lds-roller div:nth-child(4):after{top:58px;left:32px;}.lds-roller div:nth-child(5){animation-delay:-0.18s;}.lds-roller div:nth-child(5):after{top:57px;left:25px;}.lds-roller div:nth-child(6){animation-delay:-0.216s;}.lds-roller div:nth-child(6):after{top:54px;left:19px;}.lds-roller div:nth-child(7){animation-delay:-0.252s;}.lds-roller div:nth-child(7):after{top:50px;left:14px;}.lds-roller div:nth-child(8){animation-delay:-0.288s;}.lds-roller div:nth-child(8):after{top:45px;left:10px;}#preloadingAnimation .load-tips{color: #13c2c2;font-size:2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:80px;text-align:center;width:400px;height:64px;} @keyframes lds-roller{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
--------------------------------------------------------------------------------
/src/components/Charts/Radar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
12 |
13 |
36 |
37 |
76 |
--------------------------------------------------------------------------------
/src/components/Charts/RankList.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
3 |
12 |
13 |
14 |
30 |
31 |
78 |
--------------------------------------------------------------------------------
/src/views/account/settings/Security.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |-
5 |
- 6 | {{ index + 1 }} 7 | {{ item.name }} 8 | {{ item.total }} 9 | 10 |
3 | {{ term }}
4 | {{ rate }}%
5 |
7 |
8 |
9 |
52 |
53 |
83 |
--------------------------------------------------------------------------------
/src/api/precise/tokenAuth.js:
--------------------------------------------------------------------------------
1 | import { axios } from '@/utils/request'
2 | import AppConsts from '@/core/precise/AppConsts'
3 |
4 | export function authenticate (parameter) {
5 | return axios({
6 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/Authenticate',
7 | method: 'post',
8 | data: parameter
9 | })
10 | }
11 |
12 | export function logOut () {
13 | return axios({
14 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/LogOut',
15 | method: 'get',
16 | })
17 | }
18 |
19 | export function sendTwoFactorAuthCode (parameter) {
20 | return axios({
21 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/SendTwoFactorAuthCode',
22 | method: 'post',
23 | data: parameter
24 | })
25 | }
26 |
27 | export function impersonatedAuthenticate (parameter) {
28 | return axios({
29 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/ImpersonatedAuthenticate',
30 | method: 'post',
31 | data: parameter
32 | })
33 | }
34 |
35 | export function linkedAccountAuthenticate (parameter) {
36 | return axios({
37 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/LinkedAccountAuthenticate',
38 | method: 'post',
39 | data: parameter
40 | })
41 | }
42 |
43 | export function getExternalAuthenticationProviders () {
44 | return axios({
45 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/GetExternalAuthenticationProviders',
46 | method: 'get',
47 | })
48 | }
49 |
50 | export function externalAuthenticate (parameter) {
51 | return axios({
52 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/ExternalAuthenticate',
53 | method: 'post',
54 | data: parameter
55 | })
56 | }
57 |
58 | export function testNotification (parameter) {
59 | return axios({
60 | url: AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/TestNotification',
61 | method: 'get',
62 | params: parameter
63 | })
64 | }
--------------------------------------------------------------------------------
/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import axios from 'axios'
3 | import store from '@/store'
4 | import {
5 | VueAxios
6 | } from './axios'
7 | import notification from 'ant-design-vue/es/notification'
8 | import {
9 | ACCESS_TOKEN
10 | } from '@/store/mutation-types'
11 |
12 | const service = axios.create({
13 | baseURL: '/api', // api base_url
14 | timeout: 6000 // 请求超时时间
15 | })
16 |
17 | const err = (error) => {
18 | if (error.response) {
19 | const data = error.response.data
20 | const token = Vue.ls.get(ACCESS_TOKEN)
21 | if (error.response.status === 403) {
22 | notification.error({
23 | message: 'Forbidden',
24 | description: data.message
25 | })
26 | }
27 | if (error.response.status === 401 && !(data.result && data.result.isLogin)) {
28 | notification.error({
29 | message: 'Unauthorized',
30 | description: 'Authorization verification failed'
31 | })
32 | if (token) {
33 | store.dispatch('Logout').then(() => {
34 | setTimeout(() => {
35 | window.location.reload()
36 | }, 1500)
37 | })
38 | }
39 | }
40 | }
41 | return Promise.reject(error)
42 | }
43 |
44 | // request interceptor
45 | service.interceptors.request.use(config => {
46 | const token = Vue.ls.get(ACCESS_TOKEN)
47 | if (token) {
48 | config.headers['Authorization'] = 'Bearer ' + token // 让每个请求携带自定义 token 请根据实际情况自行修改
49 | // config.headers['Access-Token'] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
50 | }
51 | return config
52 | }, err)
53 |
54 | // response interceptor
55 | service.interceptors.response.use((response) => {
56 | return response.data
57 | }, err)
58 |
59 | const installer = {
60 | vm: {},
61 | install (Vue) {
62 | Vue.use(VueAxios, service)
63 | }
64 | }
65 |
66 | export {
67 | installer as VueAxios,
68 | service as axios
69 | }
70 |
--------------------------------------------------------------------------------
/src/core/precise/common/nav/appUrl.js:
--------------------------------------------------------------------------------
1 | import AppConsts from '@/core/precise/AppConsts'
2 | import store from '@/store'
3 |
4 | const tenancyNamePlaceHolder = '{TENANCY_NAME}'
5 |
6 | export default class AppUrl {
7 |
8 | static appRootUrl () {
9 | if (store.getters.appSession.tenant) {
10 | return this.getAppRootUrlOfTenant(store.getters.appSession.tenant.tenancyName)
11 | } else {
12 | return this.getAppRootUrlOfTenant(null)
13 | }
14 | }
15 |
16 | static getAppRootUrlOfTenant (tenancyName) {
17 | var baseUrl = this.ensureEndsWith(AppConsts.appBaseUrlFormat, '/')
18 |
19 | //Add base href if it is not configured in appconfig.json
20 | if (baseUrl.indexOf(AppConsts.appBaseHref) < 0) {
21 | if (this.removeFromStart(AppConsts.appBaseHref, '/') != undefined)
22 | baseUrl = baseUrl + this.removeFromStart(AppConsts.appBaseHref, '/')
23 | }
24 |
25 | if (baseUrl.indexOf(tenancyNamePlaceHolder) < 0) {
26 | return baseUrl
27 | }
28 |
29 | if (baseUrl.indexOf(tenancyNamePlaceHolder + '.') >= 0) {
30 | baseUrl = baseUrl.replace(tenancyNamePlaceHolder + '.', tenancyNamePlaceHolder)
31 | if (tenancyName) {
32 | tenancyName = tenancyName + '.'
33 | }
34 | }
35 |
36 | if (!tenancyName) {
37 | return baseUrl.replace(tenancyNamePlaceHolder, '')
38 | }
39 |
40 |
41 | return baseUrl.replace(tenancyNamePlaceHolder, tenancyName)
42 | }
43 |
44 | static ensureEndsWith (str, c) {
45 | if (str + ''.charAt(str.length - 1) !== c) {
46 | str = str + c
47 | }
48 |
49 | return str
50 | }
51 |
52 | static removeFromEnd (str, c) {
53 | if (str + ''.charAt(str.length - 1) === c) {
54 | str = str.substr(0, str.length - 1)
55 | }
56 |
57 | return str
58 | }
59 |
60 | static removeFromStart (str, c) {
61 | if (str + ''.charAt(0) === c) {
62 | str = str.substr(1, str.length - 1)
63 | }
64 |
65 | return str
66 | }
67 | }
--------------------------------------------------------------------------------
/src/views/admin/organization/index.less:
--------------------------------------------------------------------------------
1 | @wrapper: ~'department';
2 | .percent-100 {
3 | width: 100%;
4 | height: 100%;
5 | }
6 | .@{wrapper}-outer {
7 | .percent-100;
8 | overflow: hidden;
9 | .tip-box{
10 | position: absolute;
11 | left: 20px;
12 | top: 20px;
13 | z-index: 12;
14 | }
15 | .zoom-box {
16 | position: absolute;
17 | right: 30px;
18 | bottom: 30px;
19 | z-index: 2;
20 | }
21 | .view-box {
22 | position: absolute;
23 | top: 0;
24 | bottom: 0;
25 | left: 0;
26 | right: 0;
27 | z-index: 1;
28 | cursor: move;
29 | .org-tree-drag-wrapper {
30 | width: 100%;
31 | height: 100%;
32 | }
33 | .org-tree-wrapper {
34 | display: inline-block;
35 | position: absolute;
36 | left: 50%;
37 | top: 50%;
38 | transition: transform 0.2s ease-out;
39 | .org-tree-node-label {
40 | box-shadow: 0px 2px 12px 0px rgba(143, 154, 165, 0.4);
41 | border-radius: 4px;
42 | .org-tree-node-label-inner {
43 | padding: 0;
44 | .custom-org-node {
45 | padding: 14px 41px;
46 | background: #738699;
47 | user-select: none;
48 | word-wrap: none;
49 | white-space: nowrap;
50 | border-radius: 4px;
51 | color: #ffffff;
52 | font-size: 14px;
53 | font-weight: 500;
54 | line-height: 20px;
55 | transition: background 0.1s ease-in;
56 | cursor: default;
57 | &:hover {
58 | background: #5d6c7b;
59 | transition: background 0.1s ease-in;
60 | }
61 | &.has-children-label {
62 | cursor: pointer;
63 | }
64 | .context-menu{
65 | position: absolute;
66 | right: -10px;
67 | bottom: 20px;
68 | z-index: 10;
69 | }
70 | }
71 | }
72 | }
73 | }
74 | }
75 | }
76 |
--------------------------------------------------------------------------------
/src/views/admin/organization/components/zoom-controller.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 | {{ value }}%
7 |
10 |
11 |
12 |
13 |
45 |
46 |
79 |
--------------------------------------------------------------------------------
/src/views/account/settings/Custom.vue:
--------------------------------------------------------------------------------
1 |
72 |
73 |
76 |
--------------------------------------------------------------------------------
/src/components/Editor/QuillEditor.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
12 |
13 |
14 |
15 |
16 |
69 |
70 |
83 |
--------------------------------------------------------------------------------
/src/components/index.js:
--------------------------------------------------------------------------------
1 | // chart
2 | import Bar from '@/components/Charts/Bar'
3 | import ChartCard from '@/components/Charts/ChartCard'
4 | import Liquid from '@/components/Charts/Liquid'
5 | import MiniArea from '@/components/Charts/MiniArea'
6 | import MiniSmoothArea from '@/components/Charts/MiniSmoothArea'
7 | import MiniBar from '@/components/Charts/MiniBar'
8 | import MiniProgress from '@/components/Charts/MiniProgress'
9 | import Radar from '@/components/Charts/Radar'
10 | import RankList from '@/components/Charts/RankList'
11 | import TransferBar from '@/components/Charts/TransferBar'
12 | import TagCloud from '@/components/Charts/TagCloud'
13 |
14 | // pro components
15 | import AvatarList from '@/components/AvatarList'
16 | import CountDown from '@/components/CountDown'
17 | import Ellipsis from '@/components/Ellipsis'
18 | import FooterToolbar from '@/components/FooterToolbar'
19 | import NumberInfo from '@/components/NumberInfo'
20 | import DescriptionList from '@/components/DescriptionList'
21 | import Tree from '@/components/Tree/Tree'
22 | import Trend from '@/components/Trend'
23 | import STable from '@/components/Table'
24 | import MultiTab from '@/components/MultiTab'
25 | import Result from '@/components/Result'
26 | import IconSelector from '@/components/IconSelector'
27 | import TagSelect from '@/components/TagSelect'
28 | import ExceptionPage from '@/components/Exception'
29 | import StandardFormRow from '@/components/StandardFormRow'
30 | import ArticleListContent from '@/components/ArticleListContent'
31 |
32 | export {
33 | AvatarList,
34 | Bar,
35 | ChartCard,
36 | Liquid,
37 | MiniArea,
38 | MiniSmoothArea,
39 | MiniBar,
40 | MiniProgress,
41 | Radar,
42 | TagCloud,
43 | RankList,
44 | TransferBar,
45 | Trend,
46 | CountDown,
47 | Ellipsis,
48 | FooterToolbar,
49 | NumberInfo,
50 | DescriptionList,
51 | // 兼容写法，请勿继续使用
52 | DescriptionList as DetailList,
53 | Tree,
54 | STable,
55 | MultiTab,
56 | Result,
57 | ExceptionPage,
58 | IconSelector,
59 | TagSelect,
60 | StandardFormRow,
61 | ArticleListContent
62 | }
63 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // ie polyfill
2 | import '@babel/polyfill'
3 |
4 | import Vue from 'vue'
5 | import App from './App.vue'
6 | import router from './router'
7 | import store from './store'
8 | import { VueAxios } from './utils/request'
9 | import AppPreBootstrap from '@/core/precise/AppPreBootstrap'
10 | import UrlHelper from '@/core/precise/helpers/UrlHelper'
11 | import AppAuthService from '@/core/precise/auth/AppAuthService'
12 | import SignalRHelper from '@/core/precise/helpers/SignalRHelper'
13 | import { ACCESS_TOKEN } from '@/store/mutation-types'
14 | // mock
15 | import './mock'
16 |
17 | import bootstrap from './core/bootstrap'
18 | import './core/use'
19 | import './permission' // permission control
20 | import './utils/filter' // global filter
21 |
22 | Vue.config.productionTip = false
23 |
24 | // mount axios Vue.$http and this.$http
25 | Vue.use(VueAxios)
26 |
27 | AppPreBootstrap.run(getDocumentOrigin(), () => {
28 | handleLogoutRequest(AppAuthService)
29 | if (Vue.ls.get(ACCESS_TOKEN)) {
30 | SignalRHelper.initSignalR(() => { })
31 | new Vue({
32 | router,
33 | store,
34 | created () {
35 | bootstrap()
36 | },
37 | render: h => h(App)
38 | }).$mount('#app')
39 | } else {
40 | store
41 | .dispatch('GetCurrentLoginInformations')
42 | .then(res => {
43 | new Vue({
44 | router,
45 | store,
46 | created () {
47 | bootstrap()
48 | },
49 | render: h => h(App)
50 | }).$mount('#app')
51 | })
52 | }
53 | })
54 |
55 | function handleLogoutRequest (authService) {
56 | const currentUrl = UrlHelper.initialUrl
57 | const returnUrl = UrlHelper.getReturnUrl()
58 | if (currentUrl.indexOf(('account/logout')) >= 0 && returnUrl) {
59 | authService.logout(true, returnUrl)
60 | }
61 | }
62 |
63 | function getDocumentOrigin () {
64 | if (!document.location.origin) {
65 | return document.location.protocol + '//' + document.location.hostname + (document.location.port ? ':' + document.location.port : '')
66 | }
67 | return document.location.origin
68 | }
--------------------------------------------------------------------------------
/src/core/lazy_lib/components_use.js:
--------------------------------------------------------------------------------
1 |
2 | /* eslint-disable */
3 | /**
4 | * 该文件是为了按需加载，剔除掉了一些不需要的框架组件。
5 | * 减少了编译支持库包大小
6 | *
7 | * 当需要更多组件依赖时，在该文件加入即可
8 | */
9 | import Vue from 'vue'
10 | import {
11 | LocaleProvider,
12 | Layout,
13 | Input,
14 | InputNumber,
15 | Button,
16 | Switch,
17 | Radio,
18 | Checkbox,
19 | Select,
20 | Card,
21 | Form,
22 | Row,
23 | Col,
24 | Modal,
25 | Table,
26 | Tabs,
27 | Icon,
28 | Badge,
29 | Popover,
30 | Dropdown,
31 | List,
32 | Avatar,
33 | Breadcrumb,
34 | Steps,
35 | Spin,
36 | Menu,
37 | Drawer,
38 | Tooltip,
39 | Alert,
40 | Tag,
41 | Divider,
42 | DatePicker,
43 | TimePicker,
44 | Upload,
45 | Progress,
46 | Skeleton,
47 | Popconfirm,
48 | message,
49 | notification,
50 | Tree
51 | } from 'ant-design-vue'
52 | // import VueCropper from 'vue-cropper'
53 |
54 | Vue.use(LocaleProvider)
55 | Vue.use(Layout)
56 | Vue.use(Input)
57 | Vue.use(InputNumber)
58 | Vue.use(Button)
59 | Vue.use(Switch)
60 | Vue.use(Radio)
61 | Vue.use(Checkbox)
62 | Vue.use(Select)
63 | Vue.use(Card)
64 | Vue.use(Form)
65 | Vue.use(Row)
66 | Vue.use(Col)
67 | Vue.use(Modal)
68 | Vue.use(Table)
69 | Vue.use(Tabs)
70 | Vue.use(Icon)
71 | Vue.use(Badge)
72 | Vue.use(Popover)
73 | Vue.use(Dropdown)
74 | Vue.use(List)
75 | Vue.use(Avatar)
76 | Vue.use(Breadcrumb)
77 | Vue.use(Steps)
78 | Vue.use(Spin)
79 | Vue.use(Menu)
80 | Vue.use(Drawer)
81 | Vue.use(Tooltip)
82 | Vue.use(Alert)
83 | Vue.use(Tag)
84 | Vue.use(Divider)
85 | Vue.use(DatePicker)
86 | Vue.use(TimePicker)
87 | Vue.use(Upload)
88 | Vue.use(Progress)
89 | Vue.use(Skeleton)
90 | Vue.use(Popconfirm)
91 | // Vue.use(VueCropper)
92 | Vue.use(notification)
93 | Vue.use(Tree)
94 |
95 | Vue.prototype.$confirm = Modal.confirm
96 | Vue.prototype.$message = message
97 | Vue.prototype.$notification = notification
98 | Vue.prototype.$info = Modal.info
99 | Vue.prototype.$success = Modal.success
100 | Vue.prototype.$error = Modal.error
101 | Vue.prototype.$warning = Modal.warning
--------------------------------------------------------------------------------
/public/loading/option2/loading.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/ArticleListContent/ArticleListContent.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
15 |
16 |
47 |
48 |
90 |
--------------------------------------------------------------------------------
/src/store/precise/permission.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import {
3 | getAllPermissions
4 | } from '@/api/precise/permission'
5 | import { asyncRouterMap, constantRouterMap } from '@/config/router.config'
6 |
7 | function isGrantedAny (...permissions) {
8 | if (!permissions) {
9 | return true
10 | }
11 | for (const permission of permissions) {
12 | if (abp.auth.isGranted(permission)) {
13 | return true
14 | }
15 | }
16 | return false
17 | }
18 |
19 | /**
20 | * 过滤账户是否拥有某一个权限，并将菜单从加载列表移除
21 | *
22 | * @param route
23 | * @returns {boolean}
24 | */
25 | function hasPermission (route) {
26 | if (route.meta && route.meta.permission) {
27 | return isGrantedAny(route.meta.permission)
28 | }
29 | return true
30 | }
31 |
32 | function filterAsyncRouter (routerMap) {
33 | const accessedRouters = routerMap.filter(route => {
34 | if (hasPermission(route)) {
35 | if (route.children && route.children.length) {
36 | route.children = filterAsyncRouter(route.children)
37 | }
38 | return true
39 | }
40 | return false
41 | })
42 | return accessedRouters
43 | }
44 |
45 | const permission = {
46 | state: {
47 | routers: constantRouterMap,
48 | addRouters: []
49 | },
50 | mutations: {
51 | SET_ROUTERS: (state, routers) => {
52 | state.addRouters = routers
53 | state.routers = constantRouterMap.concat(routers)
54 | }
55 | },
56 |
57 | actions: {
58 | // 获得所有权限
59 | GetAllPermissions ({ commit }, payload) {
60 | return new Promise((resolve, reject) => {
61 | getAllPermissions(payload).then(response => {
62 | const result = response.result
63 | console.log(result)
64 | resolve()
65 | }).catch(() => {
66 | reject()
67 | })
68 | })
69 | },
70 | // 生成路由
71 | GenerateRoutes ({ commit }) {
72 | return new Promise(resolve => {
73 | const accessedRouters = filterAsyncRouter(asyncRouterMap)
74 | commit('SET_ROUTERS', accessedRouters)
75 | resolve()
76 | })
77 | }
78 | }
79 | }
80 |
81 | export default permission
82 |
--------------------------------------------------------------------------------
/src/api/precise/user.js:
--------------------------------------------------------------------------------
1 | import { axios } from '@/utils/request'
2 | import AppConsts from '@/core/precise/AppConsts'
3 |
4 | export function getUsers (parameter) {
5 | return axios({
6 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/GetUsers',
7 | method: 'get',
8 | params: parameter
9 | })
10 | }
11 |
12 | export function getUsersToExcel () {
13 | return axios({
14 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/GetUsersToExcel',
15 | method: 'get',
16 | })
17 | }
18 |
19 | export function getUserForEdit (parameter) {
20 | return axios({
21 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/GetUserForEdit',
22 | method: 'get',
23 | params: parameter
24 | })
25 | }
26 |
27 | export function getUserPermissionsForEdit (parameter) {
28 | return axios({
29 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/GetUserPermissionsForEdit',
30 | method: 'get',
31 | params: parameter
32 | })
33 | }
34 |
35 | export function resetUserSpecificPermissions (parameter) {
36 | return axios({
37 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/ResetUserSpecificPermissions',
38 | method: 'post',
39 | data: parameter
40 | })
41 | }
42 |
43 | export function updateUserPermissions (parameter) {
44 | return axios({
45 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/UpdateUserPermissions',
46 | method: 'put',
47 | data: parameter
48 | })
49 | }
50 |
51 | export function createOrUpdateUser (parameter) {
52 | return axios({
53 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/CreateOrUpdateUser',
54 | method: 'post',
55 | data: parameter
56 | })
57 | }
58 |
59 | export function deleteUser (parameter) {
60 | return axios({
61 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/DeleteUser',
62 | method: 'delete',
63 | params: parameter
64 | })
65 | }
66 |
67 | export function unlockUser (parameter) {
68 | return axios({
69 | url: AppConsts.remoteServiceBaseUrl + '/api/services/app/User/UnlockUser',
70 | method: 'post',
71 | data: parameter
72 | })
73 | }
--------------------------------------------------------------------------------
/public/loading/option2/html_code_segment.html:
--------------------------------------------------------------------------------
1 |
4 |
5 | {{ description }}
6 |
7 |
8 |
13 |
2 |
--------------------------------------------------------------------------------
/src/views/account/center/page/Article.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
28 | 加载更多
29 |
30 |
3 |
43 |
44 |
45 |
81 |
--------------------------------------------------------------------------------
/src/store/precise/notification.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import {
3 | getUserNotifications,
4 | setAllNotificationsAsRead,
5 | setNotificationAsRead,
6 | getNotificationSettings,
7 | updateNotificationSettings,
8 | deleteNotification
9 | } from '@/api/precise/notification'
10 |
11 | const notification = {
12 | state: {
13 | },
14 | mutations: {
15 | },
16 |
17 | actions: {
18 | // 获取用户通知
19 | GetUserNotifications ({ commit }, payload) {
20 | return new Promise((resolve, reject) => {
21 | getUserNotifications(payload).then(response => {
22 | const result = response.result
23 |
24 | resolve()
25 | }).catch(() => {
26 | reject()
27 | })
28 | })
29 | },
30 | // 将所有通知设置为已读
31 | SetAllNotificationsAsRead ({ commit }) {
32 | return new Promise((resolve, reject) => {
33 | setAllNotificationsAsRead().then(response => {
34 | const result = response.result
35 |
36 | resolve()
37 | }).catch(() => {
38 | reject()
39 | })
40 | })
41 | },
42 | // 将通知设置为已读
43 | SetNotificationAsRead ({ commit }, payload) {
44 | return new Promise((resolve, reject) => {
45 | setNotificationAsRead(payload).then(response => {
46 | const result = response.result
47 |
48 | resolve()
49 | }).catch(() => {
50 | reject()
51 | })
52 | })
53 | },
54 | // 获取通知设置
55 | GetNotificationSettings ({ commit }) {
56 | return new Promise((resolve, reject) => {
57 | getNotificationSettings().then(response => {
58 | const result = response.result
59 |
60 | resolve()
61 | }).catch(() => {
62 | reject()
63 | })
64 | })
65 | },
66 | // 更新通知设置
67 | UpdateNotificationSettings ({ commit }, payload) {
68 | return new Promise((resolve, reject) => {
69 | updateNotificationSettings(payload).then(response => {
70 | const result = response.result
71 |
72 | resolve()
73 | }).catch(() => {
74 | reject()
75 | })
76 | })
77 | },
78 | // 删除通知
79 | DeleteNotification ({ commit }, payload) {
80 | return new Promise((resolve, reject) => {
81 | deleteNotification(payload).then(response => {
82 | const result = response.result
83 |
84 | resolve()
85 | }).catch(() => {
86 | reject()
87 | })
88 | })
89 | },
90 | }
91 | }
92 |
93 | export default notification
94 |
--------------------------------------------------------------------------------
/src/permission.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import router from './router'
3 | import store from './store'
4 |
5 | import NProgress from 'nprogress' // progress bar
6 | import 'nprogress/nprogress.css' // progress bar style
7 | import notification from 'ant-design-vue/es/notification'
8 | import { setDocumentTitle, domTitle } from '@/utils/domUtil'
9 | import { ACCESS_TOKEN } from '@/store/mutation-types'
10 |
11 | NProgress.configure({ showSpinner: false }) // NProgress Configuration
12 |
13 | const whiteList = ['login', 'register', 'registerResult'] // no redirect whitelist
14 |
15 | router.beforeEach((to, from, next) => {
16 | NProgress.start() // start progress bar
17 | to.meta && (typeof to.meta.title !== 'undefined' && setDocumentTitle(`${to.meta.title} - ${domTitle}`))
18 | if (Vue.ls.get(ACCESS_TOKEN)) {
19 | /* has token */
20 | if (to.path === '/account/login') {
21 | next({ path: '/dashboard/workplace' })
22 | NProgress.done()
23 | } else {
24 | if (store.getters.appSession.user === undefined) {
25 | store
26 | .dispatch('GetCurrentLoginInformations')
27 | .then(res => {
28 | store.dispatch('GenerateRoutes').then(() => {
29 | // 动态添加可访问路由表
30 | router.addRoutes(store.getters.addRouters)
31 | const redirect = decodeURIComponent(from.query.redirect || to.path)
32 | if (to.path === redirect) {
33 | // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
34 | next({ ...to, replace: true })
35 | } else {
36 | // 跳转到目的路由
37 | next({ path: redirect })
38 | }
39 | })
40 | })
41 | .catch(() => {
42 | notification.error({
43 | message: '错误',
44 | description: '请求用户信息失败，请重试'
45 | })
46 | store.dispatch('Logout').then(() => {
47 | next({ path: '/account/login', query: { redirect: to.fullPath } })
48 | })
49 | })
50 | } else {
51 | next()
52 | }
53 | }
54 | } else {
55 | if (whiteList.includes(to.name)) {
56 | // 在免登录白名单，直接进入
57 | next()
58 | } else {
59 | next({ path: '/account/login', query: { redirect: to.fullPath } })
60 | NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
61 | }
62 | }
63 | })
64 |
65 | router.afterEach(() => {
66 | NProgress.done() // finish progress bar
67 | })
68 |
--------------------------------------------------------------------------------
/src/components/Result/Result.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
11 |
15 |
16 |
17 |
18 |
21 |
22 |
23 |
24 |
27 |
28 |
29 |
32 |
34 |
35 |
39 |
40 |
41 |
42 |
3 |
23 |
24 |
25 |
59 |
60 |
110 |
--------------------------------------------------------------------------------
/src/components/CountDown/CountDown.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{ lastTime | format }}
4 |
5 |
6 |
7 |
99 |
100 |
103 |
--------------------------------------------------------------------------------
/src/components/tools/TwoStepCaptcha.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 | {{ title }}
9 |
10 |
11 |
12 |
13 | {{ description }}
14 |
15 |
16 |
17 |
19 |
20 |
22 | 两步验证
10 |
11 |
12 | 返回
13 |
14 | 继续
15 |
16 |
17 |
18 |
19 |
22 |
30 |
32 |
36 | 请在手机中打开 Google Authenticator 或两步验证 APP
输入 6 位动态码
正在验证..
请稍后
33 | 遗失手机? 34 |
35 |
4 |
14 |
20 |
15 |
16 | {{ typeof total === 'function' && total() || total }}
17 |
18 |
19 |
21 |
25 |
30 |
22 |
24 |
3 |
15 |
16 |
17 |
40 |
131 |
--------------------------------------------------------------------------------
/src/views/admin/organization/modules/CreateOrEditForm.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
7 |
5 |
6 |
8 |
14 |
98 | {this.renderCheckAll()}
99 | {this.renderTags(tagItems)}
100 |
101 | )
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/src/components/SettingDrawer/settingConfig.js:
--------------------------------------------------------------------------------
1 | import { message } from 'ant-design-vue/es'
2 | // import defaultSettings from '../defaultSettings';
3 | import themeColor from './themeColor.js'
4 |
5 | // let lessNodesAppended
6 |
7 | const colorList = [
8 | {
9 | key: '薄暮', color: '#F5222D'
10 | },
11 | {
12 | key: '火山', color: '#FA541C'
13 | },
14 | {
15 | key: '日暮', color: '#FAAD14'
16 | },
17 | {
18 | key: '明青', color: '#13C2C2'
19 | },
20 | {
21 | key: '极光绿', color: '#52C41A'
22 | },
23 | {
24 | key: '拂晓蓝（默认）', color: '#1890FF'
25 | },
26 | {
27 | key: '极客蓝', color: '#2F54EB'
28 | },
29 | {
30 | key: '酱紫', color: '#722ED1'
31 | }
32 | ]
33 |
34 | const updateTheme = newPrimaryColor => {
35 | const hideMessage = message.loading('正在切换主题！', 0)
36 | themeColor.changeColor(newPrimaryColor).finally(t => {
37 | hideMessage()
38 | })
39 | }
40 |
41 | /*
42 | const updateTheme = primaryColor => {
43 | // Don't compile less in production!
44 | /* if (process.env.NODE_ENV === 'production') {
45 | return;
46 | } * /
47 | // Determine if the component is remounted
48 | if (!primaryColor) {
49 | return
50 | }
51 | const hideMessage = message.loading('正在编译主题！', 0)
52 | function buildIt () {
53 | if (!window.less) {
54 | return
55 | }
56 | setTimeout(() => {
57 | window.less
58 | .modifyVars({
59 | '@primary-color': primaryColor
60 | })
61 | .then(() => {
62 | hideMessage()
63 | })
64 | .catch(() => {
65 | message.error('Failed to update theme')
66 | hideMessage()
67 | })
68 | }, 200)
69 | }
70 | if (!lessNodesAppended) {
71 | // insert less.js and color.less
72 | const lessStyleNode = document.createElement('link')
73 | const lessConfigNode = document.createElement('script')
74 | const lessScriptNode = document.createElement('script')
75 | lessStyleNode.setAttribute('rel', 'stylesheet/less')
76 | lessStyleNode.setAttribute('href', '/color.less')
77 | lessConfigNode.innerHTML = `
78 | window.less = {
79 | async: true,
80 | env: 'production',
81 | javascriptEnabled: true
82 | };
83 | `
84 | lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js'
85 | lessScriptNode.async = true
86 | lessScriptNode.onload = () => {
87 | buildIt()
88 | lessScriptNode.onload = null
89 | }
90 | document.body.appendChild(lessStyleNode)
91 | document.body.appendChild(lessConfigNode)
92 | document.body.appendChild(lessScriptNode)
93 | lessNodesAppended = true
94 | } else {
95 | buildIt()
96 | }
97 | }
98 | */
99 |
100 | const updateColorWeak = colorWeak => {
101 | // document.body.className = colorWeak ? 'colorWeak' : '';
102 | colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
103 | }
104 |
105 | export { updateTheme, colorList, updateColorWeak }
106 |
--------------------------------------------------------------------------------
/src/mock/dataapi/article.js:
--------------------------------------------------------------------------------
1 | import Mock from 'mockjs2'
2 | import { builder, getQueryParameters } from '../util'
3 |
4 | const titles = [
5 | 'Alipay',
6 | 'Angular',
7 | 'Ant Design',
8 | 'Ant Design Pro',
9 | 'Bootstrap',
10 | 'React',
11 | 'Vue',
12 | 'Webpack'
13 | ]
14 |
15 | const avatar = ['https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png',
16 | 'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png',
17 | 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
18 | 'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png',
19 | 'https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png'
20 | ]
21 |
22 | const covers = [
23 | 'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
24 | 'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
25 | 'https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png',
26 | 'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png'
27 | ]
28 |
29 | const owner = [
30 | '付小小',
31 | '吴加好',
32 | '周星星',
33 | '林东东',
34 | '曲丽丽'
35 | ]
36 |
37 | const content = '段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。'
38 | const description = '在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。'
39 | const href = 'https://ant.design'
40 |
41 | const article = (options) => {
42 | const queryParameters = getQueryParameters(options)
43 | console.log('queryParameters', queryParameters)
44 | if (queryParameters && !queryParameters.count) {
45 | queryParameters.count = 5
46 | }
47 | const data = []
48 | for (let i = 0; i < queryParameters.count; i++) {
49 | const tmpKey = i + 1
50 | const num = parseInt(Math.random() * (4 + 1), 10)
51 | data.push({
52 | id: tmpKey,
53 | avatar: avatar[num],
54 | owner: owner[num],
55 | content: content,
56 | star: Mock.mock('@integer(1, 999)'),
57 | percent: Mock.mock('@integer(1, 999)'),
58 | like: Mock.mock('@integer(1, 999)'),
59 | message: Mock.mock('@integer(1, 999)'),
60 | description: description,
61 | href: href,
62 | title: titles[ i % 8 ],
63 | updatedAt: Mock.mock('@datetime'),
64 | members: [
65 | {
66 | avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png',
67 | name: '曲丽丽',
68 | id: 'member1'
69 | },
70 | {
71 | avatar: 'https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png',
72 | name: '王昭君',
73 | id: 'member2'
74 | },
75 | {
76 | avatar: 'https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png',
77 | name: '董娜娜',
78 | id: 'member3'
79 | }
80 | ],
81 | activeUser: Math.ceil(Math.random() * 100000) + 100000,
82 | newUser: Math.ceil(Math.random() * 1000) + 1000,
83 | cover: parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)]
84 | })
85 | }
86 | return builder(data)
87 | }
88 |
89 | Mock.mock(/\/list\/article/, 'get', article)
90 |
--------------------------------------------------------------------------------
/src/components/Charts/TagCloud.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | ![]()
7 |
8 |
9 | {{ item.description }}
10 |
11 |
12 |
26 |
27 |
28 |
29 |
30 |
31 |
76 |
77 |
110 |
--------------------------------------------------------------------------------
/src/components/StandardFormRow/StandardFormRow.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 | {{ item.updatedAt | fromNow }}
14 |
25 |
15 |
16 |
23 |
24 |
3 |
10 |
11 |
12 |
52 |
53 |
123 |
--------------------------------------------------------------------------------
/src/views/account/center/page/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ title }}
5 |
6 |
7 |
9 |
3 |
6 |
7 |
8 |
9 |
24 |
25 |
26 |
36 |
37 |
40 |
41 | 1st menu item
42 |
43 |
44 | 2nd menu item
45 |
46 |
47 | 3rd menu item
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
81 |
82 |
114 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | {{ item.title }}
10 |
116 |
122 |
123 |
124 |
125 |
--------------------------------------------------------------------------------
/src/views/admin/users/modules/EditUserPermissions.vue:
--------------------------------------------------------------------------------
1 |
2 |
117 |
121 |
118 |
119 |
120 |
3 |
5 |
7 |
8 |
9 |
10 |
79 |
80 |
154 |
--------------------------------------------------------------------------------
{{ title }}
4 |