zhc077
2 years ago
commit
e8dfefdaca
1421 changed files with 352015 additions and 0 deletions
@ -0,0 +1,32 @@ |
||||
.DS_Store |
||||
node_modules |
||||
/dist |
||||
|
||||
# local env files |
||||
**/.env.local |
||||
**/.env.*.local |
||||
|
||||
# Log files |
||||
**/npm-debug.log* |
||||
**/yarn-debug.log* |
||||
**/yarn-error.log* |
||||
|
||||
# Editor directories and files |
||||
**/.idea |
||||
**/.vscode |
||||
*.suo |
||||
*.ntvs* |
||||
*.njsproj |
||||
*.sln |
||||
*.sw* |
||||
|
||||
## ide |
||||
**/.idea |
||||
*.iml |
||||
|
||||
## backend |
||||
**/target |
||||
**/logs |
||||
|
||||
## front |
||||
**/*.lock |
||||
@ -0,0 +1,23 @@ |
||||
docs |
||||
public |
||||
src |
||||
.dockerignore |
||||
.editorconfig |
||||
.eslintignore |
||||
.gitattributes |
||||
.gitignore |
||||
.prettierrc |
||||
babel.config.js |
||||
Dockerfile |
||||
idea.config.js |
||||
LICENSE |
||||
package.json |
||||
package-lock.json |
||||
README.md |
||||
vue.config.js |
||||
yarn |
||||
yarn.lock |
||||
yarn-error.log |
||||
.idea |
||||
.svn |
||||
node_modules |
||||
@ -0,0 +1,39 @@ |
||||
[*] |
||||
charset=utf-8 |
||||
end_of_line=crlf |
||||
insert_final_newline=false |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[{*.ng,*.sht,*.html,*.shtm,*.shtml,*.htm}] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[{*.jhm,*.xslt,*.xul,*.rng,*.xsl,*.xsd,*.ant,*.tld,*.fxml,*.jrxml,*.xml,*.jnlp,*.wsdl}] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[{.babelrc,.stylelintrc,jest.config,.eslintrc,.prettierrc,*.json,*.jsb3,*.jsb2,*.bowerrc}] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[*.svg] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[*.js.map] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[*.less] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[*.vue] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
[{.analysis_options,*.yml,*.yaml}] |
||||
indent_style=space |
||||
indent_size=2 |
||||
|
||||
@ -0,0 +1,3 @@ |
||||
NODE_ENV=production |
||||
VUE_APP_PLATFORM_NAME=软件项目管理系统 |
||||
VUE_APP_SSO=false |
||||
@ -0,0 +1,4 @@ |
||||
NODE_ENV=development |
||||
VUE_APP_API_BASE_URL=http://localhost:8081/jeecg-boot |
||||
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas |
||||
VUE_APP_ONLINE_BASE_URL=http://localhost:8012 |
||||
@ -0,0 +1,4 @@ |
||||
NODE_ENV=production |
||||
VUE_APP_API_BASE_URL=http://116.255.163.207/jeecg-boot |
||||
VUE_APP_CAS_BASE_URL=http://116.255.163.207/cas |
||||
VUE_APP_ONLINE_BASE_URL=http://116.255.163.207:8012 |
||||
@ -0,0 +1,4 @@ |
||||
NODE_ENV=production |
||||
VUE_APP_API_BASE_URL=http://boot.jeecg.com:10086/jeecg-boot |
||||
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas |
||||
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview |
||||
@ -0,0 +1 @@ |
||||
/src |
||||
@ -0,0 +1 @@ |
||||
public/* linguist-vendored |
||||
@ -0,0 +1,21 @@ |
||||
.DS_Store |
||||
node_modules |
||||
/dist |
||||
|
||||
# local env files |
||||
.env.local |
||||
.env.*.local |
||||
|
||||
# Log files |
||||
npm-debug.log* |
||||
yarn-debug.log* |
||||
yarn-error.log* |
||||
|
||||
# Editor directories and files |
||||
.idea |
||||
.vscode |
||||
*.suo |
||||
*.ntvs* |
||||
*.njsproj |
||||
*.sln |
||||
*.sw* |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"printWidth": 120, |
||||
"semi": false, |
||||
"singleQuote": true |
||||
} |
||||
@ -0,0 +1,29 @@ |
||||
FROM nginx |
||||
MAINTAINER jeecgos@163.com |
||||
VOLUME /tmp |
||||
ENV LANG en_US.UTF-8 |
||||
RUN echo "server { \ |
||||
listen 80; \ |
||||
location ^~ /jeecg-boot { \ |
||||
proxy_pass http://jeecg-boot-system:10086/jeecg-boot/; \ |
||||
proxy_set_header Host jeecg-boot-system; \ |
||||
proxy_set_header X-Real-IP \$remote_addr; \ |
||||
proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for; \ |
||||
} \ |
||||
#解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题 \ |
||||
location / { \ |
||||
root /var/www/html/; \ |
||||
index index.html index.htm; \ |
||||
if (!-e \$request_filename) { \ |
||||
rewrite ^(.*)\$ /index.html?s=\$1 last; \ |
||||
break; \ |
||||
} \ |
||||
} \ |
||||
access_log /var/log/nginx/access.log ; \ |
||||
} " > /etc/nginx/conf.d/default.conf \ |
||||
&& mkdir -p /var/www \ |
||||
&& mkdir -p /var/www/html |
||||
|
||||
ADD dist/ /var/www/html/ |
||||
EXPOSE 80 |
||||
EXPOSE 443 |
||||
@ -0,0 +1,21 @@ |
||||
MIT License |
||||
|
||||
Copyright (c) 2019 DaiHao Zhang |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
SOFTWARE. |
||||
@ -0,0 +1,135 @@ |
||||
Ant Design Jeecg Vue |
||||
==== |
||||
|
||||
当前最新版本： 2.4.5（发布日期：20210607） |
||||
|
||||
Overview |
||||
---- |
||||
|
||||
基于 [Ant Design of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 实现的 Ant Design Pro Vue 版 |
||||
Jeecg-boot 的前端UI框架，采用前后端分离方案，提供强大代码生成器的低代码平台。 |
||||
前端页面代码和后端功能代码一键生成，不需要写任何代码，保持jeecg一贯的强大！！ |
||||
|
||||
|
||||
|
||||
#### 前端技术 |
||||
|
||||
- 基础框架：[ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现 |
||||
- JavaScript框架：Vue |
||||
- Webpack |
||||
- node |
||||
- yarn |
||||
- eslint |
||||
- @vue/cli 3.2.1 |
||||
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件 |
||||
- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表 |
||||
- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - antv/g2 封装实现 |
||||
|
||||
|
||||
|
||||
项目下载和运行 |
||||
---- |
||||
|
||||
- 拉取项目代码 |
||||
```bash |
||||
git clone https://github.com/zhangdaiscott/jeecg-boot.git |
||||
cd jeecg-boot/ant-design-jeecg-vue |
||||
``` |
||||
|
||||
- 安装依赖 |
||||
``` |
||||
yarn install |
||||
``` |
||||
|
||||
- 开发模式运行 |
||||
``` |
||||
yarn run serve |
||||
``` |
||||
|
||||
- 编译项目 |
||||
``` |
||||
yarn run build |
||||
``` |
||||
|
||||
- Lints and fixes files |
||||
``` |
||||
yarn run lint |
||||
``` |
||||
|
||||
|
||||
|
||||
其他说明 |
||||
---- |
||||
|
||||
- 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请更新您的 cli |
||||
|
||||
- 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码 |
||||
|
||||
- 修改 Ant Design 配色，在文件 `vue.config.js` 中，其他 less 变量覆盖参考 [ant design](https://ant.design/docs/react/customize-theme-cn) 官方说明 |
||||
```ecmascript 6 |
||||
css: { |
||||
loaderOptions: { |
||||
less: { |
||||
modifyVars: { |
||||
/* less 变量覆盖，用于自定义 ant design 主题 */ |
||||
|
||||
'primary-color': '#F5222D', |
||||
'link-color': '#F5222D', |
||||
'border-radius-base': '4px', |
||||
}, |
||||
javascriptEnabled: true, |
||||
} |
||||
} |
||||
} |
||||
``` |
||||
|
||||
|
||||
|
||||
附属文档 |
||||
---- |
||||
- [Ant Design Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn) |
||||
|
||||
- [报表 viser-vue](https://viserjs.github.io/demo.html#/viser/bar/basic-bar) |
||||
|
||||
- [Vue](https://cn.vuejs.org/v2/guide) |
||||
|
||||
- [路由/菜单说明](https://github.com/zhangdaiscott/jeecg-boot/tree/master/ant-design-jeecg-vue/src/router/README.md) |
||||
|
||||
- [ANTD 默认配置项](https://github.com/zhangdaiscott/jeecg-boot/tree/master/ant-design-jeecg-vue/src/defaultSettings.js) |
||||
|
||||
- 其他待补充... |
||||
|
||||
|
||||
备注 |
||||
---- |
||||
|
||||
> @vue/cli 升级后，eslint 规则更新了。由于影响到全部 .vue 文件，需要逐个验证。既暂时关闭部分原本不验证的规则，后期维护时，在逐步修正这些 rules |
||||
|
||||
|
||||
Docker 镜像使用 |
||||
---- |
||||
|
||||
``` |
||||
# 1.修改前端项目的后台域名 |
||||
.env.development |
||||
域名改成： http://jeecg-boot-system:10086/jeecg-boot |
||||
|
||||
# 2.先进入打包前端项目 |
||||
yarn run build |
||||
|
||||
# 3.构建镜像 |
||||
docker build -t nginx:jeecgboot . |
||||
|
||||
# 4.启动镜像 |
||||
docker run --name jeecg-boot-nginx -p 80:80 -d nginx:jeecgboot |
||||
|
||||
# 5.配置host |
||||
|
||||
# jeecgboot |
||||
127.0.0.1 jeecg-boot-redis |
||||
127.0.0.1 jeecg-boot-mysql |
||||
127.0.0.1 jeecg-boot-system |
||||
|
||||
# 6.访问前台项目 |
||||
http://localhost:80 |
||||
``` |
||||
@ -0,0 +1,6 @@ |
||||
module.exports = { |
||||
presets: [ |
||||
['@vue/app', |
||||
{ useBuiltIns: 'entry' }] |
||||
] |
||||
} |
||||
@ -0,0 +1,24 @@ |
||||
'use strict' |
||||
const path = require('path') |
||||
|
||||
function resolve (dir) { |
||||
return path.join(__dirname, '.', dir) |
||||
} |
||||
|
||||
module.exports = { |
||||
context: path.resolve(__dirname, './'), |
||||
resolve: { |
||||
extensions: ['.js', '.vue', '.json'], |
||||
alias: { |
||||
'config': resolve('config'), |
||||
'@': resolve('src'), |
||||
'@views': resolve('src/views'), |
||||
'@comp': resolve('src/components'), |
||||
'@core': resolve('src/core'), |
||||
'@utils': resolve('src/utils'), |
||||
'@entry': resolve('src/entry'), |
||||
'@router': resolve('src/router'), |
||||
'@store': resolve('src/store') |
||||
} |
||||
}, |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,127 @@ |
||||
{ |
||||
"name": "vue-antd-jeecg", |
||||
"version": "2.4.5", |
||||
"private": true, |
||||
"scripts": { |
||||
"pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ", |
||||
"serve": "vue-cli-service serve", |
||||
"build:test": "vue-cli-service build --mode test", |
||||
"build": "vue-cli-service build", |
||||
"lint": "vue-cli-service lint" |
||||
}, |
||||
"dependencies": { |
||||
"@antv/data-set": "^0.11.4", |
||||
"@jeecg/antd-online-mini": "2.4.5-RC", |
||||
"@jiaminghi/data-view": "^2.10.0", |
||||
"@tinymce/tinymce-vue": "^2.1.0", |
||||
"@toast-ui/editor": "^2.1.2", |
||||
"ant-design-vue": "^1.7.2", |
||||
"area-data": "^5.0.6", |
||||
"axios": "^0.18.0", |
||||
"clipboard": "^2.0.10", |
||||
"codemirror": "^5.65.1", |
||||
"cron-parser": "^2.10.0", |
||||
"dayjs": "^1.8.0", |
||||
"dircountdown": "^1.1.0", |
||||
"dom-align": "1.12.0", |
||||
"echarts": "^5.3.0", |
||||
"element-ui": "^2.15.6", |
||||
"enquire.js": "^2.1.6", |
||||
"jquery": "^3.6.0", |
||||
"js-cookie": "^2.2.0", |
||||
"lodash.get": "^4.4.2", |
||||
"lodash.pick": "^4.4.0", |
||||
"md5": "^2.2.1", |
||||
"nprogress": "^0.2.0", |
||||
"qs": "^6.10.3", |
||||
"tinymce": "^5.10.3", |
||||
"viser-vue": "^2.4.8", |
||||
"vue": "^2.6.10", |
||||
"vue-area-linkage": "^5.1.0", |
||||
"vue-cropper": "^0.5.4", |
||||
"vue-i18n": "^8.27.0", |
||||
"vue-loader": "^15.7.0", |
||||
"vue-ls": "^3.2.0", |
||||
"vue-photo-preview": "^1.1.3", |
||||
"vue-print-nb": "^1.7.5", |
||||
"vue-print-nb-jeecg": "^1.0.9", |
||||
"vue-router": "^3.0.1", |
||||
"vue-splitpane": "^1.0.4", |
||||
"vuedraggable": "^2.20.0", |
||||
"vuex": "^3.1.0", |
||||
"vxe-table": "2.9.13", |
||||
"vxe-table-plugin-antd": "1.8.10", |
||||
"xe-utils": "2.4.8" |
||||
}, |
||||
"devDependencies": { |
||||
"@babel/polyfill": "^7.2.5", |
||||
"@vue/cli-plugin-babel": "^3.3.0", |
||||
"@vue/cli-plugin-eslint": "^3.3.0", |
||||
"@vue/cli-service": "^3.3.0", |
||||
"@vue/eslint-config-standard": "^4.0.0", |
||||
"babel-eslint": "7.2.3", |
||||
"compression-webpack-plugin": "^3.1.0", |
||||
"eslint": "^5.16.0", |
||||
"eslint-plugin-vue": "^5.1.0", |
||||
"html-webpack-plugin": "^4.2.0", |
||||
"less": "^3.9.0", |
||||
"less-loader": "^4.1.0", |
||||
"stylus": "^0.54.8", |
||||
"stylus-loader": "^3.0.2", |
||||
"vue-template-compiler": "^2.6.10" |
||||
}, |
||||
"eslintConfig": { |
||||
"root": true, |
||||
"env": { |
||||
"node": true |
||||
}, |
||||
"extends": [ |
||||
"plugin:vue/strongly-recommended", |
||||
"@vue/standard" |
||||
], |
||||
"parserOptions": { |
||||
"parser": "babel-eslint" |
||||
}, |
||||
"rules": { |
||||
"generator-star-spacing": "off", |
||||
"no-mixed-operators": 0, |
||||
"vue/max-attributes-per-line": [ |
||||
2, |
||||
{ |
||||
"singleline": 5, |
||||
"multiline": { |
||||
"max": 1, |
||||
"allowFirstLine": false |
||||
} |
||||
} |
||||
], |
||||
"vue/attribute-hyphenation": 0, |
||||
"vue/html-self-closing": 0, |
||||
"vue/component-name-in-template-casing": 0, |
||||
"vue/html-closing-bracket-spacing": 0, |
||||
"vue/singleline-html-element-content-newline": 0, |
||||
"vue/no-unused-components": 0, |
||||
"vue/multiline-html-element-content-newline": 0, |
||||
"vue/no-use-v-if-with-v-for": 0, |
||||
"vue/html-closing-bracket-newline": 0, |
||||
"vue/no-parsing-error": 0, |
||||
"no-tabs": 0, |
||||
"indent": [ |
||||
"off", |
||||
2 |
||||
], |
||||
"no-console": 0, |
||||
"space-before-function-paren": 0 |
||||
} |
||||
}, |
||||
"postcss": { |
||||
"plugins": { |
||||
"autoprefixer": {} |
||||
} |
||||
}, |
||||
"browserslist": [ |
||||
"> 1%", |
||||
"last 2 versions", |
||||
"not ie <= 10" |
||||
] |
||||
} |
||||
|
After Width: | Height: | Size: 78 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,293 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="zh-cmn-Hans"> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
<title>软件项目管理系统</title> |
||||
<link rel="icon" href="<%= BASE_URL %>logohuanghuai.png"> |
||||
<script src="<%= BASE_URL %>cdn/babel-polyfill/polyfill_7_2_5.js"></script> |
||||
<style> |
||||
html, |
||||
body, |
||||
#app { |
||||
height: 100%; |
||||
margin: 0px; |
||||
padding: 0px; |
||||
} |
||||
|
||||
.chromeframe { |
||||
margin: 0.2em 0; |
||||
background: #ccc; |
||||
color: #000; |
||||
padding: 0.2em 0; |
||||
} |
||||
|
||||
#loader-wrapper { |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 999999; |
||||
} |
||||
|
||||
#loader { |
||||
display: block; |
||||
position: relative; |
||||
left: 50%; |
||||
top: 50%; |
||||
width: 120px; |
||||
height: 120px; |
||||
margin: -75px 0 0 -75px; |
||||
border-radius: 50%; |
||||
border: 3px solid transparent; |
||||
/* COLOR 1 */ |
||||
border-top-color: #FFF; |
||||
-webkit-animation: spin 2s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-ms-animation: spin 2s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-moz-animation: spin 2s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-o-animation: spin 2s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
animation: spin 2s linear infinite; |
||||
/* Chrome, Firefox 16+, IE 10+, Opera */ |
||||
z-index: 1001; |
||||
} |
||||
|
||||
#loader:before { |
||||
content: ""; |
||||
position: absolute; |
||||
top: 5px; |
||||
left: 5px; |
||||
right: 5px; |
||||
bottom: 5px; |
||||
border-radius: 50%; |
||||
border: 3px solid transparent; |
||||
/* COLOR 2 */ |
||||
border-top-color: #FFF; |
||||
-webkit-animation: spin 3s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-moz-animation: spin 3s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-o-animation: spin 3s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-ms-animation: spin 3s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
animation: spin 3s linear infinite; |
||||
/* Chrome, Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
|
||||
#loader:after { |
||||
content: ""; |
||||
position: absolute; |
||||
top: 15px; |
||||
left: 15px; |
||||
right: 15px; |
||||
bottom: 15px; |
||||
border-radius: 50%; |
||||
border: 3px solid transparent; |
||||
border-top-color: #FFF; |
||||
/* COLOR 3 */ |
||||
-moz-animation: spin 1.5s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-o-animation: spin 1.5s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-ms-animation: spin 1.5s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
-webkit-animation: spin 1.5s linear infinite; |
||||
/* Chrome, Opera 15+, Safari 5+ */ |
||||
animation: spin 1.5s linear infinite; |
||||
/* Chrome, Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
|
||||
@-webkit-keyframes spin { |
||||
0% { |
||||
-webkit-transform: rotate(0deg); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: rotate(0deg); |
||||
/* IE 9 */ |
||||
transform: rotate(0deg); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
|
||||
100% { |
||||
-webkit-transform: rotate(360deg); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: rotate(360deg); |
||||
/* IE 9 */ |
||||
transform: rotate(360deg); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
} |
||||
|
||||
@keyframes spin { |
||||
0% { |
||||
-webkit-transform: rotate(0deg); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: rotate(0deg); |
||||
/* IE 9 */ |
||||
transform: rotate(0deg); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
|
||||
100% { |
||||
-webkit-transform: rotate(360deg); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: rotate(360deg); |
||||
/* IE 9 */ |
||||
transform: rotate(360deg); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
} |
||||
|
||||
#loader-wrapper .loader-section { |
||||
position: fixed; |
||||
top: 0; |
||||
width: 51%; |
||||
height: 100%; |
||||
background: #49a9ee; |
||||
/* Old browsers */ |
||||
z-index: 1000; |
||||
-webkit-transform: translateX(0); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: translateX(0); |
||||
/* IE 9 */ |
||||
transform: translateX(0); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
} |
||||
|
||||
#loader-wrapper .loader-section.section-left { |
||||
left: 0; |
||||
} |
||||
|
||||
#loader-wrapper .loader-section.section-right { |
||||
right: 0; |
||||
} |
||||
|
||||
/* Loaded */ |
||||
.loaded #loader-wrapper .loader-section.section-left { |
||||
-webkit-transform: translateX(-100%); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: translateX(-100%); |
||||
/* IE 9 */ |
||||
transform: translateX(-100%); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); |
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); |
||||
} |
||||
|
||||
.loaded #loader-wrapper .loader-section.section-right { |
||||
-webkit-transform: translateX(100%); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: translateX(100%); |
||||
/* IE 9 */ |
||||
transform: translateX(100%); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); |
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); |
||||
} |
||||
|
||||
.loaded #loader { |
||||
opacity: 0; |
||||
-webkit-transition: all 0.3s ease-out; |
||||
transition: all 0.3s ease-out; |
||||
} |
||||
|
||||
.loaded #loader-wrapper { |
||||
visibility: hidden; |
||||
-webkit-transform: translateY(-100%); |
||||
/* Chrome, Opera 15+, Safari 3.1+ */ |
||||
-ms-transform: translateY(-100%); |
||||
/* IE 9 */ |
||||
transform: translateY(-100%); |
||||
/* Firefox 16+, IE 10+, Opera */ |
||||
-webkit-transition: all 0.3s 1s ease-out; |
||||
transition: all 0.3s 1s ease-out; |
||||
} |
||||
|
||||
/* JavaScript Turned Off */ |
||||
.no-js #loader-wrapper { |
||||
display: none; |
||||
} |
||||
|
||||
.no-js h1 { |
||||
color: #222222; |
||||
} |
||||
|
||||
#loader-wrapper .load_title { |
||||
font-family: 'Open Sans'; |
||||
color: #FFF; |
||||
font-size: 14px; |
||||
width: 100%; |
||||
text-align: center; |
||||
z-index: 9999999999999; |
||||
position: absolute; |
||||
top: 60%; |
||||
opacity: 1; |
||||
line-height: 30px; |
||||
} |
||||
|
||||
#loader-wrapper .load_title span { |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
font-size: 14px; |
||||
color: #FFF; |
||||
opacity: 0.5; |
||||
} |
||||
|
||||
/* 滚动条优化 start */ |
||||
::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
|
||||
::-webkit-scrollbar-track { |
||||
background: #f6f6f6; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
::-webkit-scrollbar-thumb { |
||||
background: #cdcdcd; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
::-webkit-scrollbar-thumb:hover { |
||||
background: #747474; |
||||
} |
||||
|
||||
::-webkit-scrollbar-corner { |
||||
background: #f6f6f6; |
||||
} |
||||
|
||||
/* 滚动条优化 end */ |
||||
</style> |
||||
<!-- 全局配置 --> |
||||
<script> |
||||
window._CONFIG = {}; |
||||
window._CONFIG['domianURL'] = 'http://localhost:8081/jeecg-boot'; |
||||
window._CONFIG['casPrefixUrl'] = 'http://cas.example.org:8443/cas'; |
||||
window._CONFIG['imgDomainURL'] = window._CONFIG['domianURL'] + '/sys/common/view'; |
||||
window._CONFIG['downloadUrl'] = window._CONFIG['domianURL'] + '/sys/common/download'; |
||||
window._CONFIG['pdfDomainURL'] = window._CONFIG['domianURL'] + '/sys/common/pdf/pdfPreviewIframe' |
||||
</script> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="app"> |
||||
<div id="loader-wrapper"> |
||||
<div id="loader"></div> |
||||
<div class="loader-section section-left"></div> |
||||
<div class="loader-section section-right"></div> |
||||
<div class="load_title">正在加载 软件项目管理系统,请耐心等待。。。。。。 |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
|
After Width: | Height: | Size: 8.7 KiB |
@ -0,0 +1,261 @@ |
||||
tinymce.addI18n('zh_CN',{ |
||||
"Redo": "\u91cd\u590d", |
||||
"Undo": "\u64a4\u6d88", |
||||
"Cut": "\u526a\u5207", |
||||
"Copy": "\u590d\u5236", |
||||
"Paste": "\u7c98\u8d34", |
||||
"Select all": "\u5168\u9009", |
||||
"New document": "\u65b0\u6587\u6863", |
||||
"Ok": "\u786e\u5b9a", |
||||
"Cancel": "\u53d6\u6d88", |
||||
"Visual aids": "\u7f51\u683c\u7ebf", |
||||
"Bold": "\u7c97\u4f53", |
||||
"Italic": "\u659c\u4f53", |
||||
"Underline": "\u4e0b\u5212\u7ebf", |
||||
"Strikethrough": "\u5220\u9664\u7ebf", |
||||
"Superscript": "\u4e0a\u6807", |
||||
"Subscript": "\u4e0b\u6807", |
||||
"Clear formatting": "\u6e05\u9664\u683c\u5f0f", |
||||
"Align left": "\u5de6\u5bf9\u9f50", |
||||
"Align center": "\u5c45\u4e2d", |
||||
"Align right": "\u53f3\u5bf9\u9f50", |
||||
"Justify": "\u4e24\u7aef\u5bf9\u9f50", |
||||
"Bullet list": "\u9879\u76ee\u7b26\u53f7", |
||||
"Numbered list": "\u7f16\u53f7\u5217\u8868", |
||||
"Decrease indent": "\u51cf\u5c11\u7f29\u8fdb", |
||||
"Increase indent": "\u589e\u52a0\u7f29\u8fdb", |
||||
"Close": "\u5173\u95ed", |
||||
"Formats": "\u683c\u5f0f", |
||||
"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u5bf9\u526a\u8d34\u677f\u7684\u8bbf\u95ee\uff0c\u8bf7\u4f7f\u7528Ctrl+X\/C\/V\u952e\u8fdb\u884c\u590d\u5236\u7c98\u8d34\u3002", |
||||
"Headers": "\u6807\u9898", |
||||
"Header 1": "\u6807\u98981", |
||||
"Header 2": "\u6807\u98982", |
||||
"Header 3": "\u6807\u98983", |
||||
"Header 4": "\u6807\u98984", |
||||
"Header 5": "\u6807\u98985", |
||||
"Header 6": "\u6807\u98986", |
||||
"Headings": "\u6807\u9898", |
||||
"Heading 1": "\u6807\u98981", |
||||
"Heading 2": "\u6807\u98982", |
||||
"Heading 3": "\u6807\u98983", |
||||
"Heading 4": "\u6807\u98984", |
||||
"Heading 5": "\u6807\u98985", |
||||
"Heading 6": "\u6807\u98986", |
||||
"Preformatted": "\u9884\u683c\u5f0f\u5316", |
||||
"Div": "Div\u533a\u5757", |
||||
"Pre": "\u9884\u683c\u5f0f\u6587\u672c", |
||||
"Code": "\u4ee3\u7801", |
||||
"Paragraph": "\u6bb5\u843d", |
||||
"Blockquote": "\u5f15\u7528", |
||||
"Inline": "\u6587\u672c", |
||||
"Blocks": "\u533a\u5757", |
||||
"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002", |
||||
"Font Family": "\u5b57\u4f53", |
||||
"Font Sizes": "\u5b57\u53f7", |
||||
"Class": "Class", |
||||
"Browse for an image": "\u6d4f\u89c8\u56fe\u50cf", |
||||
"OR": "\u6216", |
||||
"Drop an image here": "\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64", |
||||
"Upload": "\u4e0a\u4f20", |
||||
"Block": "\u5757", |
||||
"Align": "\u5bf9\u9f50", |
||||
"Default": "\u9ed8\u8ba4", |
||||
"Circle": "\u7a7a\u5fc3\u5706", |
||||
"Disc": "\u5b9e\u5fc3\u5706", |
||||
"Square": "\u65b9\u5757", |
||||
"Lower Alpha": "\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd", |
||||
"Lower Greek": "\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd", |
||||
"Lower Roman": "\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd", |
||||
"Upper Alpha": "\u5927\u5199\u82f1\u6587\u5b57\u6bcd", |
||||
"Upper Roman": "\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd", |
||||
"Anchor": "\u951a\u70b9", |
||||
"Name": "\u540d\u79f0", |
||||
"Id": "\u6807\u8bc6\u7b26", |
||||
"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002", |
||||
"You have unsaved changes are you sure you want to navigate away?": "\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f", |
||||
"Restore last draft": "\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f", |
||||
"Special character": "\u7279\u6b8a\u7b26\u53f7", |
||||
"Source code": "\u6e90\u4ee3\u7801", |
||||
"Insert\/Edit code sample": "\u63d2\u5165\/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b", |
||||
"Language": "\u8bed\u8a00", |
||||
"Code sample": "\u4ee3\u7801\u793a\u4f8b", |
||||
"Color": "\u989c\u8272", |
||||
"R": "R", |
||||
"G": "G", |
||||
"B": "B", |
||||
"Left to right": "\u4ece\u5de6\u5230\u53f3", |
||||
"Right to left": "\u4ece\u53f3\u5230\u5de6", |
||||
"Emoticons": "\u8868\u60c5", |
||||
"Document properties": "\u6587\u6863\u5c5e\u6027", |
||||
"Title": "\u6807\u9898", |
||||
"Keywords": "\u5173\u952e\u8bcd", |
||||
"Description": "\u63cf\u8ff0", |
||||
"Robots": "\u673a\u5668\u4eba", |
||||
"Author": "\u4f5c\u8005", |
||||
"Encoding": "\u7f16\u7801", |
||||
"Fullscreen": "\u5168\u5c4f", |
||||
"Action": "\u64cd\u4f5c", |
||||
"Shortcut": "\u5feb\u6377\u952e", |
||||
"Help": "\u5e2e\u52a9", |
||||
"Address": "\u5730\u5740", |
||||
"Focus to menubar": "\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f", |
||||
"Focus to toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f", |
||||
"Focus to element path": "\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84", |
||||
"Focus to contextual toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355", |
||||
"Insert link (if link plugin activated)": "\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)", |
||||
"Save (if save plugin activated)": "\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)", |
||||
"Find (if searchreplace plugin activated)": "\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)", |
||||
"Plugins installed ({0}):": "\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):", |
||||
"Premium plugins:": "\u4f18\u79c0\u63d2\u4ef6\uff1a", |
||||
"Learn more...": "\u4e86\u89e3\u66f4\u591a...", |
||||
"You are using {0}": "\u4f60\u6b63\u5728\u4f7f\u7528 {0}", |
||||
"Plugins": "\u63d2\u4ef6", |
||||
"Handy Shortcuts": "\u5feb\u6377\u952e", |
||||
"Horizontal line": "\u6c34\u5e73\u5206\u5272\u7ebf", |
||||
"Insert\/edit image": "\u63d2\u5165\/\u7f16\u8f91\u56fe\u7247", |
||||
"Image description": "\u56fe\u7247\u63cf\u8ff0", |
||||
"Source": "\u5730\u5740", |
||||
"Dimensions": "\u5927\u5c0f", |
||||
"Constrain proportions": "\u4fdd\u6301\u7eb5\u6a2a\u6bd4", |
||||
"General": "\u666e\u901a", |
||||
"Advanced": "\u9ad8\u7ea7", |
||||
"Style": "\u6837\u5f0f", |
||||
"Vertical space": "\u5782\u76f4\u8fb9\u8ddd", |
||||
"Horizontal space": "\u6c34\u5e73\u8fb9\u8ddd", |
||||
"Border": "\u8fb9\u6846", |
||||
"Insert image": "\u63d2\u5165\u56fe\u7247", |
||||
"Image": "\u56fe\u7247", |
||||
"Image list": "\u56fe\u7247\u5217\u8868", |
||||
"Rotate counterclockwise": "\u9006\u65f6\u9488\u65cb\u8f6c", |
||||
"Rotate clockwise": "\u987a\u65f6\u9488\u65cb\u8f6c", |
||||
"Flip vertically": "\u5782\u76f4\u7ffb\u8f6c", |
||||
"Flip horizontally": "\u6c34\u5e73\u7ffb\u8f6c", |
||||
"Edit image": "\u7f16\u8f91\u56fe\u7247", |
||||
"Image options": "\u56fe\u7247\u9009\u9879", |
||||
"Zoom in": "\u653e\u5927", |
||||
"Zoom out": "\u7f29\u5c0f", |
||||
"Crop": "\u88c1\u526a", |
||||
"Resize": "\u8c03\u6574\u5927\u5c0f", |
||||
"Orientation": "\u65b9\u5411", |
||||
"Brightness": "\u4eae\u5ea6", |
||||
"Sharpen": "\u9510\u5316", |
||||
"Contrast": "\u5bf9\u6bd4\u5ea6", |
||||
"Color levels": "\u989c\u8272\u5c42\u6b21", |
||||
"Gamma": "\u4f3d\u9a6c\u503c", |
||||
"Invert": "\u53cd\u8f6c", |
||||
"Apply": "\u5e94\u7528", |
||||
"Back": "\u540e\u9000", |
||||
"Insert date\/time": "\u63d2\u5165\u65e5\u671f\/\u65f6\u95f4", |
||||
"Date\/time": "\u65e5\u671f\/\u65f6\u95f4", |
||||
"Insert link": "\u63d2\u5165\u94fe\u63a5", |
||||
"Insert\/edit link": "\u63d2\u5165\/\u7f16\u8f91\u94fe\u63a5", |
||||
"Text to display": "\u663e\u793a\u6587\u5b57", |
||||
"Url": "\u5730\u5740", |
||||
"Target": "\u6253\u5f00\u65b9\u5f0f", |
||||
"None": "\u65e0", |
||||
"New window": "\u5728\u65b0\u7a97\u53e3\u6253\u5f00", |
||||
"Remove link": "\u5220\u9664\u94fe\u63a5", |
||||
"Anchors": "\u951a\u70b9", |
||||
"Link": "\u94fe\u63a5", |
||||
"Paste or type a link": "\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5", |
||||
"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f", |
||||
"The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp:\/\/:\u524d\u7f00\u5417\uff1f", |
||||
"Link list": "\u94fe\u63a5\u5217\u8868", |
||||
"Insert video": "\u63d2\u5165\u89c6\u9891", |
||||
"Insert\/edit video": "\u63d2\u5165\/\u7f16\u8f91\u89c6\u9891", |
||||
"Insert\/edit media": "\u63d2\u5165\/\u7f16\u8f91\u5a92\u4f53", |
||||
"Alternative source": "\u955c\u50cf", |
||||
"Poster": "\u5c01\u9762", |
||||
"Paste your embed code below:": "\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:", |
||||
"Embed": "\u5185\u5d4c", |
||||
"Media": "\u5a92\u4f53", |
||||
"Nonbreaking space": "\u4e0d\u95f4\u65ad\u7a7a\u683c", |
||||
"Page break": "\u5206\u9875\u7b26", |
||||
"Paste as text": "\u7c98\u8d34\u4e3a\u6587\u672c", |
||||
"Preview": "\u9884\u89c8", |
||||
"Print": "\u6253\u5370", |
||||
"Save": "\u4fdd\u5b58", |
||||
"Find": "\u67e5\u627e", |
||||
"Replace with": "\u66ff\u6362\u4e3a", |
||||
"Replace": "\u66ff\u6362", |
||||
"Replace all": "\u5168\u90e8\u66ff\u6362", |
||||
"Prev": "\u4e0a\u4e00\u4e2a", |
||||
"Next": "\u4e0b\u4e00\u4e2a", |
||||
"Find and replace": "\u67e5\u627e\u548c\u66ff\u6362", |
||||
"Could not find the specified string.": "\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.", |
||||
"Match case": "\u533a\u5206\u5927\u5c0f\u5199", |
||||
"Whole words": "\u5168\u5b57\u5339\u914d", |
||||
"Spellcheck": "\u62fc\u5199\u68c0\u67e5", |
||||
"Ignore": "\u5ffd\u7565", |
||||
"Ignore all": "\u5168\u90e8\u5ffd\u7565", |
||||
"Finish": "\u5b8c\u6210", |
||||
"Add to Dictionary": "\u6dfb\u52a0\u5230\u5b57\u5178", |
||||
"Insert table": "\u63d2\u5165\u8868\u683c", |
||||
"Table properties": "\u8868\u683c\u5c5e\u6027", |
||||
"Delete table": "\u5220\u9664\u8868\u683c", |
||||
"Cell": "\u5355\u5143\u683c", |
||||
"Row": "\u884c", |
||||
"Column": "\u5217", |
||||
"Cell properties": "\u5355\u5143\u683c\u5c5e\u6027", |
||||
"Merge cells": "\u5408\u5e76\u5355\u5143\u683c", |
||||
"Split cell": "\u62c6\u5206\u5355\u5143\u683c", |
||||
"Insert row before": "\u5728\u4e0a\u65b9\u63d2\u5165", |
||||
"Insert row after": "\u5728\u4e0b\u65b9\u63d2\u5165", |
||||
"Delete row": "\u5220\u9664\u884c", |
||||
"Row properties": "\u884c\u5c5e\u6027", |
||||
"Cut row": "\u526a\u5207\u884c", |
||||
"Copy row": "\u590d\u5236\u884c", |
||||
"Paste row before": "\u7c98\u8d34\u5230\u4e0a\u65b9", |
||||
"Paste row after": "\u7c98\u8d34\u5230\u4e0b\u65b9", |
||||
"Insert column before": "\u5728\u5de6\u4fa7\u63d2\u5165", |
||||
"Insert column after": "\u5728\u53f3\u4fa7\u63d2\u5165", |
||||
"Delete column": "\u5220\u9664\u5217", |
||||
"Cols": "\u5217", |
||||
"Rows": "\u884c", |
||||
"Width": "\u5bbd", |
||||
"Height": "\u9ad8", |
||||
"Cell spacing": "\u5355\u5143\u683c\u5916\u95f4\u8ddd", |
||||
"Cell padding": "\u5355\u5143\u683c\u5185\u8fb9\u8ddd", |
||||
"Caption": "\u6807\u9898", |
||||
"Left": "\u5de6\u5bf9\u9f50", |
||||
"Center": "\u5c45\u4e2d", |
||||
"Right": "\u53f3\u5bf9\u9f50", |
||||
"Cell type": "\u5355\u5143\u683c\u7c7b\u578b", |
||||
"Scope": "\u8303\u56f4", |
||||
"Alignment": "\u5bf9\u9f50\u65b9\u5f0f", |
||||
"H Align": "\u6c34\u5e73\u5bf9\u9f50", |
||||
"V Align": "\u5782\u76f4\u5bf9\u9f50", |
||||
"Top": "\u9876\u90e8\u5bf9\u9f50", |
||||
"Middle": "\u5782\u76f4\u5c45\u4e2d", |
||||
"Bottom": "\u5e95\u90e8\u5bf9\u9f50", |
||||
"Header cell": "\u8868\u5934\u5355\u5143\u683c", |
||||
"Row group": "\u884c\u7ec4", |
||||
"Column group": "\u5217\u7ec4", |
||||
"Row type": "\u884c\u7c7b\u578b", |
||||
"Header": "\u8868\u5934", |
||||
"Body": "\u8868\u4f53", |
||||
"Footer": "\u8868\u5c3e", |
||||
"Border color": "\u8fb9\u6846\u989c\u8272", |
||||
"Insert template": "\u63d2\u5165\u6a21\u677f", |
||||
"Templates": "\u6a21\u677f", |
||||
"Template": "\u6a21\u677f", |
||||
"Text color": "\u6587\u5b57\u989c\u8272", |
||||
"Background color": "\u80cc\u666f\u8272", |
||||
"Custom...": "\u81ea\u5b9a\u4e49...", |
||||
"Custom color": "\u81ea\u5b9a\u4e49\u989c\u8272", |
||||
"No color": "\u65e0", |
||||
"Table of Contents": "\u5185\u5bb9\u5217\u8868", |
||||
"Show blocks": "\u663e\u793a\u533a\u5757\u8fb9\u6846", |
||||
"Show invisible characters": "\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26", |
||||
"Words: {0}": "\u5b57\u6570\uff1a{0}", |
||||
"{0} words": "{0} \u5b57", |
||||
"File": "\u6587\u4ef6", |
||||
"Edit": "\u7f16\u8f91", |
||||
"Insert": "\u63d2\u5165", |
||||
"View": "\u89c6\u56fe", |
||||
"Format": "\u683c\u5f0f", |
||||
"Table": "\u8868\u683c", |
||||
"Tools": "\u5de5\u5177", |
||||
"Powered by {0}": "\u7531{0}\u9a71\u52a8", |
||||
"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9" |
||||
}); |
||||
@ -0,0 +1,554 @@ |
||||
/** |
||||
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
||||
* Licensed under the LGPL or a commercial license. |
||||
* For LGPL see License.txt in the project root for license information. |
||||
* For commercial licenses see https://www.tiny.cloud/ |
||||
*/ |
||||
.mce-content-body .mce-item-anchor { |
||||
background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
||||
cursor: default; |
||||
display: inline-block; |
||||
height: 12px !important; |
||||
padding: 0 2px; |
||||
-webkit-user-modify: read-only; |
||||
-moz-user-modify: read-only; |
||||
-webkit-user-select: all; |
||||
-moz-user-select: all; |
||||
-ms-user-select: all; |
||||
user-select: all; |
||||
width: 8px !important; |
||||
} |
||||
.mce-content-body .mce-item-anchor[data-mce-selected] { |
||||
outline-offset: 1px; |
||||
} |
||||
.tox-comments-visible .tox-comment { |
||||
background-color: #fff0b7; |
||||
} |
||||
.tox-comments-visible .tox-comment--active { |
||||
background-color: #ffe168; |
||||
} |
||||
.tox-checklist > li:not(.tox-checklist--hidden) { |
||||
list-style: none; |
||||
margin: .25em 0; |
||||
position: relative; |
||||
} |
||||
.tox-checklist > li:not(.tox-checklist--hidden)::before { |
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
||||
background-size: 100%; |
||||
content: ''; |
||||
cursor: pointer; |
||||
height: 1em; |
||||
left: -1.5em; |
||||
position: absolute; |
||||
top: .125em; |
||||
width: 1em; |
||||
} |
||||
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { |
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); |
||||
} |
||||
/* stylelint-disable */ |
||||
/* http://prismjs.com/ */ |
||||
/** |
||||
* prism.js default theme for JavaScript, CSS and HTML |
||||
* Based on dabblet (http://dabblet.com) |
||||
* @author Lea Verou |
||||
*/ |
||||
code[class*="language-"], |
||||
pre[class*="language-"] { |
||||
color: black; |
||||
text-shadow: 0 1px white; |
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
||||
font-size: .875rem; |
||||
direction: ltr; |
||||
text-align: left; |
||||
white-space: pre; |
||||
word-spacing: normal; |
||||
word-break: normal; |
||||
word-wrap: normal; |
||||
line-height: 1.5; |
||||
-moz-tab-size: 4; |
||||
tab-size: 4; |
||||
-webkit-hyphens: none; |
||||
-ms-hyphens: none; |
||||
hyphens: none; |
||||
} |
||||
pre[class*="language-"]::-moz-selection, |
||||
pre[class*="language-"] ::-moz-selection, |
||||
code[class*="language-"]::-moz-selection, |
||||
code[class*="language-"] ::-moz-selection { |
||||
text-shadow: none; |
||||
background: #b3d4fc; |
||||
} |
||||
pre[class*="language-"]::selection, |
||||
pre[class*="language-"] ::selection, |
||||
code[class*="language-"]::selection, |
||||
code[class*="language-"] ::selection { |
||||
text-shadow: none; |
||||
background: #b3d4fc; |
||||
} |
||||
@media print { |
||||
code[class*="language-"], |
||||
pre[class*="language-"] { |
||||
text-shadow: none; |
||||
} |
||||
} |
||||
/* Code blocks */ |
||||
pre[class*="language-"] { |
||||
padding: 1em; |
||||
margin: .5em 0; |
||||
overflow: auto; |
||||
} |
||||
:not(pre) > code[class*="language-"], |
||||
pre[class*="language-"] { |
||||
background: transparent !important; |
||||
border: 1px solid #ccc; |
||||
} |
||||
/* Inline code */ |
||||
:not(pre) > code[class*="language-"] { |
||||
padding: .1em; |
||||
border-radius: .3em; |
||||
} |
||||
.token.comment, |
||||
.token.prolog, |
||||
.token.doctype, |
||||
.token.cdata { |
||||
color: slategray; |
||||
} |
||||
.token.punctuation { |
||||
color: #999; |
||||
} |
||||
.namespace { |
||||
opacity: .7; |
||||
} |
||||
.token.property, |
||||
.token.tag, |
||||
.token.boolean, |
||||
.token.number, |
||||
.token.constant, |
||||
.token.symbol, |
||||
.token.deleted { |
||||
color: #905; |
||||
} |
||||
.token.selector, |
||||
.token.attr-name, |
||||
.token.string, |
||||
.token.char, |
||||
.token.builtin, |
||||
.token.inserted { |
||||
color: #690; |
||||
} |
||||
.token.operator, |
||||
.token.entity, |
||||
.token.url, |
||||
.language-css .token.string, |
||||
.style .token.string { |
||||
color: #a67f59; |
||||
background: rgba(255, 255, 255, 0.5); |
||||
} |
||||
.token.atrule, |
||||
.token.attr-value, |
||||
.token.keyword { |
||||
color: #07a; |
||||
} |
||||
.token.function { |
||||
color: #DD4A68; |
||||
} |
||||
.token.regex, |
||||
.token.important, |
||||
.token.variable { |
||||
color: #e90; |
||||
} |
||||
.token.important, |
||||
.token.bold { |
||||
font-weight: bold; |
||||
} |
||||
.token.italic { |
||||
font-style: italic; |
||||
} |
||||
.token.entity { |
||||
cursor: help; |
||||
} |
||||
/* stylelint-enable */ |
||||
.mce-content-body .mce-visual-caret { |
||||
background-color: black; |
||||
background-color: currentcolor; |
||||
position: absolute; |
||||
} |
||||
.mce-content-body .mce-visual-caret-hidden { |
||||
display: none; |
||||
} |
||||
.mce-content-body *[data-mce-caret] { |
||||
left: -1000px; |
||||
margin: 0; |
||||
padding: 0; |
||||
position: absolute; |
||||
right: auto; |
||||
top: 0; |
||||
} |
||||
.mce-content-body .mce-offscreen-selection { |
||||
left: -9999999999px; |
||||
max-width: 1000000px; |
||||
position: absolute; |
||||
} |
||||
.mce-content-body *[contentEditable=false] { |
||||
cursor: default; |
||||
} |
||||
.mce-content-body *[contentEditable=true] { |
||||
cursor: text; |
||||
} |
||||
.tox-cursor-format-painter { |
||||
cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default; |
||||
} |
||||
.mce-content-body figure.align-left { |
||||
float: left; |
||||
} |
||||
.mce-content-body figure.align-right { |
||||
float: right; |
||||
} |
||||
.mce-content-body figure.image.align-center { |
||||
display: table; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
.mce-preview-object { |
||||
border: 1px solid gray; |
||||
display: inline-block; |
||||
line-height: 0; |
||||
margin: 0 2px 0 2px; |
||||
position: relative; |
||||
} |
||||
.mce-preview-object .mce-shim { |
||||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
||||
height: 100%; |
||||
left: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
width: 100%; |
||||
} |
||||
.mce-preview-object[data-mce-selected="2"] .mce-shim { |
||||
display: none; |
||||
} |
||||
.mce-object { |
||||
background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; |
||||
border: 1px dashed #aaa; |
||||
} |
||||
.mce-pagebreak { |
||||
border: 1px dashed #aaa; |
||||
cursor: default; |
||||
display: block; |
||||
height: 5px; |
||||
margin-top: 15px; |
||||
page-break-before: always; |
||||
width: 100%; |
||||
} |
||||
@media print { |
||||
.mce-pagebreak { |
||||
border: 0; |
||||
} |
||||
} |
||||
.tiny-pageembed .mce-shim { |
||||
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
||||
height: 100%; |
||||
left: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
width: 100%; |
||||
} |
||||
.tiny-pageembed[data-mce-selected="2"] .mce-shim { |
||||
display: none; |
||||
} |
||||
.tiny-pageembed { |
||||
display: inline-block; |
||||
position: relative; |
||||
} |
||||
.tiny-pageembed--21by9, |
||||
.tiny-pageembed--16by9, |
||||
.tiny-pageembed--4by3, |
||||
.tiny-pageembed--1by1 { |
||||
display: block; |
||||
overflow: hidden; |
||||
padding: 0; |
||||
position: relative; |
||||
width: 100%; |
||||
} |
||||
.tiny-pageembed--21by9::before, |
||||
.tiny-pageembed--16by9::before, |
||||
.tiny-pageembed--4by3::before, |
||||
.tiny-pageembed--1by1::before { |
||||
content: ""; |
||||
display: block; |
||||
} |
||||
.tiny-pageembed--21by9::before { |
||||
padding-top: 42.857143%; |
||||
} |
||||
.tiny-pageembed--16by9::before { |
||||
padding-top: 56.25%; |
||||
} |
||||
.tiny-pageembed--4by3::before { |
||||
padding-top: 75%; |
||||
} |
||||
.tiny-pageembed--1by1::before { |
||||
padding-top: 100%; |
||||
} |
||||
.tiny-pageembed--21by9 iframe, |
||||
.tiny-pageembed--16by9 iframe, |
||||
.tiny-pageembed--4by3 iframe, |
||||
.tiny-pageembed--1by1 iframe { |
||||
border: 0; |
||||
height: 100%; |
||||
left: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
width: 100%; |
||||
} |
||||
.mce-content-body div.mce-resizehandle { |
||||
background-color: #4099ff; |
||||
border-color: #4099ff; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
box-sizing: border-box; |
||||
height: 10px; |
||||
position: absolute; |
||||
width: 10px; |
||||
z-index: 10000; |
||||
} |
||||
.mce-content-body div.mce-resizehandle:hover { |
||||
background-color: #4099ff; |
||||
} |
||||
.mce-content-body div.mce-resizehandle:nth-of-type(1) { |
||||
cursor: nwse-resize; |
||||
} |
||||
.mce-content-body div.mce-resizehandle:nth-of-type(2) { |
||||
cursor: nesw-resize; |
||||
} |
||||
.mce-content-body div.mce-resizehandle:nth-of-type(3) { |
||||
cursor: nwse-resize; |
||||
} |
||||
.mce-content-body div.mce-resizehandle:nth-of-type(4) { |
||||
cursor: nesw-resize; |
||||
} |
||||
.mce-content-body .mce-clonedresizable { |
||||
opacity: .5; |
||||
outline: 1px dashed black; |
||||
position: absolute; |
||||
z-index: 10000; |
||||
} |
||||
.mce-content-body .mce-resize-helper { |
||||
background: #555; |
||||
background: rgba(0, 0, 0, 0.75); |
||||
border: 1px; |
||||
border-radius: 3px; |
||||
color: white; |
||||
display: none; |
||||
font-family: sans-serif; |
||||
font-size: 12px; |
||||
line-height: 14px; |
||||
margin: 5px 10px; |
||||
padding: 5px; |
||||
position: absolute; |
||||
white-space: nowrap; |
||||
z-index: 10001; |
||||
} |
||||
.mce-match-marker { |
||||
background: #aaa; |
||||
color: #fff; |
||||
} |
||||
.mce-match-marker-selected { |
||||
background: #39f; |
||||
color: #fff; |
||||
} |
||||
.mce-content-body img[data-mce-selected], |
||||
.mce-content-body table[data-mce-selected] { |
||||
outline: 3px solid #b4d7ff; |
||||
} |
||||
.mce-content-body hr[data-mce-selected] { |
||||
outline: 3px solid #b4d7ff; |
||||
outline-offset: 1px; |
||||
} |
||||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus { |
||||
outline: 3px solid #b4d7ff; |
||||
} |
||||
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover { |
||||
outline: 3px solid #b4d7ff; |
||||
} |
||||
.mce-content-body *[contentEditable=false][data-mce-selected] { |
||||
cursor: not-allowed; |
||||
outline: 3px solid #b4d7ff; |
||||
} |
||||
.mce-content-body.mce-content-readonly *[contentEditable=true]:focus, |
||||
.mce-content-body.mce-content-readonly *[contentEditable=true]:hover { |
||||
outline: none; |
||||
} |
||||
.mce-content-body *[data-mce-selected="inline-boundary"] { |
||||
background-color: #b4d7ff; |
||||
} |
||||
.mce-content-body .mce-edit-focus { |
||||
outline: 3px solid #b4d7ff; |
||||
} |
||||
.mce-content-body td[data-mce-selected], |
||||
.mce-content-body th[data-mce-selected] { |
||||
background-color: #b4d7ff !important; |
||||
} |
||||
.mce-content-body td[data-mce-selected]::-moz-selection, |
||||
.mce-content-body th[data-mce-selected]::-moz-selection { |
||||
background: none; |
||||
} |
||||
.mce-content-body td[data-mce-selected]::selection, |
||||
.mce-content-body th[data-mce-selected]::selection { |
||||
background: none; |
||||
} |
||||
.mce-content-body td[data-mce-selected] *, |
||||
.mce-content-body th[data-mce-selected] * { |
||||
-webkit-touch-callout: none; |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
} |
||||
.mce-content-body img::-moz-selection { |
||||
background: none; |
||||
} |
||||
.mce-content-body img::selection { |
||||
background: none; |
||||
} |
||||
.ephox-snooker-resizer-bar { |
||||
background-color: #b4d7ff; |
||||
opacity: 0; |
||||
} |
||||
.ephox-snooker-resizer-cols { |
||||
cursor: col-resize; |
||||
} |
||||
.ephox-snooker-resizer-rows { |
||||
cursor: row-resize; |
||||
} |
||||
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { |
||||
opacity: 1; |
||||
} |
||||
.mce-spellchecker-word { |
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
||||
background-position: 0 calc(100% + 1px); |
||||
background-repeat: repeat-x; |
||||
background-size: auto 6px; |
||||
cursor: default; |
||||
height: 2rem; |
||||
} |
||||
.mce-spellchecker-grammar { |
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); |
||||
background-position: 0 calc(100% + 1px); |
||||
background-repeat: repeat-x; |
||||
background-size: auto 6px; |
||||
cursor: default; |
||||
} |
||||
.mce-toc { |
||||
border: 1px solid gray; |
||||
} |
||||
.mce-toc h2 { |
||||
margin: 4px; |
||||
} |
||||
.mce-toc li { |
||||
list-style-type: none; |
||||
} |
||||
.mce-item-table, |
||||
.mce-item-table td, |
||||
.mce-item-table th, |
||||
.mce-item-table caption { |
||||
border: 1px dashed #bbb; |
||||
} |
||||
.mce-visualblocks p, |
||||
.mce-visualblocks h1, |
||||
.mce-visualblocks h2, |
||||
.mce-visualblocks h3, |
||||
.mce-visualblocks h4, |
||||
.mce-visualblocks h5, |
||||
.mce-visualblocks h6, |
||||
.mce-visualblocks div:not([data-mce-bogus]), |
||||
.mce-visualblocks section, |
||||
.mce-visualblocks article, |
||||
.mce-visualblocks blockquote, |
||||
.mce-visualblocks address, |
||||
.mce-visualblocks pre, |
||||
.mce-visualblocks figure, |
||||
.mce-visualblocks figcaption, |
||||
.mce-visualblocks hgroup, |
||||
.mce-visualblocks aside, |
||||
.mce-visualblocks ul, |
||||
.mce-visualblocks ol, |
||||
.mce-visualblocks dl { |
||||
background-repeat: no-repeat; |
||||
border: 1px dashed #bbb; |
||||
margin-left: 3px; |
||||
padding-top: 10px; |
||||
} |
||||
.mce-visualblocks p { |
||||
background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7); |
||||
} |
||||
.mce-visualblocks h1 { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==); |
||||
} |
||||
.mce-visualblocks h2 { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==); |
||||
} |
||||
.mce-visualblocks h3 { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7); |
||||
} |
||||
.mce-visualblocks h4 { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==); |
||||
} |
||||
.mce-visualblocks h5 { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==); |
||||
} |
||||
.mce-visualblocks h6 { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==); |
||||
} |
||||
.mce-visualblocks div:not([data-mce-bogus]) { |
||||
background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7); |
||||
} |
||||
.mce-visualblocks section { |
||||
background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=); |
||||
} |
||||
.mce-visualblocks article { |
||||
background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7); |
||||
} |
||||
.mce-visualblocks blockquote { |
||||
background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7); |
||||
} |
||||
.mce-visualblocks address { |
||||
background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=); |
||||
} |
||||
.mce-visualblocks pre { |
||||
background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==); |
||||
} |
||||
.mce-visualblocks figure { |
||||
background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7); |
||||
} |
||||
.mce-visualblocks figcaption { |
||||
border: 1px dashed #bbb; |
||||
} |
||||
.mce-visualblocks hgroup { |
||||
background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7); |
||||
} |
||||
.mce-visualblocks aside { |
||||
background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=); |
||||
} |
||||
.mce-visualblocks ul { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==); |
||||
} |
||||
.mce-visualblocks ol { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==); |
||||
} |
||||
.mce-visualblocks dl { |
||||
background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==); |
||||
} |
||||
.mce-nbsp, |
||||
.mce-shy { |
||||
background: #aaa; |
||||
} |
||||
.mce-shy::after { |
||||
content: '-'; |
||||
} |
||||
body { |
||||
font-family: sans-serif; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,49 @@ |
||||
<template> |
||||
<a-config-provider :locale="locale"> |
||||
<div id="app"> |
||||
<router-view /> |
||||
</div> |
||||
</a-config-provider> |
||||
</template> |
||||
<script> |
||||
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN' |
||||
import enquireScreen from '@/utils/device' |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
locale: zhCN, |
||||
} |
||||
}, |
||||
created() { |
||||
let that = this |
||||
enquireScreen((deviceType) => { |
||||
// tablet |
||||
if (deviceType === 0) { |
||||
that.$store.commit('TOGGLE_DEVICE', 'mobile') |
||||
that.$store.dispatch('setSidebar', false) |
||||
} |
||||
// mobile |
||||
else if (deviceType === 1) { |
||||
that.$store.commit('TOGGLE_DEVICE', 'mobile') |
||||
that.$store.dispatch('setSidebar', false) |
||||
} else { |
||||
that.$store.commit('TOGGLE_DEVICE', 'desktop') |
||||
that.$store.dispatch('setSidebar', true) |
||||
} |
||||
}) |
||||
|
||||
setTimeout(() => { |
||||
window.router = this.$router |
||||
// console.log(this.$router.getRoutes(), '当前router') |
||||
//console.log(this.$router.push('/src/views/course/SeCourseList'), '当前') |
||||
}, 0) |
||||
}, |
||||
} |
||||
</script> |
||||
<style> |
||||
#app { |
||||
height: 100%; |
||||
} |
||||
</style> |
||||
|
||||
@ -0,0 +1,30 @@ |
||||
import Vue from 'vue' |
||||
|
||||
/** |
||||
* 将一个请求分组 |
||||
* |
||||
* @param getPromise 传入一个可以获取到Promise对象的方法 |
||||
* @param groupId 分组ID，如果不传或者为空则不分组 |
||||
* @param expire 过期时间，默认 半分钟 |
||||
*/ |
||||
export function httpGroupRequest(getPromise, groupId, expire = 1000 * 30) { |
||||
if (groupId == null || groupId === '') { |
||||
console.log("--------popup----------getFrom DB-------with---no--groupId ") |
||||
return getPromise() |
||||
} |
||||
|
||||
if (Vue.ls.get(groupId)) { |
||||
console.log("---------popup--------getFrom Cache--------groupId = " + groupId) |
||||
return Promise.resolve(Vue.ls.get(groupId)); |
||||
} else { |
||||
console.log("--------popup----------getFrom DB---------groupId = " + groupId) |
||||
} |
||||
|
||||
// 还没有发出请求，就发出第一次的请求
|
||||
return getPromise().then(res => { |
||||
Vue.ls.set(groupId, res, expire); |
||||
return Promise.resolve(res); |
||||
}) |
||||
} |
||||
|
||||
|
||||
@ -0,0 +1,175 @@ |
||||
import { getAction, deleteAction, putAction, postAction, httpAction } from '@/api/manage' |
||||
import Vue from 'vue' |
||||
import {UI_CACHE_DB_DICT_DATA } from "@/store/mutation-types" |
||||
|
||||
//角色管理
|
||||
const addRole = (params)=>postAction("/sys/role/add",params); |
||||
const editRole = (params)=>putAction("/sys/role/edit",params); |
||||
const checkRoleCode = (params)=>getAction("/sys/role/checkRoleCode",params); |
||||
const queryall = (params)=>getAction("/sys/role/queryall",params); |
||||
|
||||
//用户管理
|
||||
const addUser = (params)=>postAction("/sys/user/add",params); |
||||
const editUser = (params)=>putAction("/sys/user/edit",params); |
||||
const queryUserRole = (params)=>getAction("/sys/user/queryUserRole",params); |
||||
const getUserList = (params)=>getAction("/sys/user/list",params); |
||||
const getStudentList = (params)=>getAction("/sys/user/student",params); |
||||
const frozenBatch = (params)=>putAction("/sys/user/frozenBatch",params); |
||||
//验证用户是否存在
|
||||
const checkOnlyUser = (params)=>getAction("/sys/user/checkOnlyUser",params); |
||||
//改变密码
|
||||
const changePassword = (params)=>putAction("/sys/user/changePassword",params); |
||||
|
||||
//权限管理
|
||||
const addPermission= (params)=>postAction("/sys/permission/add",params); |
||||
const editPermission= (params)=>putAction("/sys/permission/edit",params); |
||||
const getPermissionList = (params)=>getAction("/sys/permission/list",params); |
||||
const getSystemMenuList = (params)=>getAction("/sys/permission/getSystemMenuList",params); |
||||
const getSystemSubmenu = (params)=>getAction("/sys/permission/getSystemSubmenu",params); |
||||
const getSystemSubmenuBatch = (params) => getAction('/sys/permission/getSystemSubmenuBatch', params) |
||||
const queryTreeList = (params)=>getAction("/sys/permission/queryTreeList",params); |
||||
const queryTreeListForRole = (params)=>getAction("/sys/role/queryTreeList",params); |
||||
const queryListAsync = (params)=>getAction("/sys/permission/queryListAsync",params); |
||||
const queryRolePermission = (params)=>getAction("/sys/permission/queryRolePermission",params); |
||||
const saveRolePermission = (params)=>postAction("/sys/permission/saveRolePermission",params); |
||||
const queryPermissionsByUser = ()=>getAction("/sys/permission/getUserPermissionByToken"); |
||||
const loadAllRoleIds = (params)=>getAction("/sys/permission/loadAllRoleIds",params); |
||||
const getPermissionRuleList = (params)=>getAction("/sys/permission/getPermRuleListByPermId",params); |
||||
const queryPermissionRule = (params)=>getAction("/sys/permission/queryPermissionRule",params); |
||||
|
||||
// 部门管理
|
||||
const fzr =(params) =>getAction("/fdy/findAll",params) |
||||
const jiaoxue =(params) =>getAction("/sys/sysDepart/jiaoxue",params); |
||||
const queryDepartTreeList = (params)=>getAction("/sys/sysDepart/queryTreeList",params); |
||||
const queryDepartTreeSync = (params)=>getAction("/sys/sysDepart/queryDepartTreeSync",params); |
||||
const queryIdTree = (params)=>getAction("/sys/sysDepart/queryIdTree",params); |
||||
const queryParentName = (params)=>getAction("/sys/sysDepart/queryParentName",params); |
||||
const searchByKeywords = (params)=>getAction("/sys/sysDepart/searchBy",params); |
||||
const deleteByDepartId = (params)=>deleteAction("/sys/sysDepart/delete",params); |
||||
const startorstop = (params)=>deleteAction("/sys/sysDepart/startorstop",params); |
||||
|
||||
|
||||
//二级部门管理
|
||||
const queryDepartPermission = (params)=>getAction("/sys/permission/queryDepartPermission",params); |
||||
const saveDepartPermission = (params)=>postAction("/sys/permission/saveDepartPermission",params); |
||||
const queryTreeListForDeptRole = (params)=>getAction("/sys/sysDepartPermission/queryTreeListForDeptRole",params); |
||||
const queryDeptRolePermission = (params)=>getAction("/sys/sysDepartPermission/queryDeptRolePermission",params); |
||||
const saveDeptRolePermission = (params)=>postAction("/sys/sysDepartPermission/saveDeptRolePermission",params); |
||||
const queryMyDepartTreeList = (params)=>getAction("/sys/sysDepart/queryTreeList",params); |
||||
|
||||
//日志管理
|
||||
const deleteLog = (params)=>deleteAction("/sys/log/delete",params); |
||||
const deleteLogList = (params)=>deleteAction("/sys/log/deleteBatch",params); |
||||
|
||||
//数据字典
|
||||
const addDict = (params)=>postAction("/sys/dict/add",params); |
||||
const editDict = (params)=>putAction("/sys/dict/edit",params); |
||||
const treeList = (params)=>getAction("/sys/dict/treeList",params); |
||||
const addDictItem = (params)=>postAction("/sys/dictItem/add",params); |
||||
const editDictItem = (params)=>putAction("/sys/dictItem/edit",params); |
||||
|
||||
//字典标签专用（通过code获取字典数组）
|
||||
export const ajaxGetDictItems = (code, params)=>getAction(`/sys/dict/getDictItems/${code}`,params); |
||||
|
||||
//从缓存中获取字典配置
|
||||
function getDictItemsFromCache(dictCode) { |
||||
if (Vue.ls.get(UI_CACHE_DB_DICT_DATA) && Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode]) { |
||||
let dictItems = Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode]; |
||||
//console.log("-----------getDictItemsFromCache----------dictCode="+dictCode+"---- dictItems=",dictItems)
|
||||
return dictItems; |
||||
} |
||||
} |
||||
|
||||
//系统通告
|
||||
const doReleaseData = (params)=>getAction("/sys/annountCement/doReleaseData",params); |
||||
const doReovkeData = (params)=>getAction("/sys/annountCement/doReovkeData",params); |
||||
//获取系统访问量
|
||||
const getLoginfo = (params)=>getAction("/sys/loginfo",params); |
||||
const getVisitInfo = (params)=>getAction("/sys/visitInfo",params); |
||||
|
||||
// 根据部门主键查询用户信息
|
||||
const queryUserByDepId = (params)=>getAction("/sys/user/queryUserByDepId",params); |
||||
|
||||
// 重复校验
|
||||
const duplicateCheck = (params)=>getAction("/sys/duplicate/check",params); |
||||
// 加载分类字典
|
||||
const loadCategoryData = (params)=>getAction("/sys/category/loadAllData",params); |
||||
const checkRuleByCode = (params) => getAction('/sys/checkRule/checkByCode', params) |
||||
//加载我的通告信息
|
||||
const getUserNoticeInfo= (params)=>getAction("/sys/sysAnnouncementSend/getMyAnnouncementSend",params); |
||||
const getTransitURL = url => `/sys/common/transitRESTful?url=${encodeURIComponent(url)}` |
||||
// 中转HTTP请求
|
||||
export const transitRESTful = { |
||||
get: (url, parameter) => getAction(getTransitURL(url), parameter), |
||||
post: (url, parameter) => postAction(getTransitURL(url), parameter), |
||||
put: (url, parameter) => putAction(getTransitURL(url), parameter), |
||||
http: (url, parameter) => httpAction(getTransitURL(url), parameter), |
||||
} |
||||
|
||||
export { |
||||
// imgView,
|
||||
// doMian,
|
||||
|
||||
addRole, |
||||
editRole, |
||||
checkRoleCode, |
||||
addUser, |
||||
editUser, |
||||
queryUserRole, |
||||
getUserList, |
||||
queryall, |
||||
frozenBatch, |
||||
checkOnlyUser, |
||||
changePassword, |
||||
getPermissionList, |
||||
addPermission, |
||||
editPermission, |
||||
queryTreeList, |
||||
queryListAsync, |
||||
queryRolePermission, |
||||
saveRolePermission, |
||||
queryPermissionsByUser, |
||||
loadAllRoleIds, |
||||
getPermissionRuleList, |
||||
queryPermissionRule, |
||||
queryDepartTreeList, |
||||
queryDepartTreeSync, |
||||
queryIdTree, |
||||
queryParentName, |
||||
searchByKeywords, |
||||
deleteByDepartId, |
||||
deleteLog, |
||||
deleteLogList, |
||||
addDict, |
||||
editDict, |
||||
treeList, |
||||
addDictItem, |
||||
editDictItem, |
||||
doReleaseData, |
||||
doReovkeData, |
||||
getLoginfo, |
||||
getVisitInfo, |
||||
queryUserByDepId, |
||||
duplicateCheck, |
||||
queryTreeListForRole, |
||||
getSystemMenuList, |
||||
getSystemSubmenu, |
||||
getSystemSubmenuBatch, |
||||
loadCategoryData, |
||||
checkRuleByCode, |
||||
queryDepartPermission, |
||||
saveDepartPermission, |
||||
queryTreeListForDeptRole, |
||||
queryDeptRolePermission, |
||||
saveDeptRolePermission, |
||||
queryMyDepartTreeList, |
||||
getUserNoticeInfo, |
||||
getDictItemsFromCache, |
||||
jiaoxue, |
||||
fzr, |
||||
startorstop, |
||||
getStudentList |
||||
} |
||||
|
||||
|
||||
|
||||
@ -0,0 +1,11 @@ |
||||
const api = { |
||||
Login: '/sys/login', |
||||
FaceLogin:'/sys/facelogin', |
||||
Logout: '/sys/logout', |
||||
ForgePassword: '/auth/forge-password', |
||||
Register: '/auth/register', |
||||
SendSms: '/account/sms', |
||||
// get my info
|
||||
UserInfo: '/user/info' |
||||
} |
||||
export default api |
||||
@ -0,0 +1,95 @@ |
||||
import api from './index' |
||||
import { axios } from '@/utils/request' |
||||
|
||||
/** |
||||
* login func |
||||
* parameter: { |
||||
* username: '', |
||||
* password: '', |
||||
* remember_me: true, |
||||
* captcha: '12345' |
||||
* } |
||||
* @param parameter |
||||
* @returns {*} |
||||
*/ |
||||
export function login(parameter) { |
||||
return axios({ |
||||
url: '/sys/login', |
||||
method: 'post', |
||||
data: parameter |
||||
}) |
||||
} |
||||
|
||||
export function facelogin(parameter) { |
||||
return axios({ |
||||
url: '/sys/facelogin', |
||||
method: 'post', |
||||
data: parameter |
||||
}) |
||||
} |
||||
|
||||
export function phoneLogin(parameter) { |
||||
return axios({ |
||||
url: '/sys/phoneLogin', |
||||
method: 'post', |
||||
data: parameter |
||||
}) |
||||
} |
||||
|
||||
export function getSmsCaptcha(parameter) { |
||||
return axios({ |
||||
url: api.SendSms, |
||||
method: 'post', |
||||
data: parameter |
||||
}) |
||||
} |
||||
|
||||
// export function getInfo() {
|
||||
// return axios({
|
||||
// url: '/api/user/info',
|
||||
// method: 'get',
|
||||
// headers: {
|
||||
// 'Content-Type': 'application/json;charset=UTF-8'
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
|
||||
export function logout(logoutToken) { |
||||
return axios({ |
||||
url: '/sys/logout', |
||||
method: 'post', |
||||
headers: { |
||||
'Content-Type': 'application/json;charset=UTF-8', |
||||
'X-Access-Token': logoutToken |
||||
} |
||||
}) |
||||
} |
||||
|
||||
/** |
||||
* 第三方登录 |
||||
* @param token |
||||
* @param thirdType |
||||
* @returns {*} |
||||
*/ |
||||
export function thirdLogin(token,thirdType) { |
||||
return axios({ |
||||
url: `/sys/thirdLogin/getLoginUser/${token}/${thirdType}`, |
||||
method: 'get', |
||||
headers: { |
||||
'Content-Type': 'application/json;charset=UTF-8' |
||||
} |
||||
}) |
||||
} |
||||
|
||||
/** |
||||
* 强退其他账号 |
||||
* @param token |
||||
* @returns {*} |
||||
*/ |
||||
export function forceLogout(parameter) { |
||||
return axios({ |
||||
url: '/sys/online/forceLogout', |
||||
method: 'post', |
||||
data: parameter |
||||
}) |
||||
} |
||||
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 212 KiB |
|
After Width: | Height: | Size: 228 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 2.0 MiB |
|
After Width: | Height: | Size: 297 KiB |
|
After Width: | Height: | Size: 833 KiB |
|
After Width: | Height: | Size: 390 KiB |
|
After Width: | Height: | Size: 216 KiB |
|
After Width: | Height: | Size: 233 KiB |
|
After Width: | Height: | Size: 290 KiB |
|
After Width: | Height: | Size: 498 KiB |
|
After Width: | Height: | Size: 414 KiB |
|
After Width: | Height: | Size: 863 KiB |
|
After Width: | Height: | Size: 416 KiB |
|
After Width: | Height: | Size: 588 KiB |
|
After Width: | Height: | Size: 243 KiB |
|
After Width: | Height: | Size: 365 KiB |
|
After Width: | Height: | Size: 471 KiB |
|
After Width: | Height: | Size: 325 KiB |
|
After Width: | Height: | Size: 205 KiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
@ -0,0 +1,259 @@ |
||||
.area-zoom-in-top-enter-active, |
||||
.area-zoom-in-top-leave-active { |
||||
opacity: 1; |
||||
transform: scaleY(1); |
||||
} |
||||
|
||||
.area-zoom-in-top-enter, |
||||
.area-zoom-in-top-leave-active { |
||||
opacity: 0; |
||||
transform: scaleY(0); |
||||
} |
||||
|
||||
.area-select { |
||||
box-sizing: border-box; |
||||
margin: 0; |
||||
padding: 0; |
||||
color: rgba(0, 0, 0, 0.65); |
||||
font-size: 14px; |
||||
font-variant: tabular-nums; |
||||
line-height: 1.5; |
||||
list-style: none; |
||||
font-feature-settings: 'tnum'; |
||||
position: relative; |
||||
outline: 0; |
||||
display: block; |
||||
background-color: #fff; |
||||
border: 1px solid #d9d9d9; |
||||
border-top-width: 1.02px; |
||||
border-radius: 4px; |
||||
outline: none; |
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
-webkit-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
} |
||||
|
||||
.area-select-wrap .area-select { |
||||
display: inline-block; |
||||
} |
||||
|
||||
.area-select * { |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.area-select:hover { |
||||
border-color: #40a9ff; |
||||
border-right-width: 1px !important; |
||||
outline: 0; |
||||
} |
||||
|
||||
|
||||
.area-select:active { |
||||
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); |
||||
} |
||||
|
||||
.area-select.small { |
||||
width: 126px; |
||||
} |
||||
|
||||
.area-select.medium { |
||||
width: 160px; |
||||
} |
||||
|
||||
.area-select.large { |
||||
width: 194px; |
||||
} |
||||
|
||||
.area-select.is-disabled { |
||||
background: #eceff5; |
||||
cursor: not-allowed; |
||||
} |
||||
|
||||
.area-select.is-disabled:hover { |
||||
border-color: #e1e2e6; |
||||
} |
||||
|
||||
.area-select.is-disabled .area-selected-trigger { |
||||
cursor: not-allowed; |
||||
} |
||||
|
||||
.area-select .area-selected-trigger { |
||||
position: relative; |
||||
display: block; |
||||
font-size: 14px; |
||||
cursor: pointer; |
||||
margin: 0; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
height: 100%; |
||||
padding: 8px 20px 7px 12px; |
||||
} |
||||
|
||||
.area-select .area-select-icon { |
||||
position: absolute; |
||||
top: 50%; |
||||
margin-top: -2px; |
||||
right: 6px; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
border: 6px solid transparent; |
||||
border-top-color: rgba(0, 0, 0, 0.25); |
||||
transition: all .3s linear; |
||||
transform-origin: center; |
||||
} |
||||
|
||||
.area-select .area-select-icon.active { |
||||
margin-top: -8px; |
||||
transform: rotate(180deg); |
||||
} |
||||
|
||||
.area-selectable-list-wrap { |
||||
position: absolute; |
||||
width: 100%; |
||||
max-height: 275px; |
||||
z-index: 15000; |
||||
background-color: #fff; |
||||
box-sizing: border-box; |
||||
overflow-x: auto; |
||||
margin: 2px 0; |
||||
border-radius: 4px; |
||||
outline: none; |
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); |
||||
|
||||
transition: opacity 0.15s, transform 0.3s !important; |
||||
transform-origin: center top !important; |
||||
} |
||||
|
||||
.area-selectable-list { |
||||
position: relative; |
||||
margin: 0; |
||||
padding: 6px 0; |
||||
width: 100%; |
||||
font-size: 14px; |
||||
color: #565656; |
||||
list-style: none; |
||||
} |
||||
|
||||
.area-selectable-list .area-select-option { |
||||
position: relative; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
cursor: pointer; |
||||
padding: 0 15px 0 10px; |
||||
height: 32px; |
||||
line-height: 32px; |
||||
} |
||||
|
||||
.area-selectable-list .area-select-option.hover { |
||||
background-color: #e6f7ff; |
||||
} |
||||
|
||||
.area-selectable-list .area-select-option.selected { |
||||
color: rgba(0, 0, 0, 0.65); |
||||
font-weight: 600; |
||||
background-color: #efefef; |
||||
} |
||||
|
||||
.cascader-menu-list-wrap { |
||||
position: absolute; |
||||
white-space: nowrap; |
||||
z-index: 15000; |
||||
background-color: #fff; |
||||
box-sizing: border-box; |
||||
overflow: hidden; |
||||
font-size: 0; |
||||
margin: 2px 0; |
||||
border-radius: 4px; |
||||
outline: none; |
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); |
||||
|
||||
transition: opacity 0.15s, transform 0.3s !important; |
||||
transform-origin: center top !important; |
||||
} |
||||
|
||||
.cascader-menu-list { |
||||
position: relative; |
||||
margin: 0; |
||||
font-size: 14px; |
||||
color: #565656; |
||||
padding: 6px 0; |
||||
list-style: none; |
||||
display: inline-block; |
||||
height: 204px; |
||||
overflow-x: hidden; |
||||
overflow-y: auto; |
||||
min-width: 160px; |
||||
vertical-align: top; |
||||
background-color: #fff; |
||||
border-right: 1px solid #e4e7ed; |
||||
} |
||||
|
||||
.cascader-menu-list:last-child { |
||||
border-right: none; |
||||
} |
||||
|
||||
.cascader-menu-list .cascader-menu-option { |
||||
position: relative; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
cursor: pointer; |
||||
padding: 0 15px 0 10px; |
||||
height: 32px; |
||||
line-height: 32px; |
||||
} |
||||
|
||||
.cascader-menu-list .cascader-menu-option.hover, |
||||
.cascader-menu-list .cascader-menu-option:hover { |
||||
background-color: #e6f7ff; |
||||
} |
||||
|
||||
.cascader-menu-list .cascader-menu-option.selected { |
||||
color: rgba(0, 0, 0, 0.65); |
||||
font-weight: 600; |
||||
background-color: #efefef; |
||||
} |
||||
|
||||
.cascader-menu-list .cascader-menu-option.cascader-menu-extensible:after { |
||||
position: absolute; |
||||
top: 50%; |
||||
margin-top: -4px; |
||||
right: 5px; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
border: 4px solid transparent; |
||||
border-left-color: #a1a4ad; |
||||
} |
||||
|
||||
.cascader-menu-list::-webkit-scrollbar, |
||||
.area-selectable-list-wrap::-webkit-scrollbar { |
||||
width: 8px; |
||||
background: transparent; |
||||
} |
||||
|
||||
.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:decremen, |
||||
.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:end:decrement, |
||||
.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:increment, |
||||
.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:start:increment, |
||||
.cascader-menu-list::-webkit-scrollbar-button:vertical:decremen, |
||||
.cascader-menu-list::-webkit-scrollbar-button:vertical:end:decrement, |
||||
.cascader-menu-list::-webkit-scrollbar-button:vertical:increment, |
||||
.cascader-menu-list::-webkit-scrollbar-button:vertical:start:increment { |
||||
display: none; |
||||
} |
||||
|
||||
.cascader-menu-list::-webkit-scrollbar-thumb:vertical, |
||||
.area-selectable-list-wrap::-webkit-scrollbar-thumb:vertical { |
||||
background-color: #b8b8b8; |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.cascader-menu-list::-webkit-scrollbar-thumb:vertical:hover, |
||||
.area-selectable-list-wrap::-webkit-scrollbar-thumb:vertical:hover { |
||||
background-color: #777; |
||||
} |
||||
@ -0,0 +1,15 @@ |
||||
/** [表格主题样式一] 表格强制列不换行 */ |
||||
.j-table-force-nowrap { |
||||
td, th { |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.ant-table-selection-column { |
||||
padding: 12px 22px !important; |
||||
} |
||||
|
||||
/** 列自适应，弊端会导致列宽失效 */ |
||||
&.ant-table-wrapper .ant-table-content { |
||||
overflow-x: auto; |
||||
} |
||||
} |
||||
@ -0,0 +1 @@ |
||||
.cm-s-idea span.cm-meta{color:olive}.cm-s-idea span.cm-number{color:#00f}.cm-s-idea span.cm-keyword{line-height:1em;font-weight:700;color:navy}.cm-s-idea span.cm-atom{font-weight:700;color:navy}.cm-s-idea span.cm-def{color:#000}.cm-s-idea span.cm-variable{color:#000}.cm-s-idea span.cm-variable-2{color:#000}.cm-s-idea span.cm-type,.cm-s-idea span.cm-variable-3{color:#000}.cm-s-idea span.cm-property{color:#000}.cm-s-idea span.cm-operator{color:#000}.cm-s-idea span.cm-comment{color:grey}.cm-s-idea span.cm-string{color:green}.cm-s-idea span.cm-string-2{color:green}.cm-s-idea span.cm-qualifier{color:#555}.cm-s-idea span.cm-error{color:red}.cm-s-idea span.cm-attribute{color:#00f}.cm-s-idea span.cm-tag{color:navy}.cm-s-idea span.cm-link{color:#00f}.cm-s-idea .CodeMirror-activeline-background{background:#fffae3}.cm-s-idea span.cm-builtin{color:#30a}.cm-s-idea span.cm-bracket{color:#cc7}.cm-s-idea{font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.cm-s-idea .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.CodeMirror-hints.idea{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;color:#616569;background-color:#ebf3fd!important}.CodeMirror-hints.idea .CodeMirror-hint-active{background-color:#a2b8c9!important;color:#5c6065!important} |
||||
@ -0,0 +1,68 @@ |
||||
|
||||
/*列表上方操作按钮区域*/ |
||||
.ant-card-body .table-operator { |
||||
margin-bottom: 8px; |
||||
} |
||||
/** Button按钮间距 */ |
||||
.table-operator .ant-btn { |
||||
margin: 0 8px 8px 0; |
||||
} |
||||
.table-operator .ant-btn-group .ant-btn { |
||||
margin: 0; |
||||
} |
||||
|
||||
.table-operator .ant-btn-group .ant-btn:last-child { |
||||
margin: 0 8px 8px 0; |
||||
} |
||||
/*列表td的padding设置 可以控制列表大小*/ |
||||
.ant-table-tbody .ant-table-row td { |
||||
padding-top: 15px; |
||||
padding-bottom: 15px; |
||||
} |
||||
|
||||
/*列表页面弹出modal*/ |
||||
.ant-modal-cust-warp { |
||||
height: 100% |
||||
} |
||||
|
||||
/*弹出modal Y轴滚动条*/ |
||||
.ant-modal-cust-warp .ant-modal-body { |
||||
height: calc(100% - 110px) !important; |
||||
overflow-y: auto |
||||
} |
||||
|
||||
/*弹出modal 先有content后有body 故滚动条控制在body上*/ |
||||
.ant-modal-cust-warp .ant-modal-content { |
||||
height: 90% !important; |
||||
overflow-y: hidden |
||||
} |
||||
/*列表中有图片的加这个样式 参考用户管理*/ |
||||
.anty-img-wrap { |
||||
height: 25px; |
||||
position: relative; |
||||
} |
||||
.anty-img-wrap > img { |
||||
max-height: 100%; |
||||
} |
||||
/*列表中范围查询样式*/ |
||||
.query-group-cust{width: calc(50% - 10px)} |
||||
.query-group-split-cust:before{content:"~";width: 20px;display: inline-block;text-align: center} |
||||
|
||||
|
||||
/*erp风格子表外框padding设置*/ |
||||
.ant-card-wider-padding.cust-erp-sub-tab>.ant-card-body{padding:5px 12px} |
||||
|
||||
/* 内嵌子表背景颜色 */ |
||||
.j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row { |
||||
background-color: #FFFFFF; |
||||
} |
||||
|
||||
/**隐藏样式-modal确定按钮 */ |
||||
.jee-hidden{display: none} |
||||
|
||||
|
||||
.ant-col-24{width: 50%} |
||||
.ant-col-24 .ant-form-item .ant-col-xs-24{text-align: left} |
||||
.ant-col-sm-5{width: 30%} |
||||
.coin{width: 100%} |
||||
.coin .ant-col-xs-24{width: 15%} |
||||
@ -0,0 +1,28 @@ |
||||
/** |
||||
* 列表查询通用样式，移动端自适应 |
||||
*/ |
||||
.search{ |
||||
margin-bottom: 54px; |
||||
} |
||||
.fold{ |
||||
width: calc(100% - 216px); |
||||
display: inline-block |
||||
} |
||||
.operator{ |
||||
margin-bottom: 18px; |
||||
} |
||||
@media screen and (max-width: 900px) { |
||||
.fold { |
||||
width: 100%; |
||||
} |
||||
} |
||||
.operator button { |
||||
margin-right: 5px; |
||||
} |
||||
i { |
||||
cursor: pointer; |
||||
} |
||||
.trcolor{ |
||||
background-color: rgba(255, 192, 203, 0.31); |
||||
color:red; |
||||
} |
||||
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,77 @@ |
||||
import Vue from 'vue' |
||||
import { ACCESS_TOKEN } from "@/store/mutation-types" |
||||
import store from '@/store' |
||||
/** |
||||
* 单点登录 |
||||
*/ |
||||
const init = (callback) => { |
||||
if (process.env.VUE_APP_SSO == 'true') { |
||||
console.log("-------单点登录开始-------"); |
||||
let token = Vue.ls.get(ACCESS_TOKEN); |
||||
let st = getUrlParam("ticket"); |
||||
let sevice = "http://" + window.location.host + "/"; |
||||
if (token) { |
||||
loginSuccess(callback); |
||||
} else { |
||||
if (st) { |
||||
validateSt(st, sevice, callback); |
||||
} else { |
||||
let serviceUrl = encodeURIComponent(sevice); |
||||
window.location.href = window._CONFIG['casPrefixUrl'] + "/login?service=" + serviceUrl; |
||||
} |
||||
} |
||||
console.log("-------单点登录结束-------"); |
||||
}else{ |
||||
callback && callback() |
||||
} |
||||
}; |
||||
const SSO = { |
||||
init: init |
||||
}; |
||||
|
||||
function getUrlParam(paraName) { |
||||
let url = document.location.toString(); |
||||
let arrObj = url.split("?"); |
||||
|
||||
if (arrObj.length > 1) { |
||||
let arrPara = arrObj[1].split("&"); |
||||
let arr; |
||||
|
||||
for (let i = 0; i < arrPara.length; i++) { |
||||
arr = arrPara[i].split("="); |
||||
|
||||
if (arr != null && arr[0] == paraName) { |
||||
return arr[1]; |
||||
} |
||||
} |
||||
return ""; |
||||
} |
||||
else { |
||||
return ""; |
||||
} |
||||
} |
||||
|
||||
function validateSt(ticket,service,callback){ |
||||
let params = { |
||||
ticket: ticket, |
||||
service:service |
||||
}; |
||||
store.dispatch('ValidateLogin',params).then(res => { |
||||
//this.departConfirm(res)
|
||||
if(res.success){ |
||||
loginSuccess(callback); |
||||
}else{ |
||||
let sevice = "http://"+window.location.host+"/"; |
||||
let serviceUrl = encodeURIComponent(sevice); |
||||
window.location.href = window._CONFIG['casPrefixUrl']+"/login?service="+serviceUrl; |
||||
} |
||||
}).catch((err) => { |
||||
console.log(err); |
||||
//that.requestFailed(err);
|
||||
}); |
||||
} |
||||
|
||||
function loginSuccess (callback) { |
||||
callback(); |
||||
} |
||||
export default SSO; |
||||
@ -0,0 +1,46 @@ |
||||
<template> |
||||
<tooltip v-if="tips !== ''"> |
||||
<template slot="title">{{ tips }}</template> |
||||
<avatar :size="avatarSize" :src="src" /> |
||||
</tooltip> |
||||
<avatar v-else :size="avatarSize" :src="src" /> |
||||
</template> |
||||
|
||||
<script> |
||||
import Avatar from 'ant-design-vue/es/avatar' |
||||
import Tooltip from 'ant-design-vue/es/tooltip' |
||||
|
||||
export default { |
||||
name: "AvatarItem", |
||||
components: { |
||||
Avatar, |
||||
Tooltip |
||||
}, |
||||
props: { |
||||
tips: { |
||||
type: String, |
||||
default: '', |
||||
required: false |
||||
}, |
||||
src: { |
||||
type: String, |
||||
default: '' |
||||
} |
||||
}, |
||||
data () { |
||||
return { |
||||
size: this.$parent.size |
||||
} |
||||
}, |
||||
computed: { |
||||
avatarSize () { |
||||
return this.size !== 'mini' && this.size || 20 |
||||
} |
||||
}, |
||||
watch: { |
||||
'$parent.size' (val) { |
||||
this.size = val |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,100 @@ |
||||
<!-- |
||||
<template> |
||||
<div :class="[prefixCls]"> |
||||
<ul> |
||||
<slot></slot> |
||||
<template v-for="item in filterEmpty($slots.default).slice(0, 3)"></template> |
||||
|
||||
|
||||
<template v-if="maxLength > 0 && filterEmpty($slots.default).length > maxLength"> |
||||
<avatar-item :size="size"> |
||||
<avatar :size="size !== 'mini' && size || 20" :style="excessItemsStyle">{{ `+${maxLength}` }}</avatar> |
||||
</avatar-item> |
||||
</template> |
||||
</ul> |
||||
</div> |
||||
</template> |
||||
--> |
||||
|
||||
<script> |
||||
import Avatar from 'ant-design-vue/es/avatar' |
||||
import AvatarItem from './Item' |
||||
import { filterEmpty } from '@/components/_util/util' |
||||
|
||||
export default { |
||||
AvatarItem, |
||||
name: "AvatarList", |
||||
components: { |
||||
Avatar, |
||||
AvatarItem |
||||
}, |
||||
props: { |
||||
prefixCls: { |
||||
type: String, |
||||
default: 'ant-pro-avatar-list' |
||||
}, |
||||
/** |
||||
* 头像大小 类型: large、small 、mini, default |
||||
* 默认值: default |
||||
*/ |
||||
size: { |
||||
type: [String, Number], |
||||
default: 'default' |
||||
}, |
||||
/** |
||||
* 要显示的最大项目 |
||||
*/ |
||||
maxLength: { |
||||
type: Number, |
||||
default: 0 |
||||
}, |
||||
/** |
||||
* 多余的项目风格 |
||||
*/ |
||||
excessItemsStyle: { |
||||
type: Object, |
||||
default: () => { |
||||
return { |
||||
color: '#f56a00', |
||||
backgroundColor: '#fde3cf' |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
data () { |
||||
return {} |
||||
}, |
||||
methods: { |
||||
getItems(items) { |
||||
const classString = { |
||||
[`${this.prefixCls}-item`]: true, |
||||
[`${this.size}`]: true |
||||
} |
||||
|
||||
if (this.maxLength > 0) { |
||||
items = items.slice(0, this.maxLength) |
||||
items.push((<Avatar size={ this.size } style={ this.excessItemsStyle }>{`+${this.maxLength}`}</Avatar>)) |
||||
} |
||||
const itemList = items.map((item) => ( |
||||
<li class={ classString }>{ item }</li> |
||||
)) |
||||
return itemList |
||||
} |
||||
}, |
||||
render () { |
||||
const { prefixCls, size } = this.$props |
||||
const classString = { |
||||
[`${prefixCls}`]: true, |
||||
[`${size}`]: true, |
||||
} |
||||
const items = filterEmpty(this.$slots.default) |
||||
const itemsDom = items && items.length ? <ul class={`${prefixCls}-items`}>{ this.getItems(items) }</ul> : null |
||||
|
||||
return ( |
||||
<div class={ classString }> |
||||
{ itemsDom } |
||||
</div> |
||||
) |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,4 @@ |
||||
import AvatarList from './List' |
||||
import "./index.less" |
||||
|
||||
export default AvatarList |
||||
@ -0,0 +1,60 @@ |
||||
@import "../index"; |
||||
|
||||
@avatar-list-prefix-cls: ~"@{ant-pro-prefix}-avatar-list"; |
||||
@avatar-list-item-prefix-cls: ~"@{ant-pro-prefix}-avatar-list-item"; |
||||
|
||||
.@{avatar-list-prefix-cls} { |
||||
display: inline-block; |
||||
|
||||
ul { |
||||
list-style: none; |
||||
display: inline-block; |
||||
padding: 0; |
||||
margin: 0 0 0 8px; |
||||
font-size: 0; |
||||
} |
||||
} |
||||
|
||||
.@{avatar-list-item-prefix-cls} { |
||||
display: inline-block; |
||||
font-size: @font-size-base; |
||||
margin-left: -8px; |
||||
width: @avatar-size-base; |
||||
height: @avatar-size-base; |
||||
|
||||
:global { |
||||
.ant-avatar { |
||||
border: 1px solid #fff; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
&.large { |
||||
width: @avatar-size-lg; |
||||
height: @avatar-size-lg; |
||||
} |
||||
|
||||
&.small { |
||||
width: @avatar-size-sm; |
||||
height: @avatar-size-sm; |
||||
} |
||||
|
||||
&.mini { |
||||
width: 20px; |
||||
height: 20px; |
||||
|
||||
:global { |
||||
.ant-avatar { |
||||
width: 20px; |
||||
height: 20px; |
||||
line-height: 20px; |
||||
|
||||
.ant-avatar-string { |
||||
font-size: 12px; |
||||
line-height: 18px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,111 @@ |
||||
<template> |
||||
<a-card :loading="loading" :body-style="{ padding: '20px 24px 8px' }" :bordered="false"> |
||||
<div class="chart-card-header"> |
||||
<div class="meta"> |
||||
<span class="chart-card-title">{{ title }}</span> |
||||
<span class="chart-card-action"> |
||||
<slot name="action"></slot> |
||||
</span> |
||||
</div> |
||||
<div class="total"><span>{{ total }}</span></div> |
||||
</div> |
||||
<div class="chart-card-content"> |
||||
<div class="content-fix"> |
||||
<slot></slot> |
||||
</div> |
||||
</div> |
||||
<div class="chart-card-footer"> |
||||
<div class="field"> |
||||
<slot name="footer"></slot> |
||||
</div> |
||||
</div> |
||||
</a-card> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "ChartCard", |
||||
props: { |
||||
title: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
total: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
loading: { |
||||
type: Boolean, |
||||
default: false |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less" scoped> |
||||
.chart-card-header { |
||||
position: relative; |
||||
overflow: hidden; |
||||
width: 100%; |
||||
|
||||
.meta { |
||||
position: relative; |
||||
overflow: hidden; |
||||
width: 100%; |
||||
color: rgba(0, 0, 0, .45); |
||||
font-size: 14px; |
||||
line-height: 22px; |
||||
} |
||||
} |
||||
|
||||
.chart-card-action { |
||||
cursor: pointer; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
} |
||||
|
||||
.chart-card-footer { |
||||
border-top: 1px solid #e8e8e8; |
||||
padding-top: 9px; |
||||
margin-top: 8px; |
||||
|
||||
> * { |
||||
position: relative; |
||||
} |
||||
|
||||
.field { |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
margin: 0; |
||||
} |
||||
} |
||||
|
||||
.chart-card-content { |
||||
margin-bottom: 12px; |
||||
position: relative; |
||||
height: 46px; |
||||
width: 100%; |
||||
|
||||
.content-fix { |
||||
position: absolute; |
||||
left: 0; |
||||
bottom: 0; |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
.total { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
word-break: break-all; |
||||
white-space: nowrap; |
||||
color: #000; |
||||
margin-top: 4px; |
||||
margin-bottom: 0; |
||||
font-size: 30px; |
||||
line-height: 38px; |
||||
height: 38px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,103 @@ |
||||
<template> |
||||
<span> |
||||
{{ lastTime | format }} |
||||
</span> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
function fixedZero(val) { |
||||
return val * 1 < 10 ? `0${val}` : val; |
||||
} |
||||
|
||||
export default { |
||||
name: "CountDown", |
||||
props: { |
||||
format: { |
||||
type: Function, |
||||
default: undefined |
||||
}, |
||||
target: { |
||||
type: [Date, Number], |
||||
required: true, |
||||
}, |
||||
onEnd: { |
||||
type: Function, |
||||
default: () => { |
||||
} |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
dateTime: '0', |
||||
originTargetTime: 0, |
||||
lastTime: 0, |
||||
timer: 0, |
||||
interval: 1000 |
||||
} |
||||
}, |
||||
filters: { |
||||
format(time) { |
||||
const hours = 60 * 60 * 1000; |
||||
const minutes = 60 * 1000; |
||||
|
||||
const h = Math.floor(time / hours); |
||||
const m = Math.floor((time - h * hours) / minutes); |
||||
const s = Math.floor((time - h * hours - m * minutes) / 1000); |
||||
return `${fixedZero(h)}:${fixedZero(m)}:${fixedZero(s)}` |
||||
} |
||||
}, |
||||
created() { |
||||
this.initTime() |
||||
this.tick() |
||||
}, |
||||
methods: { |
||||
initTime() { |
||||
let lastTime = 0; |
||||
let targetTime = 0; |
||||
this.originTargetTime = this.target |
||||
try { |
||||
if (Object.prototype.toString.call(this.target) === '[object Date]') { |
||||
targetTime = this.target |
||||
} else { |
||||
targetTime = new Date(this.target).getTime() |
||||
} |
||||
} catch (e) { |
||||
throw new Error('invalid target prop') |
||||
} |
||||
|
||||
lastTime = targetTime - new Date().getTime(); |
||||
|
||||
this.lastTime = lastTime < 0 ? 0 : lastTime |
||||
}, |
||||
tick() { |
||||
const {onEnd} = this |
||||
|
||||
this.timer = setTimeout(() => { |
||||
if (this.lastTime < this.interval) { |
||||
clearTimeout(this.timer) |
||||
this.lastTime = 0 |
||||
if (typeof onEnd === 'function') { |
||||
onEnd(); |
||||
} |
||||
} else { |
||||
this.lastTime -= this.interval |
||||
this.tick() |
||||
} |
||||
}, this.interval) |
||||
} |
||||
}, |
||||
beforeUpdate () { |
||||
if (this.originTargetTime !== this.target) { |
||||
this.initTime() |
||||
} |
||||
}, |
||||
beforeDestroy() { |
||||
clearTimeout(this.timer) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,3 @@ |
||||
import CountDown from './CountDown' |
||||
|
||||
export default CountDown |
||||
@ -0,0 +1,49 @@ |
||||
<script> |
||||
import { cutStrByFullLength, getStrFullLength } from '@/components/_util/StringUtil' |
||||
|
||||
export default { |
||||
name: 'Ellipsis', |
||||
props: { |
||||
prefixCls: { |
||||
type: String, |
||||
default: 'ant-pro-ellipsis' |
||||
}, |
||||
tooltip: { |
||||
type: Boolean, |
||||
default: true, |
||||
}, |
||||
length: { |
||||
type: Number, |
||||
default: 25, |
||||
}, |
||||
lines: { |
||||
type: Number, |
||||
default: 1 |
||||
}, |
||||
fullWidthRecognition: { |
||||
type: Boolean, |
||||
default: false |
||||
} |
||||
}, |
||||
methods: {}, |
||||
render() { |
||||
const { tooltip, length } = this.$props |
||||
let text = '' |
||||
// 处理没有default插槽时的特殊情况 |
||||
if (this.$slots.default) { |
||||
text = this.$slots.default.map(vNode => vNode.text).join('') |
||||
} |
||||
// 判断是否显示 tooltip |
||||
if (tooltip && getStrFullLength(text) > length) { |
||||
return ( |
||||
<a-tooltip> |
||||
<template slot="title">{text}</template> |
||||
<span>{cutStrByFullLength(text, this.length) + '…'}</span> |
||||
</a-tooltip> |
||||
) |
||||
} else { |
||||
return (<span>{text}</span>) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,3 @@ |
||||
import Ellipsis from './Ellipsis' |
||||
|
||||
export default Ellipsis |
||||
@ -0,0 +1,217 @@ |
||||
<template> |
||||
<div> |
||||
<template v-if="hasFile" v-for="(file, fileKey) of [innerFile || {}]"> |
||||
<div :key="fileKey" style="position: relative;"> |
||||
<a-tooltip v-if="file.status==='uploading'" :title="`上传中(${Math.floor(file.percent)}%)`"> |
||||
<a-icon type="loading"/> |
||||
<span style="margin-left:5px">上传中…</span> |
||||
</a-tooltip> |
||||
|
||||
<a-tooltip v-else-if="file.status==='done'" :title="file.name"> |
||||
<a-icon type="paper-clip"/> |
||||
<span style="margin-left:5px">{{ ellipsisFileName }}</span> |
||||
</a-tooltip> |
||||
|
||||
<a-tooltip v-else :title="file.name"> |
||||
<a-icon type="paper-clip" style="color:red;"/> |
||||
<span style="color:red;margin-left:5px">{{ ellipsisFileName }}</span> |
||||
</a-tooltip> |
||||
|
||||
<template style="width: 30px"> |
||||
<a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px;"> |
||||
<a-tooltip title="操作"> |
||||
<a-icon |
||||
v-if="file.status!=='uploading'" |
||||
type="setting" |
||||
style="cursor: pointer;"/> |
||||
</a-tooltip> |
||||
|
||||
<a-menu slot="overlay"> |
||||
<a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile"> |
||||
<span><a-icon type="download"/> 下载</span> |
||||
</a-menu-item> |
||||
<a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile"> |
||||
<span><a-icon type="delete"/> 删除</span> |
||||
</a-menu-item> |
||||
<a-menu-item @click="handleMoreOperation(originColumn)"> |
||||
<span><a-icon type="bars"/> 更多</span> |
||||
</a-menu-item> |
||||
</a-menu> |
||||
</a-dropdown> |
||||
</template> |
||||
</div> |
||||
</template> |
||||
|
||||
<a-upload |
||||
v-show="!hasFile" |
||||
name="file" |
||||
:data="{'isup': 1}" |
||||
:multiple="false" |
||||
:action="uploadAction" |
||||
:headers="uploadHeaders" |
||||
:showUploadList="false" |
||||
v-bind="cellProps" |
||||
@change="handleChangeUpload" |
||||
> |
||||
<a-button icon="upload">{{originColumn.btnText || '上传文件'}}</a-button> |
||||
</a-upload> |
||||
<j-file-pop ref="filePop" @ok="handleFileSuccess" :number="number"/> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getFileAccessHttpUrl } from '@api/manage' |
||||
import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins' |
||||
import { ACCESS_TOKEN } from '@/store/mutation-types' |
||||
import JFilePop from '@/components/jeecg/minipop/JFilePop' |
||||
|
||||
import JVxeUploadCell from '@/components/jeecg/JVxeTable/components/cells/JVxeUploadCell' |
||||
|
||||
export default { |
||||
name: 'JVxeFileCell', |
||||
mixins: [JVxeCellMixins], |
||||
components: {JFilePop}, |
||||
props: {}, |
||||
data() { |
||||
return { |
||||
innerFile: null, |
||||
number:0, |
||||
} |
||||
}, |
||||
computed: { |
||||
/** upload headers */ |
||||
uploadHeaders() { |
||||
let {originColumn: col} = this |
||||
let headers = {} |
||||
if (col.token === true) { |
||||
headers['X-Access-Token'] = this.$ls.get(ACCESS_TOKEN) |
||||
} |
||||
return headers |
||||
}, |
||||
|
||||
/** 上传请求地址 */ |
||||
uploadAction() { |
||||
if (!this.originColumn.action) { |
||||
return window._CONFIG['domianURL'] + '/sys/common/upload' |
||||
} else { |
||||
return this.originColumn.action |
||||
} |
||||
}, |
||||
|
||||
hasFile() { |
||||
return this.innerFile != null |
||||
}, |
||||
|
||||
ellipsisFileName() { |
||||
let length = 5 |
||||
let file = this.innerFile |
||||
if (!file || !file.name) { |
||||
return '' |
||||
} |
||||
if (file.name.length > length) { |
||||
return file.name.substr(0, length) + '…' |
||||
} |
||||
return file.name |
||||
}, |
||||
|
||||
responseName() { |
||||
if (this.originColumn.responseName) { |
||||
return this.originColumn.responseName |
||||
} else { |
||||
return 'message' |
||||
} |
||||
}, |
||||
|
||||
}, |
||||
watch: { |
||||
innerValue: { |
||||
immediate: true, |
||||
handler() { |
||||
if (this.innerValue) { |
||||
this.innerFile = this.innerValue |
||||
} else { |
||||
this.innerFile = null |
||||
} |
||||
}, |
||||
}, |
||||
}, |
||||
methods: { |
||||
|
||||
// 点击更多按钮 |
||||
handleMoreOperation(originColumn) { |
||||
//update-begin-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件 |
||||
if (originColumn.number) { |
||||
this.number = originColumn.number |
||||
} else { |
||||
this.number = 0 |
||||
} |
||||
//update-end-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件 |
||||
if(originColumn && originColumn.fieldExtendJson){ |
||||
let json = JSON.parse(originColumn.fieldExtendJson); |
||||
this.number = json.uploadnum?json.uploadnum:0; |
||||
} |
||||
let path = '' |
||||
if (this.innerFile) { |
||||
path = this.innerFile.path |
||||
} |
||||
this.$refs.filePop.show('', path) |
||||
}, |
||||
|
||||
// 更多上传回调 |
||||
handleFileSuccess(file) { |
||||
if (file) { |
||||
this.innerFile.path = file.path |
||||
this.handleChangeCommon(this.innerFile) |
||||
} |
||||
}, |
||||
|
||||
handleChangeUpload(info) { |
||||
let {originColumn: col} = this |
||||
let {file} = info |
||||
let value = { |
||||
name: file.name, |
||||
type: file.type, |
||||
size: file.size, |
||||
status: file.status, |
||||
percent: file.percent |
||||
} |
||||
if (file.response) { |
||||
value['responseName'] = file.response[this.responseName] |
||||
} |
||||
if (file.status === 'done') { |
||||
value['path'] = file.response[this.responseName] |
||||
this.handleChangeCommon(value) |
||||
} else if (file.status === 'error') { |
||||
value['message'] = file.response.message || '未知错误' |
||||
} |
||||
this.innerFile = value |
||||
}, |
||||
|
||||
handleClickDownloadFile() { |
||||
let {url, path} = this.innerFile || {} |
||||
if (!url || url.length === 0) { |
||||
if (path && path.length > 0) { |
||||
url = getFileAccessHttpUrl(path.split(',')[0]) |
||||
} |
||||
} |
||||
if (url) { |
||||
window.open(url) |
||||
} |
||||
}, |
||||
|
||||
handleClickDeleteFile() { |
||||
this.handleChangeCommon(null) |
||||
}, |
||||
|
||||
}, |
||||
// 【组件增强】注释详见：JVxeCellMixins.js |
||||
enhanced: { |
||||
switches: {visible: true}, |
||||
getValue: value => JVxeUploadCell.enhanced.getValue(value), |
||||
setValue: value => JVxeUploadCell.enhanced.setValue(value), |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
</style> |
||||
@ -0,0 +1,242 @@ |
||||
<template> |
||||
<div> |
||||
<template v-if="hasFile" v-for="(file, fileKey) of [innerFile || {}]"> |
||||
<div :key="fileKey" style="position: relative;"> |
||||
<template v-if="!file || !(file['url'] || file['path'] || file['message'])"> |
||||
<a-tooltip :title="'请稍后: ' + JSON.stringify (file) + ((file['url'] || file['path'] || file['message']))"> |
||||
<a-icon type="loading"/> |
||||
</a-tooltip> |
||||
</template> |
||||
<template v-else-if="file['path']"> |
||||
<img class="j-editable-image" :src="imgSrc" alt="无图片" @click="handleMoreOperation"/> |
||||
</template> |
||||
<template v-else> |
||||
<a-icon type="exclamation-circle" style="color: red;" @click="handleClickShowImageError"/> |
||||
</template> |
||||
<template slot="addonBefore" style="width: 30px"> |
||||
<a-tooltip v-if="file.status==='uploading'" :title="`上传中(${Math.floor(file.percent)}%)`"> |
||||
<a-icon type="loading"/> |
||||
</a-tooltip> |
||||
<a-tooltip v-else-if="file.status==='done'" title="上传完成"> |
||||
<a-icon type="check-circle" style="color:#00DB00;"/> |
||||
</a-tooltip> |
||||
<a-tooltip v-else title="上传失败"> |
||||
<a-icon type="exclamation-circle" style="color:red;"/> |
||||
</a-tooltip> |
||||
</template> |
||||
|
||||
<template style="width: 30px"> |
||||
<a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px;"> |
||||
<a-tooltip title="操作"> |
||||
<a-icon |
||||
v-if="file.status!=='uploading'" |
||||
type="setting" |
||||
style="cursor: pointer;"/> |
||||
</a-tooltip> |
||||
|
||||
<a-menu slot="overlay"> |
||||
<a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile"> |
||||
<span><a-icon type="download"/> 下载</span> |
||||
</a-menu-item> |
||||
<a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile"> |
||||
<span><a-icon type="delete"/> 删除</span> |
||||
</a-menu-item> |
||||
<a-menu-item @click="handleMoreOperation(originColumn)"> |
||||
<span><a-icon type="bars"/> 更多</span> |
||||
</a-menu-item> |
||||
</a-menu> |
||||
</a-dropdown> |
||||
</template> |
||||
|
||||
</div> |
||||
</template> |
||||
<a-upload |
||||
v-show="!hasFile" |
||||
name="file" |
||||
:data="{'isup': 1}" |
||||
:multiple="false" |
||||
:action="uploadAction" |
||||
:headers="uploadHeaders" |
||||
:showUploadList="false" |
||||
v-bind="cellProps" |
||||
@change="handleChangeUpload" |
||||
> |
||||
<a-button icon="upload">{{originColumn.btnText || '上传图片'}}</a-button> |
||||
</a-upload> |
||||
<j-file-pop ref="filePop" @ok="handleFileSuccess" :number="number"/> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getFileAccessHttpUrl } from '@api/manage' |
||||
import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins' |
||||
import { ACCESS_TOKEN } from '@/store/mutation-types' |
||||
import JFilePop from '@/components/jeecg/minipop/JFilePop' |
||||
|
||||
import JVxeUploadCell from '@/components/jeecg/JVxeTable/components/cells/JVxeUploadCell' |
||||
|
||||
export default { |
||||
name: 'JVxeImageCell', |
||||
mixins: [JVxeCellMixins], |
||||
components: {JFilePop}, |
||||
props: {}, |
||||
data() { |
||||
return { |
||||
innerFile: null, |
||||
number:0 |
||||
} |
||||
}, |
||||
computed: { |
||||
/** upload headers */ |
||||
uploadHeaders() { |
||||
let {originColumn: col} = this |
||||
let headers = {} |
||||
if (col.token === true) { |
||||
headers['X-Access-Token'] = this.$ls.get(ACCESS_TOKEN) |
||||
} |
||||
return headers |
||||
}, |
||||
|
||||
/** 上传请求地址 */ |
||||
uploadAction() { |
||||
if (!this.originColumn.action) { |
||||
return window._CONFIG['domianURL'] + '/sys/common/upload' |
||||
} else { |
||||
return this.originColumn.action |
||||
} |
||||
}, |
||||
|
||||
hasFile() { |
||||
return this.innerFile != null |
||||
}, |
||||
|
||||
/** 预览图片地址 */ |
||||
imgSrc() { |
||||
if (this.innerFile) { |
||||
if (this.innerFile['url']) { |
||||
return this.innerFile['url'] |
||||
} else if (this.innerFile['path']) { |
||||
let path = this.innerFile['path'].split(',')[0] |
||||
return getFileAccessHttpUrl(path) |
||||
} |
||||
} |
||||
return '' |
||||
}, |
||||
|
||||
responseName() { |
||||
if (this.originColumn.responseName) { |
||||
return this.originColumn.responseName |
||||
} else { |
||||
return 'message' |
||||
} |
||||
}, |
||||
|
||||
}, |
||||
watch: { |
||||
innerValue: { |
||||
immediate: true, |
||||
handler() { |
||||
if (this.innerValue) { |
||||
this.innerFile = this.innerValue |
||||
} else { |
||||
this.innerFile = null |
||||
} |
||||
}, |
||||
}, |
||||
}, |
||||
methods: { |
||||
|
||||
// 点击更多按钮 |
||||
handleMoreOperation(originColumn) { |
||||
//update-begin-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件 |
||||
if (originColumn.number) { |
||||
this.number = originColumn.number |
||||
} else { |
||||
this.number = 0 |
||||
} |
||||
//update-end-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件 |
||||
if(originColumn && originColumn.fieldExtendJson){ |
||||
let json = JSON.parse(originColumn.fieldExtendJson); |
||||
this.number = json.uploadnum?json.uploadnum:0; |
||||
} |
||||
let path = '' |
||||
if (this.innerFile) { |
||||
path = this.innerFile.path |
||||
} |
||||
this.$refs.filePop.show('', path, 'img') |
||||
}, |
||||
|
||||
// 更多上传回调 |
||||
handleFileSuccess(file) { |
||||
if (file) { |
||||
this.innerFile.path = file.path |
||||
this.handleChangeCommon(this.innerFile) |
||||
} |
||||
}, |
||||
|
||||
// 弹出上传出错详细信息 |
||||
handleClickShowImageError() { |
||||
let file = this.innerFile || null |
||||
if (file && file['message']) { |
||||
this.$error({title: '上传出错', content: '错误信息：' + file['message'], maskClosable: true}) |
||||
} |
||||
}, |
||||
|
||||
handleChangeUpload(info) { |
||||
let {originColumn: col} = this |
||||
let {file} = info |
||||
let value = { |
||||
name: file.name, |
||||
type: file.type, |
||||
size: file.size, |
||||
status: file.status, |
||||
percent: file.percent |
||||
} |
||||
if (file.response) { |
||||
value['responseName'] = file.response[this.responseName] |
||||
} |
||||
if (file.status === 'done') { |
||||
value['path'] = file.response[this.responseName] |
||||
this.handleChangeCommon(value) |
||||
} else if (file.status === 'error') { |
||||
value['message'] = file.response.message || '未知错误' |
||||
} |
||||
this.innerFile = value |
||||
}, |
||||
|
||||
handleClickDownloadFile() { |
||||
if (this.imgSrc) { |
||||
window.open(this.imgSrc) |
||||
} |
||||
}, |
||||
|
||||
handleClickDeleteFile() { |
||||
this.handleChangeCommon(null) |
||||
}, |
||||
|
||||
}, |
||||
// 【组件增强】注释详见：JVxeCellMixins.js |
||||
enhanced: { |
||||
switches: {visible: true}, |
||||
getValue: value => JVxeUploadCell.enhanced.getValue(value), |
||||
setValue: value => JVxeUploadCell.enhanced.setValue(value), |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
.j-editable-image { |
||||
height: 32px; |
||||
max-width: 100px !important; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
opacity: 0.8; |
||||
} |
||||
|
||||
&:active { |
||||
opacity: 0.6; |
||||
} |
||||
|
||||
} |
||||
</style> |
||||
@ -0,0 +1,63 @@ |
||||
<template> |
||||
<j-popup |
||||
v-bind="popupProps" |
||||
@input="handlePopupInput" |
||||
/> |
||||
</template> |
||||
|
||||
<script> |
||||
import JVxeCellMixins, { dispatchEvent, vModel } from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins' |
||||
|
||||
export default { |
||||
name: 'JVxePopupCell', |
||||
mixins: [JVxeCellMixins], |
||||
computed: { |
||||
popupProps() { |
||||
const {innerValue, originColumn: col, caseId, cellProps} = this |
||||
return { |
||||
...cellProps, |
||||
value: innerValue, |
||||
field: col.field || col.key, |
||||
code: col.popupCode, |
||||
orgFields: col.orgFields, |
||||
destFields: col.destFields, |
||||
groupId: caseId, |
||||
param: col.param, |
||||
sorter: col.sorter, |
||||
} |
||||
}, |
||||
}, |
||||
methods: { |
||||
/** popup回调 */ |
||||
handlePopupInput(value, others) { |
||||
const {row, originColumn: col} = this |
||||
// 存储输入的值 |
||||
let popupValue = value |
||||
if (others && Object.keys(others).length > 0) { |
||||
Object.keys(others).forEach(key => { |
||||
let currentValue = others[key] |
||||
// 当前列直接赋值，其他列通过vModel赋值 |
||||
if (key === col.key) { |
||||
popupValue = currentValue |
||||
} else { |
||||
vModel.call(this, currentValue, row, key) |
||||
} |
||||
}) |
||||
} |
||||
this.handleChangeCommon(popupValue) |
||||
}, |
||||
}, |
||||
// 【组件增强】注释详见：JVxeCellMixins.js |
||||
enhanced: { |
||||
aopEvents: { |
||||
editActived(event) { |
||||
dispatchEvent.call(this, event, 'ant-input') |
||||
}, |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,60 @@ |
||||
<template> |
||||
<a-radio-group |
||||
:class="clazz" |
||||
:value="innerValue" |
||||
v-bind="cellProps" |
||||
@change="(e)=>handleChangeCommon(e.target.value)" |
||||
> |
||||
<a-radio |
||||
v-for="item of originColumn.options" |
||||
:key="item.value" |
||||
:value="item.value" |
||||
@click="$event=>handleRadioClick(item,$event)" |
||||
>{{ item.text }} |
||||
</a-radio> |
||||
</a-radio-group> |
||||
</template> |
||||
|
||||
<script> |
||||
import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins' |
||||
|
||||
export default { |
||||
name: 'JVxeRadioCell', |
||||
mixins: [JVxeCellMixins], |
||||
computed: { |
||||
scrolling() { |
||||
return !!this.renderOptions.scrolling |
||||
}, |
||||
clazz() { |
||||
return { |
||||
'j-vxe-radio': true, |
||||
'no-animation': this.scrolling |
||||
} |
||||
}, |
||||
}, |
||||
methods: { |
||||
handleRadioClick(item) { |
||||
if (this.originColumn.allowClear === true) { |
||||
// 取消选择 |
||||
if (item.value === this.innerValue) { |
||||
this.handleChangeCommon(null) |
||||
} |
||||
} |
||||
}, |
||||
}, |
||||
// 【组件增强】注释详见：JVxeCellMixins.js |
||||
enhanced: { |
||||
switches: {visible: true}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
// 关闭动画，防止滚动时动态赋值出现问题 |
||||
.j-vxe-radio.no-animation { |
||||
.ant-radio-inner, |
||||
.ant-radio-inner::after { |
||||
transition: none !important; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,262 @@ |
||||
import debounce from 'lodash/debounce' |
||||
import { getAction } from '@/api/manage' |
||||
import { cloneObject } from '@/utils/util' |
||||
import { filterDictText } from '@/components/dict/JDictSelectUtil' |
||||
import { ajaxGetDictItems, getDictItemsFromCache } from '@/api/api' |
||||
import JVxeCellMixins, { dispatchEvent } from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins' |
||||
|
||||
/** 公共资源 */ |
||||
const common = { |
||||
/** value - label map，防止重复查询（刷新清空缓存） */ |
||||
labelMap: new Map(), |
||||
|
||||
/** 公共data */ |
||||
data() { |
||||
return { |
||||
loading: false, |
||||
innerSelectValue: null, |
||||
innerOptions: [], |
||||
} |
||||
}, |
||||
/** 公共计算属性 */ |
||||
computed: { |
||||
dict() { |
||||
return this.originColumn.dict |
||||
}, |
||||
options() { |
||||
if (this.isAsync) { |
||||
return this.innerOptions |
||||
} else { |
||||
return this.originColumn.options || [] |
||||
} |
||||
}, |
||||
// 是否是异步模式
|
||||
isAsync() { |
||||
let isAsync = this.originColumn.async |
||||
return (isAsync != null && isAsync !== '') ? !!isAsync : true |
||||
}, |
||||
}, |
||||
/** 公共属性监听 */ |
||||
watch: { |
||||
innerValue: { |
||||
immediate: true, |
||||
handler(value) { |
||||
if (value == null || value === '') { |
||||
this.innerSelectValue = null |
||||
} else { |
||||
this.loadDataByValue(value) |
||||
} |
||||
} |
||||
}, |
||||
dict() { |
||||
this.loadDataByDict() |
||||
} |
||||
}, |
||||
/** 公共方法 */ |
||||
methods: { |
||||
|
||||
// 根据 value 查询数据，用于回显
|
||||
async loadDataByValue(value) { |
||||
if (this.isAsync) { |
||||
if (this.innerSelectValue !== value) { |
||||
if (common.labelMap.has(value)) { |
||||
this.innerOptions = cloneObject(common.labelMap.get(value)) |
||||
} else { |
||||
let {success, result} = await getAction(`/sys/dict/loadDictItem/${this.dict}`, {key: value}) |
||||
if (success && result && result.length > 0) { |
||||
this.innerOptions = [{value: value, text: result[0]}] |
||||
common.labelMap.set(value, cloneObject(this.innerOptions)) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
this.innerSelectValue = (value || '').toString() |
||||
}, |
||||
|
||||
// 初始化字典
|
||||
async loadDataByDict() { |
||||
if (!this.isAsync) { |
||||
// 如果字典项集合有数据
|
||||
if (!this.originColumn.options || this.originColumn.options.length === 0) { |
||||
// 根据字典Code, 初始化字典数组
|
||||
let dictStr = '' |
||||
if (this.dict) { |
||||
let arr = this.dict.split(',') |
||||
if (arr[0].indexOf('where') > 0) { |
||||
let tbInfo = arr[0].split('where') |
||||
dictStr = tbInfo[0].trim() + ',' + arr[1] + ',' + arr[2] + ',' + encodeURIComponent(tbInfo[1]) |
||||
} else { |
||||
dictStr = this.dict |
||||
} |
||||
if (this.dict.indexOf(',') === -1) { |
||||
//优先从缓存中读取字典配置
|
||||
let cache = getDictItemsFromCache(this.dict) |
||||
if (cache) { |
||||
this.innerOptions = cache |
||||
return |
||||
} |
||||
} |
||||
let {success, result} = await ajaxGetDictItems(dictStr, null) |
||||
if (success) { |
||||
this.innerOptions = result |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
|
||||
}, |
||||
|
||||
} |
||||
|
||||
// 显示组件，自带翻译
|
||||
export const DictSearchSpanCell = { |
||||
name: 'JVxeSelectSearchSpanCell', |
||||
mixins: [JVxeCellMixins], |
||||
data() { |
||||
return { |
||||
...common.data.apply(this), |
||||
} |
||||
}, |
||||
computed: { |
||||
...common.computed, |
||||
}, |
||||
watch: { |
||||
...common.watch, |
||||
}, |
||||
methods: { |
||||
...common.methods, |
||||
}, |
||||
render(h) { |
||||
return h('span', {}, [ |
||||
filterDictText(this.innerOptions, this.innerSelectValue || this.innerValue) |
||||
]) |
||||
}, |
||||
} |
||||
|
||||
// 请求id
|
||||
let requestId = 0 |
||||
|
||||
// 输入选择组件
|
||||
export const DictSearchInputCell = { |
||||
name: 'JVxeSelectSearchInputCell', |
||||
mixins: [JVxeCellMixins], |
||||
data() { |
||||
return { |
||||
...common.data.apply(this), |
||||
|
||||
hasRequest: false, |
||||
scopedSlots: { |
||||
notFoundContent: () => { |
||||
if (this.loading) { |
||||
return <a-spin size="small"/> |
||||
} else if (this.hasRequest) { |
||||
return <div>没有查询到任何数据</div> |
||||
} else { |
||||
return <div>{this.tipsContent}</div> |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
computed: { |
||||
...common.computed, |
||||
tipsContent() { |
||||
return this.originColumn.tipsContent || '请输入搜索内容' |
||||
}, |
||||
filterOption() { |
||||
if (this.isAsync) { |
||||
return null |
||||
} |
||||
return (input, option) => option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0 |
||||
}, |
||||
}, |
||||
watch: { |
||||
...common.watch, |
||||
}, |
||||
created() { |
||||
this.loadData = debounce(this.loadData, 300)//消抖
|
||||
}, |
||||
methods: { |
||||
...common.methods, |
||||
|
||||
loadData(value) { |
||||
const currentRequestId = ++requestId |
||||
this.loading = true |
||||
this.innerOptions = [] |
||||
if (value == null || value.trim() === '') { |
||||
this.loading = false |
||||
this.hasRequest = false |
||||
return |
||||
} |
||||
// 字典code格式：table,text,code
|
||||
this.hasRequest = true |
||||
getAction(`/sys/dict/loadDict/${this.dict}`, {keyword: value}).then(res => { |
||||
if (currentRequestId !== requestId) { |
||||
return |
||||
} |
||||
let {success, result, message} = res |
||||
if (success) { |
||||
this.innerOptions = result |
||||
result.forEach((item) => { |
||||
common.labelMap.set(item.value, [item]) |
||||
}) |
||||
} else { |
||||
this.$message.warning(message) |
||||
} |
||||
}).finally(() => { |
||||
this.loading = false |
||||
}) |
||||
}, |
||||
|
||||
handleChange(selectedValue) { |
||||
this.innerSelectValue = selectedValue |
||||
this.handleChangeCommon(this.innerSelectValue) |
||||
}, |
||||
handleSearch(value) { |
||||
if (this.isAsync) { |
||||
// 在输入时也应该开启加载，因为loadData加了消抖，所以会有800ms的用户主观上认为的卡顿时间
|
||||
this.loading = true |
||||
if (this.innerOptions.length > 0) { |
||||
this.innerOptions = [] |
||||
} |
||||
this.loadData(value) |
||||
} |
||||
}, |
||||
|
||||
renderOptionItem() { |
||||
let options = [] |
||||
this.options.forEach(({value, text, label, title, disabled}) => { |
||||
options.push( |
||||
<a-select-option key={value} value={value} disabled={disabled}>{text || label || title}</a-select-option> |
||||
) |
||||
}) |
||||
return options |
||||
}, |
||||
}, |
||||
render() { |
||||
return ( |
||||
<a-select |
||||
showSearch |
||||
allowClear |
||||
value={this.innerSelectValue} |
||||
filterOption={this.filterOption} |
||||
style="width: 100%" |
||||
{...this.cellProps} |
||||
onSearch={this.handleSearch} |
||||
onChange={this.handleChange} |
||||
scopedSlots={this.scopedSlots} |
||||
> |
||||
{this.renderOptionItem()} |
||||
</a-select> |
||||
) |
||||
}, |
||||
// 【组件增强】注释详见：JVxeCellMixins.js
|
||||
enhanced: { |
||||
aopEvents: { |
||||
editActived(event) { |
||||
dispatchEvent.call(this, event, 'ant-select') |
||||
}, |
||||
}, |
||||
} |
||||
} |
||||
@ -0,0 +1,36 @@ |
||||
import { installCell, JVXETypes } from '@/components/jeecg/JVxeTable' |
||||
import JVxePopupCell from './JVxePopupCell' |
||||
import { DictSearchInputCell, DictSearchSpanCell } from './JVxeSelectDictSearchCell' |
||||
import JVxeFileCell from './JVxeFileCell' |
||||
import JVxeImageCell from './JVxeImageCell' |
||||
import JVxeRadioCell from './JVxeRadioCell' |
||||
import JVxeSelectCell from '@comp/jeecg/JVxeTable/components/cells/JVxeSelectCell' |
||||
import JVxeTextareaCell from '@comp/jeecg/JVxeTable/components/cells/JVxeTextareaCell' |
||||
|
||||
// 注册online组件
|
||||
JVXETypes.input_pop = 'input_pop' |
||||
JVXETypes.list_multi = 'list_multi' |
||||
JVXETypes.sel_search = 'sel_search' |
||||
installCell(JVXETypes.input_pop, JVxeTextareaCell) |
||||
installCell(JVXETypes.list_multi, JVxeSelectCell) |
||||
installCell(JVXETypes.sel_search, JVxeSelectCell) |
||||
|
||||
// 注册【popup】组件（普通封装方式）
|
||||
JVXETypes.popup = 'popup' |
||||
installCell(JVXETypes.popup, JVxePopupCell) |
||||
|
||||
// 注册【字典搜索下拉】组件（高级封装方式）
|
||||
JVXETypes.selectDictSearch = 'select-dict-search' |
||||
installCell(JVXETypes.selectDictSearch, DictSearchInputCell, DictSearchSpanCell) |
||||
|
||||
// 注册【文件上传】组件
|
||||
JVXETypes.file = 'file' |
||||
installCell(JVXETypes.file, JVxeFileCell) |
||||
|
||||
// 注册【图片上传】组件
|
||||
JVXETypes.image = 'image' |
||||
installCell(JVXETypes.image, JVxeImageCell) |
||||
|
||||
// 注册【单选框】组件
|
||||
JVXETypes.radio = 'radio' |
||||
installCell(JVXETypes.radio, JVxeRadioCell) |
||||
@ -0,0 +1,54 @@ |
||||
<template> |
||||
<div :class="[prefixCls]"> |
||||
<slot name="subtitle"> |
||||
<div :class="[`${prefixCls}-subtitle`]">{{ typeof subTitle === 'string' ? subTitle : subTitle() }}</div> |
||||
</slot> |
||||
<div class="number-info-value"> |
||||
<span>{{ total }}</span> |
||||
<span class="sub-total"> |
||||
{{ subTotal }} |
||||
<icon :type="`caret-${status}`" /> |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Icon from 'ant-design-vue/es/icon' |
||||
|
||||
export default { |
||||
name: 'NumberInfo', |
||||
props: { |
||||
prefixCls: { |
||||
type: String, |
||||
default: 'ant-pro-number-info' |
||||
}, |
||||
total: { |
||||
type: Number, |
||||
required: true |
||||
}, |
||||
subTotal: { |
||||
type: Number, |
||||
required: true |
||||
}, |
||||
subTitle: { |
||||
type: [String, Function], |
||||
default: '' |
||||
}, |
||||
status: { |
||||
type: String, |
||||
default: 'up' |
||||
} |
||||
}, |
||||
components: { |
||||
Icon |
||||
}, |
||||
data () { |
||||
return {} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less" scoped> |
||||
/*@import "index";*/ |
||||
</style> |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue