| | |
|---|
| | | # Object files |
|---|
| | | *.o |
|---|
| | | *.ko |
|---|
| | | *.obj |
|---|
| | | *.elf |
|---|
| | | .DS_Store |
|---|
| | | node_modules |
|---|
| | | /dist |
|---|
| | | |
|---|
| | | # Libraries |
|---|
| | | *.lib |
|---|
| | | *.a |
|---|
| | | |
|---|
| | | # Shared objects (inc. Windows DLLs) |
|---|
| | | *.dll |
|---|
| | | *.so |
|---|
| | | *.so.* |
|---|
| | | *.dylib |
|---|
| | | # local env files |
|---|
| | | .env.local |
|---|
| | | .env.*.local |
|---|
| | | |
|---|
| | | # Executables |
|---|
| | | *.exe |
|---|
| | | *.out |
|---|
| | | *.app |
|---|
| | | *.i*86 |
|---|
| | | *.x86_64 |
|---|
| | | *.hex |
|---|
| | | # Log files |
|---|
| | | npm-debug.log* |
|---|
| | | yarn-debug.log* |
|---|
| | | yarn-error.log* |
|---|
| | | pnpm-debug.log* |
|---|
| | | |
|---|
| | | # Editor directories and files |
|---|
| | | .idea |
|---|
| | | .vscode |
|---|
| | | *.suo |
|---|
| | | *.ntvs* |
|---|
| | | *.njsproj |
|---|
| | | *.sln |
|---|
| | | *.sw? |
|---|
| | |
|---|
| | | ## herbalPiecedatabase |
|---|
| | | # website |
|---|
| | | |
|---|
| | | ä¸å»é¥®çæ°æ®åº |
|---|
| | | ## Project setup |
|---|
| | | ``` |
|---|
| | | yarn install |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ### Compiles and hot-reloads for development |
|---|
| | | ``` |
|---|
| | | yarn serve |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ### Compiles and minifies for production |
|---|
| | | ``` |
|---|
| | | yarn build |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ### Lints and fixes files |
|---|
| | | ``` |
|---|
| | | yarn lint |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ### Customize configuration |
|---|
| | | See [Configuration Reference](https://cli.vuejs.org/config/). |
|---|
| New file |
| | |
|---|
| | | module.exports = { |
|---|
| | | presets: [ |
|---|
| | | '@vue/cli-plugin-babel/preset' |
|---|
| | | ] |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | { |
|---|
| | | "compilerOptions": { |
|---|
| | | "target": "es5", |
|---|
| | | "module": "esnext", |
|---|
| | | "baseUrl": "./", |
|---|
| | | "moduleResolution": "node", |
|---|
| | | "paths": { |
|---|
| | | "@/*": [ |
|---|
| | | "src/*" |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | "lib": [ |
|---|
| | | "esnext", |
|---|
| | | "dom", |
|---|
| | | "dom.iterable", |
|---|
| | | "scripthost" |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | { |
|---|
| | | "name": "website", |
|---|
| | | "version": "0.1.0", |
|---|
| | | "private": true, |
|---|
| | | "scripts": { |
|---|
| | | "serve": "vue-cli-service serve", |
|---|
| | | "build": "vue-cli-service build", |
|---|
| | | "lint": "vue-cli-service lint" |
|---|
| | | }, |
|---|
| | | "dependencies": { |
|---|
| | | "@vicons/ionicons5": "^0.12.0", |
|---|
| | | "axios": "^0.27.2", |
|---|
| | | "core-js": "^3.8.3", |
|---|
| | | "element-china-area-data": "^5.0.2", |
|---|
| | | "element-ui": "^2.15.10", |
|---|
| | | "moment": "^2.29.4", |
|---|
| | | "qrcodejs2": "0.0.2", |
|---|
| | | "spark-md5": "^3.0.2", |
|---|
| | | "vue": "^2.6.14", |
|---|
| | | "vue-router": "^3.5.1", |
|---|
| | | "vue-wxlogin": "^1.0.4", |
|---|
| | | "vuex": "^3.6.2" |
|---|
| | | }, |
|---|
| | | "devDependencies": { |
|---|
| | | "@babel/core": "^7.12.16", |
|---|
| | | "@babel/eslint-parser": "^7.12.16", |
|---|
| | | "@vue/cli-plugin-babel": "~5.0.0", |
|---|
| | | "@vue/cli-plugin-eslint": "~5.0.0", |
|---|
| | | "@vue/cli-plugin-router": "~5.0.0", |
|---|
| | | "@vue/cli-plugin-vuex": "~5.0.0", |
|---|
| | | "@vue/cli-service": "~5.0.0", |
|---|
| | | "eslint": "^7.32.0", |
|---|
| | | "eslint-plugin-vue": "^8.0.3", |
|---|
| | | "less": "^4.1.3", |
|---|
| | | "less-loader": "^11.0.0", |
|---|
| | | "vue-template-compiler": "^2.6.14" |
|---|
| | | }, |
|---|
| | | "eslintConfig": { |
|---|
| | | "root": true, |
|---|
| | | "env": { |
|---|
| | | "node": true |
|---|
| | | }, |
|---|
| | | "extends": [ |
|---|
| | | "plugin:vue/essential", |
|---|
| | | "eslint:recommended" |
|---|
| | | ], |
|---|
| | | "parserOptions": { |
|---|
| | | "parser": "@babel/eslint-parser" |
|---|
| | | }, |
|---|
| | | "rules": { |
|---|
| | | "vue/multi-word-component-names": 0, |
|---|
| | | "no-debugger": "off", |
|---|
| | | "no-unused-vars": "warn" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "browserslist": [ |
|---|
| | | "> 1%", |
|---|
| | | "last 2 versions", |
|---|
| | | "not dead" |
|---|
| | | ] |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="zh-cn"> |
|---|
| | | <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"> |
|---|
| | | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|---|
| | | <title>ä¸è¯é¥®çå¨çº¿å¦ä¹ ä¸æºå¨è§è§è¯å«å¹³å°</title> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <noscript> |
|---|
| | | <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
|---|
| | | </noscript> |
|---|
| | | <div id="app"></div> |
|---|
| | | <!-- built files will be auto injected --> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div id="app"> |
|---|
| | | <router-view /> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { watch } from "vue"; |
|---|
| | | import { setSessionGuid, setNewView, storage } from "./assets/js/userAction"; |
|---|
| | | import tool from "./assets/js/toolClass"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: "App", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | imgsrc: require("@/assets/images/officialAccount.jpg"), |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | // å¨ç§»å¨ç«¯æå¼Pcç½ç«æ¶çæ示 |
|---|
| | | if ( |
|---|
| | | window.navigator.userAgent.match( |
|---|
| | | /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i |
|---|
| | | ) |
|---|
| | | ) { |
|---|
| | | this.$alert( |
|---|
| | | "<p style='text-align:left;'>请å¨PC端æå¼æ¤ç½é¡µï¼ææ«æä¸æ¹äºç»´ç å
³æ³¨æ社å
¬ä¼å·ï¼åå»èåæ ä¸çâæå¦æå¡âæµè§ç¸å
³ä¿¡æ¯ãç³è¯·æ ·ä¹¦æä¸è½½ææé
å¥çèµæºã</p><img src='" + |
|---|
| | | this.imgsrc + |
|---|
| | | "'>", |
|---|
| | | "æ示", |
|---|
| | | { |
|---|
| | | dangerouslyUseHTMLString: true, |
|---|
| | | center: true, |
|---|
| | | customClass: "msgbox", |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | |
|---|
| | | //å¨é¡µé¢å è½½æ¶è¯»åsessionStorageéçç¶æä¿¡æ¯ |
|---|
| | | if (sessionStorage.getItem("store")) { |
|---|
| | | this.$store.replaceState( |
|---|
| | | Object.assign( |
|---|
| | | {}, |
|---|
| | | this.$store.state, |
|---|
| | | JSON.parse(sessionStorage.getItem("store")) |
|---|
| | | ) |
|---|
| | | ); |
|---|
| | | sessionStorage.removeItem("store"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | //å¨é¡µé¢å·æ°æ¶å°vuexéçä¿¡æ¯ä¿åå°sessionStorageé |
|---|
| | | window.addEventListener("beforeunload", () => { |
|---|
| | | sessionStorage.setItem("store", JSON.stringify(this.$store.state)); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | $route(to, from) { |
|---|
| | | // if (to.path.indexOf("AdminLogin") == -1 && from.path.indexOf("AdminLogin") == -1) { |
|---|
| | | // const detailList = ["/bookStore/detail", "teachingServices/detail"]; |
|---|
| | | // if (detailList.includes(to.path)) { |
|---|
| | | // if (to.path == "/bookStore/detail") { |
|---|
| | | // setNewView("productId", to.query.id); |
|---|
| | | // } else { |
|---|
| | | // setNewView("cmsItemId", to.query.id); |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // let sessionGuid = storage.get("sessionGuid"); |
|---|
| | | // const token = tool.getCookie("websiteFrontToken"); |
|---|
| | | // if (!sessionGuid) { |
|---|
| | | // setSessionGuid(); |
|---|
| | | // } |
|---|
| | | // sessionStorage.setItem("fromPath", from.fullPath.substring(1)); |
|---|
| | | // sessionStorage.setItem("toPath", to.fullPath.substring(1)); |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less"> |
|---|
| | | @import "~@/assets/css/base.css"; |
|---|
| | | @import "~@/assets/css/common.css"; |
|---|
| | | |
|---|
| | | html, |
|---|
| | | body, |
|---|
| | | #app { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background-color: #f1f8f4; |
|---|
| | | .msgbox { |
|---|
| | | width: 380px !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style lang="less"> |
|---|
| | | // å¯ææ¬å®¹å¨ï¼ä¿çå¯ææ¬é»è®¤æ ·å¼ï¼æè§å³æå¾ |
|---|
| | | .richTextBox { |
|---|
| | | line-height: 1.4; |
|---|
| | | font-size: 14px; |
|---|
| | | * { |
|---|
| | | margin: revert; |
|---|
| | | padding: revert; |
|---|
| | | border: revert; |
|---|
| | | font: revert; |
|---|
| | | vertical-align: revert; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style lang="less" scoped></style> |
|---|
| New file |
| | |
|---|
| | | /* http://meyerweb.com/eric/tools/css/reset/ |
|---|
| | | v2.0 | 20110126 |
|---|
| | | License: none (public domain) |
|---|
| | | */ |
|---|
| | | |
|---|
| | | html, body, div, span, applet, object, iframe, |
|---|
| | | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|---|
| | | a, abbr, acronym, address, big, cite, code, |
|---|
| | | del, dfn, em, img, ins, kbd, q, s, samp, |
|---|
| | | small, strike, strong, sub, sup, tt, var, |
|---|
| | | b, u, i, center, |
|---|
| | | dl, dt, dd, ol, ul, li, |
|---|
| | | fieldset, form, label, legend, |
|---|
| | | table, caption, tbody, tfoot, thead, tr, th, td, |
|---|
| | | article, aside, canvas, details, embed, |
|---|
| | | figure, figcaption, footer, header, hgroup, |
|---|
| | | menu, nav, output, ruby, section, summary, |
|---|
| | | time, mark, audio, video { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | border: 0; |
|---|
| | | font-size: 100%; |
|---|
| | | font: inherit; |
|---|
| | | vertical-align: baseline; |
|---|
| | | } |
|---|
| | | /* HTML5 display-role reset for older browsers */ |
|---|
| | | article, aside, details, figcaption, figure, |
|---|
| | | footer, header, hgroup, menu, nav, section { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | body { |
|---|
| | | line-height: 1; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | ol, ul { |
|---|
| | | list-style: none; |
|---|
| | | } |
|---|
| | | blockquote, q { |
|---|
| | | quotes: none; |
|---|
| | | } |
|---|
| | | blockquote:before, blockquote:after, |
|---|
| | | q:before, q:after { |
|---|
| | | content: ''; |
|---|
| | | content: none; |
|---|
| | | } |
|---|
| | | table { |
|---|
| | | border-collapse: collapse; |
|---|
| | | border-spacing: 0; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | /* å±
ä¸å¸å± */ |
|---|
| | | .contentBox{ |
|---|
| | | width: 1200px; |
|---|
| | | margin: 0 auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* èªéåºå¾ç */ |
|---|
| | | .autoImg { |
|---|
| | | width: auto; |
|---|
| | | height: auto; |
|---|
| | | max-width: 100%; |
|---|
| | | max-height: 100%; |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | margin: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .bannerImg { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | margin: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* å
è´¹ */ |
|---|
| | | .freePrice { |
|---|
| | | color: #0bc266 !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* å¯ææ¬å®¹å¨ï¼ä¿çå¯ææ¬é»è®¤æ ·å¼ï¼æè§å³æå¾ */ |
|---|
| | | .richTextBox { |
|---|
| | | line-height: 1.4; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .richTextBox p { |
|---|
| | | display: block; |
|---|
| | | margin-block-start: 1em; |
|---|
| | | margin-block-end: 1em; |
|---|
| | | margin-inline-start: 0px; |
|---|
| | | margin-inline-end: 0px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .richTextBox table[border]:not([border="0"]):not([style*=border-style]) td, .richTextBox table[border]:not([border="0"]):not([style*=border-style]) th { |
|---|
| | | border-style: solid; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .richTextBox table[border]:not([border="0"]):not([style*=border-width]) td, .richTextBox table[border]:not([border="0"]):not([style*=border-width]) th { |
|---|
| | | border-width: 1px; |
|---|
| | | } |
|---|
| | | .richTextBox table:not([cellpadding]) td, .richTextBox table:not([cellpadding]) th { |
|---|
| | | padding: 0.4rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* åè¡çç¥ */ |
|---|
| | | .ellipsis { |
|---|
| | | overflow: hidden; |
|---|
| | | white-space: nowrap; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* flexå¸å± */ |
|---|
| | | .flex { |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex1 { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* ä¸ä¼ å¾ç */ |
|---|
| | | .avatar-uploader .el-upload { |
|---|
| | | width: 190px; |
|---|
| | | height: 140px; |
|---|
| | | border: 1px dashed #d9d9d9; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .avatar-uploader .el-upload:hover { |
|---|
| | | border-color: #409eff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .avatarCover { |
|---|
| | | display: block; |
|---|
| | | position: absolute; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | top: 0; |
|---|
| | | bottom: 0; |
|---|
| | | max-width: 100%; |
|---|
| | | max-height: 100%; |
|---|
| | | margin: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* å
ç½®ç¶æåä½é¢è² */ |
|---|
| | | .primaryTxt { |
|---|
| | | color: #00873C !important; |
|---|
| | | } |
|---|
| | | .successTxt { |
|---|
| | | color: #67c23a !important; |
|---|
| | | } |
|---|
| | | .warningTxt { |
|---|
| | | color: #e6a23c !important; |
|---|
| | | } |
|---|
| | | .errorTxt { |
|---|
| | | color: #f56c6c !important; |
|---|
| | | } |
|---|
| | | .infoTxt { |
|---|
| | | color: #999 !important; |
|---|
| | | } |
|---|
| | | /* å
ç½®ç¶æèæ¯é¢è² */ |
|---|
| | | .primaryBack { |
|---|
| | | color: #fff !important; |
|---|
| | | background: #00873C !important; |
|---|
| | | } |
|---|
| | | .successBack { |
|---|
| | | color: #fff !important; |
|---|
| | | background: #67c23a !important; |
|---|
| | | } |
|---|
| | | .warningBack { |
|---|
| | | color: #fff !important; |
|---|
| | | background: #e6a23c !important; |
|---|
| | | } |
|---|
| | | .errorBack { |
|---|
| | | color: #fff !important; |
|---|
| | | background: #f56c6c !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 主é¢è²ä¿®æ¹,æ ¹æ®UIæ¡æ¶å³å®æ¯å¦éè¦ */ |
|---|
| | | /* .el-button--primary { |
|---|
| | | background-color: #00873C !important; |
|---|
| | | border-color: #00873C !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--primary:focus, |
|---|
| | | .el-button--primary:hover { |
|---|
| | | background: #086833 !important; |
|---|
| | | border-color: #086833 !important; |
|---|
| | | color: #fff !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-tabs__item.is-active { |
|---|
| | | color: #00873C !important; |
|---|
| | | } */ |
|---|
| | | |
|---|
| | | .el-input-group__append, .el-input-group__prepend { |
|---|
| | | vertical-align: initial !important; |
|---|
| | | } |
|---|
| | | .el-checkbox__inner{ |
|---|
| | | border: 1px solid #000 !important; |
|---|
| | | width: 20px !important; |
|---|
| | | height: 20px !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-checkbox__inner::after { |
|---|
| | | left: 7px !important; |
|---|
| | | top: 4px !important; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | |
|---|
| | | @defaultColor: #00873C; |
|---|
| | | |
|---|
| | | @color: @defaultColor; |
|---|
| New file |
| | |
|---|
| | | @font-face { |
|---|
| | | font-family: "iconfont"; /* Project id 3721619 */ |
|---|
| | | src: url('iconfont.woff2?t=1666778377066') format('woff2'), |
|---|
| | | url('iconfont.woff?t=1666778377066') format('woff'), |
|---|
| | | url('iconfont.ttf?t=1666778377066') format('truetype'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .iconfont { |
|---|
| | | font-family: "iconfont" !important; |
|---|
| | | font-size: 16px; |
|---|
| | | font-style: normal; |
|---|
| | | -webkit-font-smoothing: antialiased; |
|---|
| | | -moz-osx-font-smoothing: grayscale; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-dianhua:before { |
|---|
| | | content: "\e61b"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-tongxunlu:before { |
|---|
| | | content: "\e632"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-renwu-ren:before { |
|---|
| | | content: "\e749"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-QQ:before { |
|---|
| | | content: "\e882"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-shanchu:before { |
|---|
| | | content: "\e74b"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-tubiaozhizuo-:before { |
|---|
| | | content: "\e605"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-icon_yulan:before { |
|---|
| | | content: "\eb8a"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-xiazai:before { |
|---|
| | | content: "\e606"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-fenxiang:before { |
|---|
| | | content: "\e602"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-shoucang:before { |
|---|
| | | content: "\e68e"; |
|---|
| | | } |
|---|
| | | |
|---|
| New file |
| | |
|---|
| | | window._iconfont_svg_string_3721619='<svg><symbol id="icon-dianhua" viewBox="0 0 1024 1024"><path d="M766.438946 943.5579c-4.429893 0-7.181563-0.145309-7.476275-0.160659l-0.290619-0.01842c-42.736337-3.02387-90.967828-17.787108-139.483798-42.693358l-0.587378-0.315178-54.078663-30.248931c-102.549607-56.177464-259.853259-218.356147-266.500657-225.233787l-11.432377-11.828396 0.092098-0.11461c-27.666106-29.688159-84.594677-94.66094-133.902686-175.60753-55.477522-91.075275-81.612763-169.619142-77.67815-233.44889 2.922563-47.425126 22.463618-85.97307 58.07979-114.573455 38.268582-30.728862 73.250304-43.540655 106.933451-39.162952 36.108383 4.690836 69.019956 28.681226 103.573937 75.497485 2.307555 3.127224 4.591575 6.207375 6.842849 9.244548 25.679869 34.643008 47.857984 64.562435 55.935963 95.558379 9.42772 36.173874-1.87572 69.727061-34.558074 102.576213l-1.133823 1.139963-0.239454 0.143263c-1.543146 1.576915-8.922207 10.053983-9.100262 28.119431-0.180102 18.291598 6.823406 40.11565 20.814048 64.866357 19.22076 34.000372 51.161217 72.403007 94.934163 114.14162 73.369008 69.476351 120.596635 88.594781 147.289578 92.391247 23.400966 3.329838 33.67803-4.653997 35.45756-6.243191l0.306992-0.428765-0.25071 0.378623c0.052189-0.048095 0.096191-0.088004 0.12996-0.12075 27.874861-32.115442 63.648622-42.73122 106.3297-31.54853 30.785144 8.064676 64.736397 26.939559 110.083188 61.199851 34.673707 26.194592 55.872518 52.227502 64.805982 79.588663 9.91379 30.357402 5.175883 61.742203-14.482853 95.946212-5.145184 8.953929-16.573467 12.040221-25.526373 6.892991-8.951883-5.145184-12.039197-16.573467-6.892991-25.526373 14.275121-24.837688 17.885346-45.717228 11.357675-65.705468-6.482645-19.854187-23.427572-39.926338-51.800783-61.36051-53.480029-40.404222-80.984453-50.661843-97.019661-54.862515-29.009707-7.600095-50.218752-1.410116-68.768223 20.064988-2.236947 2.578732-16.8559 18.027585-47.285956 19.762089-50.306756 2.858094-114.064872-31.898501-189.489702-103.322204C364.582509 505.738389 321.769424 435.174264 324.130192 378.769626c1.333368-31.846312 17.013489-48.312332 21.691021-52.538587 46.799886-47.340191 27.248597-78.138638-25.329898-149.069107-2.266623-3.057639-4.564969-6.15928-6.887874-9.30697-28.097942-38.068014-52.979632-57.33073-78.30646-60.621682-23.048949-2.994194-48.796356 7.223518-78.70248 31.237445-27.442002 22.037922-41.891086 50.730405-44.171012 87.718831-3.406586 55.261605 21.591761 128.46586 72.290443 211.69647 55.645344 91.351568 121.350812 161.615864 140.164297 180.974771l2.491751 2.564405c20.531616 20.967544 164.28874 166.17981 255.178797 215.937051l0.149403 0.082888 53.862745 30.126134c43.889603 22.49227 86.947258 35.799344 124.561947 38.494733 1.385557 0.062422 16.679891 0.665149 33.288151-2.122337 5.990434-1.004887 12.458753-2.228761 19.305695-3.52222 25.75764-4.867868 57.81373-10.927887 100.929714-12.644995 10.296507-0.403183 19.015076 7.619538 19.425422 17.936511 0.411369 10.316973-7.618515 19.015076-17.936511 19.425422-40.364313 1.608637-70.922283 7.385201-95.474468 12.025894-7.04137 1.330298-13.690814 2.586918-20.058848 3.656273C786.892791 943.120948 774.135232 943.5579 766.438946 943.5579z" ></path></symbol><symbol id="icon-tongxunlu" viewBox="0 0 1024 1024"><path d="M820.672 3.52H246.08a128 128 0 0 0-128 128v118.464l-0.064 0.32v4.096h0.832c2.048 14.4 13.888 25.6 28.8 25.6s26.88-11.2 28.928-25.6h0.384v-1.92c0.064-0.704 0.448-1.408 0.448-2.176s-0.384-1.472-0.448-2.24V160a96 96 0 0 1 96-96h520.768a96 96 0 0 1 96 96v702.784a96 96 0 0 1-96 96H272.96a96 96 0 0 1-96-96V763.52c0.064-0.768 0.448-1.472 0.448-2.24a29.568 29.568 0 1 0-59.136-1.28h-0.192v0.96l-0.064 0.32V892.48a128 128 0 0 0 128 128h574.656a128 128 0 0 0 128-128V131.52a128 128 0 0 0-128-128z" fill="" ></path><path d="M85.376 377.6h128a32 32 0 0 0 0-64h-128a32 32 0 0 0 0 64zM245.376 668.288a32 32 0 0 0-32-32h-128a32 32 0 0 0 0 64h128a32 32 0 0 0 32-32zM118.08 457.024v104.704a29.632 29.632 0 1 0 59.264 0V456.96a29.632 29.632 0 1 0-59.264 0zM294.272 743.488s-4.928 35.52 26.112 37.504c13.952 0.896 25.024-10.432 27.136-23.808h0.192c8.64-107.2 91.264-185.344 200.64-185.344 109.44 0 191.744 78.144 200.32 185.344h0.512c2.112 13.376 13.248 24.96 27.2 23.808 35.008-3.008 26.048-37.44 26.048-37.44A256.96 256.96 0 0 0 636.8 532.544a160.32 160.32 0 1 0-176.768 0 256.96 256.96 0 0 0-165.696 210.944z m145.28-347.648a108.8 108.8 0 1 1 217.6 0 108.8 108.8 0 0 1-217.6 0z" fill="" ></path></symbol><symbol id="icon-renwu-ren" viewBox="0 0 1024 1024"><path d="M652.8 534.4C723.2 489.6 768 409.6 768 320c0-140.8-115.2-256-256-256S256 179.2 256 320c0 89.6 44.8 169.6 115.2 214.4C192 592 64 761.6 64 960h64c0-211.2 172.8-384 384-384s384 172.8 384 384h64c0-198.4-128-368-307.2-425.6zM512 512c-105.6 0-192-86.4-192-192s86.4-192 192-192 192 86.4 192 192-86.4 192-192 192z" ></path></symbol><symbol id="icon-QQ" viewBox="0 0 1024 1024"><path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z" ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M607.897867 768.043004c-17.717453 0-31.994625-14.277171-31.994625-31.994625L575.903242 383.935495c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 351.94087C639.892491 753.593818 625.61532 768.043004 607.897867 768.043004z" ></path><path d="M415.930119 768.043004c-17.717453 0-31.994625-14.277171-31.994625-31.994625L383.935495 383.935495c0-17.717453 14.277171-31.994625 31.994625-31.994625 17.717453 0 31.994625 14.277171 31.994625 31.994625l0 351.94087C447.924744 753.593818 433.647573 768.043004 415.930119 768.043004z" ></path><path d="M928.016126 223.962372l-159.973123 0L768.043004 159.973123c0-52.980346-42.659499-95.983874-95.295817-95.983874L351.94087 63.989249c-52.980346 0-95.983874 43.003528-95.983874 95.983874l0 63.989249-159.973123 0c-17.717453 0-31.994625 14.277171-31.994625 31.994625s14.277171 31.994625 31.994625 31.994625l832.032253 0c17.717453 0 31.994625-14.277171 31.994625-31.994625S945.73358 223.962372 928.016126 223.962372zM319.946246 159.973123c0-17.545439 14.449185-31.994625 31.994625-31.994625l320.806316 0c17.545439 0 31.306568 14.105157 31.306568 31.994625l0 63.989249L319.946246 223.962372 319.946246 159.973123 319.946246 159.973123z" ></path><path d="M736.048379 960.010751 288.123635 960.010751c-52.980346 0-95.983874-43.003528-95.983874-95.983874L192.139761 383.591466c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 480.435411c0 17.717453 14.449185 31.994625 31.994625 31.994625l448.096758 0c17.717453 0 31.994625-14.277171 31.994625-31.994625L768.215018 384.795565c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 479.231312C832.032253 916.835209 789.028725 960.010751 736.048379 960.010751z" ></path></symbol><symbol id="icon-tubiaozhizuo-" viewBox="0 0 1024 1024"><path d="M474.91 67h74.19v890h-74.19z" ></path></symbol><symbol id="icon-icon_yulan" viewBox="0 0 1024 1024"><path d="M512 736a224 224 0 1 1 0-448 224 224 0 0 1 0 448z m0-64a160 160 0 1 0 0-320 160 160 0 0 0 0 320z" ></path><path d="M512 864C323.232 864 154.144 751.264 5.44 529.856a32 32 0 0 1 0-35.712C154.144 272.704 323.2 160 512 160c188.768 0 357.856 112.736 506.56 334.144a32 32 0 0 1 0 35.712C869.856 751.296 700.8 864 512 864z m0-64c159.84 0 306.72-94.784 441.248-288C818.72 318.784 671.84 224 512 224c-159.84 0-306.72 94.784-441.248 288 134.528 193.216 281.408 288 441.248 288z" ></path></symbol><symbol id="icon-xiazai" viewBox="0 0 1024 1024"><path d="M544.256 605.184l244.224-244.224a31.744 31.744 0 0 1 45.056 45.056l-295.424 295.424a36.864 36.864 0 0 1-51.2 0L190.464 406.528a31.744 31.744 0 1 1 45.056-45.056l244.224 244.224V111.104a32.256 32.256 0 1 1 64 0zM153.6 902.656a32.256 32.256 0 0 1 0-64h716.8a32.256 32.256 0 0 1 0 64z" fill="#5A5A68" ></path></symbol><symbol id="icon-fenxiang" viewBox="0 0 1024 1024"><path d="M213.664 453.248L796.16 231.328l-138.688 499.296-164.864-103.04a24 24 0 1 0-25.44 40.704l192.128 120.064a24 24 0 0 0 35.84-13.92l160-576a24 24 0 0 0-31.68-28.864l-672 256a24 24 0 0 0-4.16 42.784l138.944 86.848a24 24 0 1 0 25.44-40.704l-98.016-61.248z" fill="#36383F" ></path><path d="M408 602.752L848 209.888a24 24 0 0 0-32-35.776L360 581.248V864a24 24 0 0 0 48 0v-261.248z" fill="#36383F" ></path></symbol><symbol id="icon-shoucang" viewBox="0 0 1024 1024"><path d="M766.976 692.224h-190.464c-14.336 0-26.112-11.776-26.112-26.112s11.776-26.112 26.112-26.112h190.464c14.336 0 26.112 11.776 26.112 26.112s-11.776 26.112-26.112 26.112z" fill="#000000" ></path><path d="M645.632 761.344v-190.464c0-14.336 11.776-26.112 26.112-26.112s26.112 11.776 26.112 26.112v190.464c0 14.336-11.776 26.112-26.112 26.112s-26.112-11.776-26.112-26.112zM508.928 855.552c-6.656 0-12.8-2.56-17.92-7.168l-299.008-299.008c-43.008-43.008-67.072-100.864-67.072-161.792s24.064-118.784 67.072-161.792c42.496-42.496 103.424-58.368 171.008-45.056 57.856 11.264 116.736 43.52 161.28 88.064 9.728 9.728 9.728 26.112 0 35.84-9.728 9.728-26.112 9.728-35.84 0C415.232 231.424 294.912 194.048 227.84 261.12c-33.792 33.792-52.224 78.336-52.224 125.952s18.432 92.672 52.224 125.952l299.008 299.008c9.728 9.728 9.728 26.112 0 35.84-5.12 5.632-11.264 7.68-17.92 7.68z" fill="#000000" ></path><path d="M812.544 556.544c-6.656 0-12.8-2.56-17.92-7.168-9.728-9.728-9.728-26.112 0-35.84 33.792-33.792 52.224-78.336 52.224-125.952s-18.432-92.672-52.224-125.952c-41.472-41.472-98.816-38.4-129.536-33.28-50.176 8.704-101.888 35.84-138.24 72.192-9.728 9.728-26.112 9.728-35.84 0-9.728-9.728-9.728-26.112 0-35.84 44.032-44.032 104.448-75.776 165.376-86.016 69.632-12.288 131.584 4.608 174.08 47.104 43.008 43.008 67.072 100.864 67.072 161.792 0 60.928-23.552 118.784-67.072 161.792-5.12 4.608-11.776 7.168-17.92 7.168z" fill="#000000" ></path></symbol></svg>',function(e){var t=(t=document.getElementsByTagName("script"))[t.length-1],a=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var c,o,i,l,n,s=function(t,a){a.parentNode.insertBefore(t,a)};if(a&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}c=function(){var t,a=document.createElement("div");a.innerHTML=e._iconfont_svg_string_3721619,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(t=document.body).firstChild?s(a,t.firstChild):t.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),c()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=c,l=e.document,n=!1,h(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,d())})}function d(){n||(n=!0,i())}function h(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}d()}}(window); |
|---|
| New file |
| | |
|---|
| | | { |
|---|
| | | "id": "3721619", |
|---|
| | | "name": "å大社", |
|---|
| | | "font_family": "iconfont", |
|---|
| | | "css_prefix_text": "icon-", |
|---|
| | | "description": "", |
|---|
| | | "glyphs": [ |
|---|
| | | { |
|---|
| | | "icon_id": "144688", |
|---|
| | | "name": "çµè¯", |
|---|
| | | "font_class": "dianhua", |
|---|
| | | "unicode": "e61b", |
|---|
| | | "unicode_decimal": 58907 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "1381825", |
|---|
| | | "name": "é讯å½", |
|---|
| | | "font_class": "tongxunlu", |
|---|
| | | "unicode": "e632", |
|---|
| | | "unicode_decimal": 58930 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "4933375", |
|---|
| | | "name": "人ç©-人", |
|---|
| | | "font_class": "renwu-ren", |
|---|
| | | "unicode": "e749", |
|---|
| | | "unicode_decimal": 59209 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "4936984", |
|---|
| | | "name": "QQ", |
|---|
| | | "font_class": "QQ", |
|---|
| | | "unicode": "e882", |
|---|
| | | "unicode_decimal": 59522 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "577357", |
|---|
| | | "name": "å é¤", |
|---|
| | | "font_class": "shanchu", |
|---|
| | | "unicode": "e74b", |
|---|
| | | "unicode_decimal": 59211 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "6237070", |
|---|
| | | "name": "ç«çº¿", |
|---|
| | | "font_class": "tubiaozhizuo-", |
|---|
| | | "unicode": "e605", |
|---|
| | | "unicode_decimal": 58885 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "4347521", |
|---|
| | | "name": "icon_é¢è§", |
|---|
| | | "font_class": "icon_yulan", |
|---|
| | | "unicode": "eb8a", |
|---|
| | | "unicode_decimal": 60298 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "4880421", |
|---|
| | | "name": "ä¸è½½", |
|---|
| | | "font_class": "xiazai", |
|---|
| | | "unicode": "e606", |
|---|
| | | "unicode_decimal": 58886 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "9666176", |
|---|
| | | "name": "å享", |
|---|
| | | "font_class": "fenxiang", |
|---|
| | | "unicode": "e602", |
|---|
| | | "unicode_decimal": 58882 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | "icon_id": "12344845", |
|---|
| | | "name": "æ¶è", |
|---|
| | | "font_class": "shoucang", |
|---|
| | | "unicode": "e68e", |
|---|
| | | "unicode_decimal": 59022 |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <?xml version="1.0" encoding="utf-8"?> |
|---|
| | | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|---|
| | | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
|---|
| | | <svg version="1.1" id="å¾å±_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|---|
| | | width="239.521px" height="51.546px" viewBox="0 0 239.521 51.546" enable-background="new 0 0 239.521 51.546" |
|---|
| | | xml:space="preserve"> |
|---|
| | | <path fill="#16569C" d="M76.579,5.779h1.925V8.02h4.725v7.106h-1.874v-0.874h-2.851v4.078h-1.925v-4.078h-2.85v0.912h-1.874V8.02 |
|---|
| | | h4.724V5.779z M73.729,12.504h2.85V9.768h-2.85V12.504z M81.354,9.768h-2.85v2.736h2.85V9.768z"/> |
|---|
| | | <path fill="#16569C" d="M84.761,18.217V6.311h11.526v11.893h-1.812V17.76h-7.903v0.457H84.761z M94.476,7.869h-7.903v8.334h7.903 |
|---|
| | | V7.869z M93.766,12.453h-0.942c0.35,0.304,0.702,0.629,1.057,0.976l-0.671,0.608h0.861v1.482h-7.156v-1.482h2.584v-1.584h-2.255 |
|---|
| | | v-1.481h2.255v-0.899h-2.457V8.59h6.902v1.483h-2.748v0.899h2.57V12.453z M91.55,13.087l0.735-0.634h-1.09v1.584h1.241 |
|---|
| | | C92.103,13.657,91.807,13.34,91.55,13.087"/> |
|---|
| | | <path fill="#16569C" d="M102.519,5.779h1.925V8.02h4.724v7.106h-1.874v-0.874h-2.85v4.078h-1.925v-4.078h-2.851v0.912h-1.874V8.02 |
|---|
| | | h4.725V5.779z M99.668,12.504h2.85V9.768h-2.85V12.504z M107.293,9.768h-2.85v2.736h2.85V9.768z"/> |
|---|
| | | <path fill="#16569C" d="M112.916,11.731h1.217c-0.354-0.33-0.743-0.659-1.166-0.988c0.794-0.828,1.444-1.799,1.951-2.913h-2.406 |
|---|
| | | v8.638h10.107v1.469H110.84V6.362h11.715v1.469h-7.371l1.38,0.367c-0.135,0.287-0.277,0.566-0.43,0.836h5.661v1.444h-3.153 |
|---|
| | | c-0.017,0.464-0.055,0.882-0.113,1.254h3.748v1.444h-4.104c1.232,0.531,2.503,1.11,3.813,1.735l-0.912,1.469 |
|---|
| | | c-1.064-0.6-2.292-1.271-3.686-2.014c-0.718,0.802-1.786,1.482-3.205,2.039c-0.354-0.489-0.747-0.983-1.178-1.481 |
|---|
| | | c1.588-0.448,2.664-1.031,3.23-1.748h-3.319V11.731z M114.348,11.731h2.482c0.067-0.355,0.109-0.773,0.127-1.254h-1.697 |
|---|
| | | C114.973,10.909,114.668,11.326,114.348,11.731"/> |
|---|
| | | <path fill="#16569C" d="M123.125,14.315c0.807-0.975,1.43-2.043,1.868-3.204h-1.755V9.477h1.812V8.058l-1.532,0.14 |
|---|
| | | c-0.084-0.575-0.181-1.077-0.291-1.508c1.747-0.134,3.36-0.308,4.838-0.519l0.48,1.482c-0.569,0.08-1.186,0.158-1.849,0.235v1.589 |
|---|
| | | h1.647v1.634h-1.647V12.2l0.608-0.57c0.606,0.54,1.123,1.03,1.545,1.469l-1.063,0.963c-0.418-0.49-0.781-0.902-1.09-1.235v5.465 |
|---|
| | | h-1.646v-4.281c-0.397,0.836-0.844,1.613-1.342,2.331C123.564,15.784,123.37,15.109,123.125,14.315 M128.002,13.935l4.116-0.374 |
|---|
| | | V5.842h1.784v7.555l1.724-0.159l0.14,1.609l-1.863,0.171v3.274h-1.784v-3.116l-3.902,0.355L128.002,13.935z M129.445,9.958 |
|---|
| | | c0.743,0.549,1.464,1.145,2.165,1.786l-1.19,1.153c-0.573-0.609-1.259-1.221-2.052-1.837L129.445,9.958z M129.876,6.741 |
|---|
| | | c0.642,0.473,1.354,1.064,2.141,1.773l-1.178,1.165c-0.634-0.675-1.31-1.296-2.028-1.861L129.876,6.741z"/> |
|---|
| | | <path fill="#16569C" d="M136.271,13.505h5.536v-0.33l1.697-1.101h-4.636v-1.545h7.13v1.532l-2.177,1.444h4.723v1.571h-4.914v1.291 |
|---|
| | | c0,0.583-0.162,1.037-0.487,1.362c-0.324,0.325-0.821,0.489-1.49,0.494c-0.671,0.004-1.357,0.006-2.063,0.006 |
|---|
| | | c-0.118-0.582-0.262-1.14-0.431-1.672c0.642,0.034,1.229,0.051,1.761,0.051c0.591,0,0.887-0.258,0.887-0.773v-0.759h-5.536V13.505z |
|---|
| | | M138.805,5.779c0.507,0.574,1.021,1.216,1.545,1.925l-0.563,0.38h2.115c-0.354-0.68-0.683-1.254-0.982-1.722l1.545-0.684 |
|---|
| | | c0.338,0.515,0.735,1.182,1.19,2.001l-0.873,0.405h1.551c0.579-0.831,1.067-1.554,1.463-2.166l1.71,0.938l-1.026,1.229h1.824V11.2 |
|---|
| | | h-1.772V9.629h-8.271V11.2h-1.772V8.083h2.07c-0.371-0.511-0.732-0.98-1.084-1.406L138.805,5.779z"/> |
|---|
| | | <path fill="#16569C" d="M152.572,11.148c0.625,0.811,0.937,1.854,0.937,3.129c0,0.676-0.154,1.17-0.468,1.482 |
|---|
| | | c-0.321,0.321-0.874,0.481-1.66,0.481c-0.059-0.574-0.155-1.16-0.291-1.76c0.187,0.042,0.333,0.063,0.444,0.063 |
|---|
| | | c0.354,0,0.531-0.27,0.531-0.81c0-0.879-0.317-1.719-0.95-2.521c0.304-1.174,0.592-2.275,0.862-3.306h-0.938v10.412h-1.457V6.462 |
|---|
| | | h3.965v1.254C153.244,8.831,152.919,9.975,152.572,11.148 M160.412,14.771c0.456,0.16,0.908,0.309,1.355,0.443 |
|---|
| | | c-0.11,0.828-0.211,1.414-0.305,1.761c-0.211,0.836-0.729,1.254-1.558,1.254h-0.658c-1.004,0-1.508-0.536-1.508-1.609v-2.875h-0.861 |
|---|
| | | c-0.117,1.562-0.545,2.702-1.278,3.42c-0.481,0.481-1.165,0.907-2.052,1.279c-0.362-0.54-0.719-1.009-1.064-1.406 |
|---|
| | | c0.912-0.397,1.57-0.793,1.976-1.191c0.466-0.455,0.752-1.156,0.862-2.102h-1.66v-1.469h7.613v1.469h-1.989v2.368 |
|---|
| | | c0,0.372,0.118,0.558,0.354,0.558h0.266c0.195,0,0.317-0.14,0.367-0.418C160.315,16.067,160.361,15.573,160.412,14.771 |
|---|
| | | M153.623,7.171h2.813c-0.093-0.303-0.194-0.658-0.305-1.063l1.762-0.241c0.126,0.431,0.239,0.866,0.341,1.304h2.913v2.394h-1.494 |
|---|
| | | V8.666h-4.56v0.899h-1.47V7.171z M154.244,9.882h6.295V11.3h-6.295V9.882z"/> |
|---|
| | | <path fill="#16569C" d="M164.794,11.731h1.217c-0.355-0.33-0.743-0.659-1.165-0.988c0.794-0.828,1.443-1.799,1.949-2.913h-2.405 |
|---|
| | | v8.638h10.106v1.469h-11.778V6.362h11.716v1.469h-7.372l1.381,0.367c-0.135,0.287-0.279,0.566-0.432,0.836h5.662v1.444h-3.153 |
|---|
| | | c-0.018,0.464-0.054,0.882-0.114,1.254h3.749v1.444h-4.104c1.233,0.531,2.506,1.11,3.813,1.735l-0.912,1.469 |
|---|
| | | c-1.063-0.6-2.293-1.271-3.685-2.014c-0.72,0.802-1.787,1.482-3.206,2.039c-0.354-0.489-0.746-0.983-1.177-1.481 |
|---|
| | | c1.587-0.448,2.663-1.031,3.229-1.748h-3.319V11.731z M166.226,11.731h2.482c0.067-0.355,0.11-0.773,0.126-1.254h-1.696 |
|---|
| | | C166.851,10.909,166.546,11.326,166.226,11.731"/> |
|---|
| | | <path fill="#16569C" d="M175.181,13.505h5.535v-0.33l1.696-1.101h-4.636v-1.545h7.131v1.532l-2.178,1.444h4.724v1.571h-4.914v1.291 |
|---|
| | | c0,0.583-0.163,1.037-0.487,1.362c-0.325,0.325-0.822,0.489-1.491,0.494c-0.669,0.004-1.356,0.006-2.063,0.006 |
|---|
| | | c-0.117-0.582-0.262-1.14-0.431-1.672c0.643,0.034,1.229,0.051,1.761,0.051c0.591,0,0.888-0.258,0.888-0.773v-0.759h-5.535V13.505z |
|---|
| | | M177.714,5.779c0.507,0.574,1.021,1.216,1.545,1.925l-0.563,0.38h2.115c-0.354-0.68-0.683-1.254-0.982-1.722l1.545-0.684 |
|---|
| | | c0.339,0.515,0.735,1.182,1.191,2.001l-0.874,0.405h1.552c0.578-0.831,1.066-1.554,1.463-2.166l1.71,0.938l-1.026,1.229h1.823V11.2 |
|---|
| | | h-1.772V9.629h-8.271V11.2h-1.773V8.083h2.071c-0.371-0.511-0.733-0.98-1.083-1.406L177.714,5.779z"/> |
|---|
| | | <path fill="#16569C" d="M196.345,9.072c-0.051,1.748-0.16,3.141-0.33,4.18h4.42v1.57h-4.812c-0.018,0.051-0.052,0.127-0.103,0.228 |
|---|
| | | c1.631,0.532,3.247,1.094,4.852,1.684l-0.658,1.584c-1.706-0.718-3.403-1.394-5.092-2.027c-1.105,1.039-2.799,1.761-5.079,2.166 |
|---|
| | | c-0.413-0.717-0.773-1.283-1.077-1.697c2.711-0.389,4.443-1.034,5.194-1.938h-5.523v-1.57h4.002 |
|---|
| | | c-0.895-0.541-1.713-0.997-2.456-1.368l0.785-1.229c0.776,0.372,1.668,0.836,2.672,1.393l-0.798,1.204h1.888 |
|---|
| | | c0.211-1.081,0.329-2.475,0.354-4.18H196.345z M188.403,10.364V7.07h5.104c-0.16-0.413-0.303-0.767-0.43-1.063l2.166-0.228 |
|---|
| | | c0.126,0.346,0.27,0.777,0.431,1.291h4.47v3.294h-1.76V8.59h-8.221v1.774H188.403z M191.468,8.958 |
|---|
| | | c0.887,0.388,1.799,0.819,2.736,1.292l-0.798,1.292c-0.996-0.558-1.888-1.022-2.674-1.394L191.468,8.958z"/> |
|---|
| | | <path fill="#16569C" d="M200.917,14.138c0.929-0.084,1.908-0.194,2.938-0.329c0.01,0.532,0.019,1.038,0.026,1.519 |
|---|
| | | c-0.946,0.119-1.866,0.254-2.761,0.406L200.917,14.138z M203.069,8.388l-0.342,3.166h0.912l0.292-3.546h-2.762v-1.52h4.395 |
|---|
| | | l-0.418,5.066h0.735c-0.084,2.432-0.161,3.977-0.229,4.636c-0.059,1.021-0.446,1.613-1.164,1.773 |
|---|
| | | c-0.347,0.051-1.153,0.076-2.421,0.076c-0.074-0.616-0.159-1.186-0.253-1.71c0.523,0.059,1.086,0.097,1.686,0.114 |
|---|
| | | c0.431,0,0.663-0.202,0.697-0.608c0.05-0.557,0.097-1.477,0.139-2.761h-3.205l0.443-4.686H203.069z M211.999,11.238h-4.825v-0.71 |
|---|
| | | c-0.295,0.271-0.604,0.537-0.925,0.798c-0.244-0.523-0.52-1.055-0.823-1.596c1.368-1.005,2.466-2.279,3.293-3.825h1.925 |
|---|
| | | l-0.279,0.456c0.989,1.444,2.1,2.516,3.332,3.217c-0.296,0.473-0.587,0.996-0.873,1.571c-0.287-0.186-0.563-0.385-0.824-0.595 |
|---|
| | | V11.238z M205.944,16.367h4.332c0.498-1.537,0.874-3.014,1.127-4.433l1.57,0.405c-0.337,1.301-0.734,2.643-1.189,4.028h1.57v1.521 |
|---|
| | | h-7.41V16.367z M207.377,12.2c0.414,1.047,0.813,2.174,1.203,3.382l-1.382,0.494c-0.262-0.971-0.633-2.103-1.114-3.394L207.377,12.2 |
|---|
| | | z M209.479,7.792c-0.388,0.609-0.898,1.259-1.532,1.951h3.179C210.518,9.101,209.968,8.451,209.479,7.792 M209.731,11.681 |
|---|
| | | c0.295,1.14,0.555,2.271,0.773,3.394l-1.406,0.342c-0.168-1.055-0.406-2.199-0.71-3.432L209.731,11.681z"/> |
|---|
| | | <path fill="#16569C" d="M219.244,5.779h1.925V8.02h4.725v7.106h-1.874v-0.874h-2.851v4.078h-1.925v-4.078h-2.85v0.912h-1.875V8.02 |
|---|
| | | h4.725V5.779z M216.395,12.504h2.85V9.768h-2.85V12.504z M224.02,9.768h-2.851v2.736h2.851V9.768z"/> |
|---|
| | | <path fill="#16569C" d="M228.262,9.413l1.735,0.393c-0.363,2.009-0.836,3.871-1.419,5.586l-1.685-0.621 |
|---|
| | | C227.375,13.234,227.831,11.448,228.262,9.413 M235.418,13.757c0.759,0.313,1.397,0.554,1.912,0.723 |
|---|
| | | c-0.058,0.401-0.168,0.938-0.326,1.612c-0.158,0.673-0.345,1.109-0.561,1.307c-0.214,0.198-0.484,0.346-0.808,0.443 |
|---|
| | | c-0.322,0.097-0.712,0.146-1.169,0.146h-2.077c-1.418,0-2.127-0.717-2.127-2.153V8.54h1.874v6.712c0,0.727,0.376,1.09,1.127,1.09 |
|---|
| | | h0.646c0.381,0,0.676-0.065,0.887-0.194c0.211-0.129,0.342-0.317,0.394-0.563C235.24,15.338,235.316,14.729,235.418,13.757 |
|---|
| | | M233.062,5.74c0.734,0.929,1.524,2.027,2.369,3.293l-1.685,1.039c-0.717-1.292-1.431-2.436-2.142-3.433L233.062,5.74z |
|---|
| | | M237.748,9.616c0.676,1.385,1.266,2.774,1.772,4.167l-1.748,0.722c-0.472-1.376-1.041-2.778-1.709-4.205L237.748,9.616z"/> |
|---|
| | | <polygon fill="#16569C" points="75.883,31.92 72.542,31.92 72.542,25.388 75.743,25.388 75.743,26.139 73.344,26.139 73.344,28.231 |
|---|
| | | 75.565,28.231 75.565,28.978 73.344,28.978 73.344,31.174 75.883,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M81.471,31.92h-0.976l-1.387-2.459c-0.033-0.056-0.079-0.168-0.141-0.336h-0.021 |
|---|
| | | c-0.005,0.021-0.054,0.137-0.144,0.34l-1.429,2.455h-0.979l2.066-3.281l-1.902-3.251h0.983l1.227,2.261 |
|---|
| | | c0.073,0.132,0.146,0.286,0.217,0.464h0.017c0.063-0.151,0.143-0.313,0.236-0.485l1.284-2.24h0.918l-1.94,3.24L81.471,31.92z"/> |
|---|
| | | <path fill="#16569C" d="M83.195,29.479v2.441h-0.802v-6.532h1.765c0.671,0,1.191,0.17,1.563,0.51c0.37,0.34,0.555,0.826,0.555,1.459 |
|---|
| | | c0,0.642-0.216,1.16-0.649,1.56c-0.433,0.396-0.975,0.584-1.625,0.563H83.195z M83.195,26.13v2.607h0.742 |
|---|
| | | c0.489,0,0.86-0.117,1.115-0.349c0.254-0.231,0.381-0.563,0.381-0.997c0-0.841-0.474-1.261-1.42-1.261H83.195z"/> |
|---|
| | | <polygon fill="#16569C" points="90.761,31.92 87.419,31.92 87.419,25.388 90.62,25.388 90.62,26.139 88.222,26.139 88.222,28.231 |
|---|
| | | 90.443,28.231 90.443,28.978 88.222,28.978 88.222,31.174 90.761,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M96.472,31.92h-0.945l-1.031-1.814c-0.206-0.362-0.395-0.608-0.566-0.738 |
|---|
| | | c-0.171-0.131-0.375-0.196-0.612-0.196h-0.578v2.749h-0.802v-6.533h1.893c0.604,0,1.078,0.153,1.42,0.46s0.513,0.735,0.513,1.286 |
|---|
| | | c0,0.906-0.459,1.493-1.379,1.764v0.021c0.171,0.076,0.318,0.185,0.443,0.325c0.124,0.141,0.285,0.381,0.482,0.721L96.472,31.92z |
|---|
| | | M92.738,26.125v2.309h0.946c0.366,0,0.663-0.113,0.893-0.338c0.229-0.226,0.343-0.521,0.343-0.887c0-0.34-0.104-0.605-0.313-0.797 |
|---|
| | | c-0.208-0.191-0.513-0.287-0.911-0.287H92.738z"/> |
|---|
| | | <polygon fill="#16569C" points="98.698,26.101 98.101,26.101 98.101,31.208 98.698,31.208 98.698,31.92 96.7,31.92 96.7,31.208 |
|---|
| | | 97.298,31.208 97.298,26.101 96.7,26.101 96.7,25.389 98.698,25.389 "/> |
|---|
| | | <path fill="#16569C" d="M105.332,31.92v-4.326c0-0.358,0.021-0.787,0.061-1.287h-0.021c-0.068,0.314-0.131,0.533-0.184,0.658 |
|---|
| | | l-2.05,4.955h-0.445l-2.046-4.918c-0.048-0.111-0.11-0.344-0.185-0.695h-0.023c0.026,0.304,0.04,0.746,0.04,1.324v4.289h-0.767 |
|---|
| | | v-6.533h1.087l1.834,4.479c0.139,0.343,0.23,0.61,0.276,0.802h0.028c0.139-0.402,0.236-0.675,0.292-0.818l1.865-4.462h1.034v6.533 |
|---|
| | | H105.332z"/> |
|---|
| | | <polygon fill="#16569C" points="111.08,31.92 107.739,31.92 107.739,25.388 110.94,25.388 110.94,26.139 108.541,26.139 |
|---|
| | | 108.541,28.231 110.764,28.231 110.764,28.978 108.541,28.978 108.541,31.174 111.08,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M117.33,31.92h-0.951l-3.125-5.082c-0.088-0.143-0.159-0.285-0.212-0.426h-0.024 |
|---|
| | | c0.021,0.146,0.032,0.451,0.032,0.915v4.593h-0.794v-6.533h1.006l3.041,4.994c0.145,0.236,0.23,0.387,0.257,0.451h0.017 |
|---|
| | | c-0.027-0.186-0.04-0.503-0.04-0.953v-4.492h0.794V31.92z"/> |
|---|
| | | <polygon fill="#16569C" points="122.688,26.139 120.896,26.139 120.896,31.92 120.089,31.92 120.089,26.139 118.305,26.139 |
|---|
| | | 118.305,25.388 122.688,25.388 "/> |
|---|
| | | <path fill="#16569C" d="M127.859,31.92h-0.887l-0.634-1.787h-2.588l-0.598,1.787h-0.886l2.366-6.533h0.858L127.859,31.92z |
|---|
| | | M126.091,29.395l-0.939-2.717c-0.03-0.088-0.063-0.239-0.096-0.455h-0.021c-0.03,0.195-0.063,0.349-0.101,0.455l-0.931,2.717 |
|---|
| | | H126.091z"/> |
|---|
| | | <polygon fill="#16569C" points="132.034,31.92 128.757,31.92 128.757,25.388 129.56,25.388 129.56,31.174 132.034,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M138.625,31.92h-0.945l-1.03-1.814c-0.206-0.362-0.396-0.608-0.567-0.738 |
|---|
| | | c-0.17-0.131-0.375-0.196-0.612-0.196h-0.578v2.749h-0.803v-6.533h1.894c0.604,0,1.078,0.153,1.42,0.46s0.514,0.735,0.514,1.286 |
|---|
| | | c0,0.906-0.46,1.493-1.38,1.764v0.021c0.171,0.076,0.319,0.185,0.443,0.325s0.286,0.381,0.482,0.721L138.625,31.92z M134.892,26.125 |
|---|
| | | v2.309h0.946c0.366,0,0.663-0.113,0.893-0.338c0.229-0.226,0.343-0.521,0.343-0.887c0-0.34-0.104-0.605-0.313-0.797 |
|---|
| | | s-0.513-0.287-0.91-0.287H134.892z"/> |
|---|
| | | <polygon fill="#16569C" points="142.793,31.92 139.452,31.92 139.452,25.388 142.653,25.388 142.653,26.139 140.254,26.139 |
|---|
| | | 140.254,28.231 142.477,28.231 142.477,28.978 140.254,28.978 140.254,31.174 142.793,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M143.681,30.694c0.188,0.174,0.442,0.317,0.761,0.431c0.317,0.112,0.622,0.168,0.907,0.168 |
|---|
| | | c0.871,0,1.308-0.326,1.308-0.978c0-0.184-0.047-0.349-0.141-0.494c-0.094-0.147-0.222-0.276-0.386-0.388 |
|---|
| | | c-0.162-0.112-0.469-0.286-0.918-0.519c-0.623-0.327-1.033-0.631-1.23-0.91c-0.199-0.28-0.298-0.6-0.298-0.96 |
|---|
| | | c0-0.542,0.208-0.972,0.622-1.289c0.414-0.318,0.938-0.477,1.567-0.477c0.619,0,1.072,0.079,1.36,0.236v0.92 |
|---|
| | | c-0.374-0.273-0.848-0.41-1.419-0.41c-0.381,0-0.69,0.084-0.929,0.251c-0.24,0.166-0.359,0.399-0.359,0.697 |
|---|
| | | c0,0.266,0.083,0.479,0.249,0.646c0.165,0.164,0.524,0.392,1.078,0.679c0.609,0.306,1.037,0.612,1.279,0.919 |
|---|
| | | c0.243,0.307,0.365,0.65,0.365,1.033c0,0.574-0.198,1.014-0.594,1.32c-0.396,0.307-0.945,0.459-1.648,0.459 |
|---|
| | | c-0.245,0-0.532-0.035-0.859-0.107c-0.329-0.071-0.567-0.16-0.716-0.268V30.694z"/> |
|---|
| | | <polygon fill="#16569C" points="152.051,31.92 148.71,31.92 148.71,25.388 151.911,25.388 151.911,26.139 149.512,26.139 |
|---|
| | | 149.512,28.231 151.733,28.231 151.733,28.978 149.512,28.978 149.512,31.174 152.051,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M158.152,31.92h-0.887l-0.634-1.787h-2.588l-0.598,1.787h-0.887l2.367-6.533h0.858L158.152,31.92z |
|---|
| | | M156.383,29.395l-0.938-2.717c-0.03-0.088-0.062-0.239-0.097-0.455h-0.02c-0.03,0.195-0.063,0.349-0.101,0.455l-0.931,2.717 |
|---|
| | | H156.383z"/> |
|---|
| | | <path fill="#16569C" d="M163.586,31.92h-0.945l-1.03-1.814c-0.207-0.362-0.395-0.608-0.567-0.738 |
|---|
| | | c-0.171-0.131-0.375-0.196-0.612-0.196h-0.578v2.749h-0.802v-6.533h1.893c0.604,0,1.078,0.153,1.42,0.46s0.514,0.735,0.514,1.286 |
|---|
| | | c0,0.906-0.46,1.493-1.38,1.764v0.021c0.171,0.076,0.319,0.185,0.443,0.325s0.286,0.381,0.482,0.721L163.586,31.92z M159.853,26.125 |
|---|
| | | v2.309h0.947c0.365,0,0.662-0.113,0.892-0.338c0.229-0.226,0.343-0.521,0.343-0.887c0-0.34-0.104-0.605-0.313-0.797 |
|---|
| | | c-0.208-0.191-0.513-0.287-0.91-0.287H159.853z"/> |
|---|
| | | <path fill="#16569C" d="M168.541,31.651c-0.457,0.253-1.031,0.38-1.721,0.38c-0.891,0-1.603-0.298-2.135-0.892 |
|---|
| | | c-0.532-0.596-0.798-1.383-0.798-2.36c0-1.052,0.299-1.898,0.899-2.539c0.598-0.641,1.358-0.961,2.28-0.961 |
|---|
| | | c0.595,0,1.085,0.088,1.474,0.265v0.882c-0.444-0.259-0.934-0.388-1.466-0.388c-0.691,0-1.257,0.242-1.691,0.727 |
|---|
| | | c-0.436,0.485-0.654,1.14-0.654,1.963c0,0.782,0.203,1.403,0.61,1.863s0.938,0.689,1.596,0.689c0.615,0,1.149-0.146,1.605-0.438 |
|---|
| | | V31.651z"/> |
|---|
| | | <polygon fill="#16569C" points="174.533,31.92 173.73,31.92 173.73,28.978 170.585,28.978 170.585,31.92 169.783,31.92 |
|---|
| | | 169.783,25.388 170.585,25.388 170.585,28.226 173.73,28.226 173.73,25.388 174.533,25.388 "/> |
|---|
| | | <path fill="#16569C" d="M182.82,31.651c-0.457,0.253-1.032,0.38-1.722,0.38c-0.891,0-1.602-0.298-2.134-0.892 |
|---|
| | | c-0.532-0.596-0.798-1.383-0.798-2.36c0-1.052,0.299-1.898,0.899-2.539c0.599-0.641,1.358-0.961,2.281-0.961 |
|---|
| | | c0.595,0,1.084,0.088,1.473,0.265v0.882c-0.443-0.259-0.933-0.388-1.464-0.388c-0.693,0-1.258,0.242-1.693,0.727 |
|---|
| | | c-0.436,0.485-0.654,1.14-0.654,1.963c0,0.782,0.204,1.403,0.61,1.863c0.407,0.46,0.938,0.689,1.597,0.689 |
|---|
| | | c0.615,0,1.149-0.146,1.604-0.438V31.651z"/> |
|---|
| | | <polygon fill="#16569C" points="187.404,31.92 184.064,31.92 184.064,25.388 187.265,25.388 187.265,26.139 184.865,26.139 |
|---|
| | | 184.865,28.231 187.088,28.231 187.088,28.978 184.865,28.978 184.865,31.174 187.404,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M193.654,31.92h-0.95l-3.126-5.082c-0.088-0.143-0.159-0.285-0.213-0.426h-0.023 |
|---|
| | | c0.021,0.146,0.032,0.451,0.032,0.915v4.593h-0.794v-6.533h1.007l3.04,4.994c0.145,0.236,0.23,0.387,0.257,0.451h0.016 |
|---|
| | | c-0.026-0.186-0.039-0.503-0.039-0.953v-4.492h0.794V31.92z"/> |
|---|
| | | <polygon fill="#16569C" points="199.013,26.139 197.22,26.139 197.22,31.92 196.413,31.92 196.413,26.139 194.629,26.139 |
|---|
| | | 194.629,25.388 199.013,25.388 "/> |
|---|
| | | <polygon fill="#16569C" points="203.309,31.92 199.968,31.92 199.968,25.388 203.169,25.388 203.169,26.139 200.77,26.139 |
|---|
| | | 200.77,28.231 202.991,28.231 202.991,28.978 200.77,28.978 200.77,31.174 203.309,31.174 "/> |
|---|
| | | <path fill="#16569C" d="M209.021,31.92h-0.946l-1.031-1.814c-0.206-0.362-0.395-0.608-0.565-0.738 |
|---|
| | | c-0.172-0.131-0.376-0.196-0.613-0.196h-0.578v2.749h-0.803v-6.533h1.894c0.604,0,1.077,0.153,1.419,0.46 |
|---|
| | | c0.344,0.307,0.515,0.735,0.515,1.286c0,0.906-0.46,1.493-1.38,1.764v0.021c0.171,0.076,0.318,0.185,0.443,0.325 |
|---|
| | | c0.124,0.141,0.285,0.381,0.483,0.721L209.021,31.92z M205.286,26.125v2.309h0.946c0.366,0,0.664-0.113,0.892-0.338 |
|---|
| | | c0.23-0.226,0.343-0.521,0.343-0.887c0-0.34-0.104-0.605-0.312-0.797s-0.512-0.287-0.911-0.287H205.286z"/> |
|---|
| | | <polygon fill="#16569C" points="210.468,30.872 209.783,33.12 209.213,33.12 209.71,30.872 "/> |
|---|
| | | <path fill="#16569C" d="M216.075,31.651c-0.457,0.253-1.031,0.38-1.72,0.38c-0.892,0-1.603-0.298-2.134-0.892 |
|---|
| | | c-0.533-0.596-0.8-1.383-0.8-2.36c0-1.052,0.301-1.898,0.9-2.539c0.598-0.641,1.359-0.961,2.281-0.961 |
|---|
| | | c0.594,0,1.084,0.088,1.472,0.265v0.882c-0.443-0.259-0.932-0.388-1.464-0.388c-0.692,0-1.257,0.242-1.693,0.727 |
|---|
| | | c-0.435,0.485-0.653,1.14-0.653,1.963c0,0.782,0.203,1.403,0.609,1.863c0.407,0.46,0.939,0.689,1.598,0.689 |
|---|
| | | c0.614,0,1.148-0.146,1.604-0.438V31.651z"/> |
|---|
| | | <polygon fill="#16569C" points="222.068,31.92 221.267,31.92 221.267,28.978 218.121,28.978 218.121,31.92 217.319,31.92 |
|---|
| | | 217.319,25.388 218.121,25.388 218.121,28.226 221.267,28.226 221.267,25.388 222.068,25.388 "/> |
|---|
| | | <polygon fill="#16569C" points="225.073,26.101 224.474,26.101 224.474,31.208 225.073,31.208 225.073,31.92 223.075,31.92 |
|---|
| | | 223.075,31.208 223.673,31.208 223.673,26.101 223.075,26.101 223.075,25.389 225.073,25.389 "/> |
|---|
| | | <path fill="#16569C" d="M231.161,31.92h-0.95l-3.126-5.082c-0.087-0.143-0.158-0.285-0.212-0.426h-0.023 |
|---|
| | | c0.021,0.146,0.031,0.451,0.031,0.915v4.593h-0.794v-6.533h1.007l3.041,4.994c0.145,0.236,0.229,0.387,0.257,0.451h0.016 |
|---|
| | | c-0.026-0.186-0.04-0.503-0.04-0.953v-4.492h0.794V31.92z"/> |
|---|
| | | <path fill="#16569C" d="M237.647,31.92h-0.886l-0.634-1.787h-2.587l-0.6,1.787h-0.886l2.367-6.533h0.857L237.647,31.92z |
|---|
| | | M235.879,29.395l-0.939-2.717c-0.03-0.088-0.061-0.239-0.096-0.455h-0.021c-0.029,0.195-0.062,0.349-0.101,0.455l-0.93,2.717 |
|---|
| | | H235.879z"/> |
|---|
| | | <path fill="#16569C" d="M77.424,42.287h-0.887l-0.634-1.789h-2.588l-0.597,1.789h-0.887l2.366-6.533h0.858L77.424,42.287z |
|---|
| | | M75.655,39.759l-0.939-2.716c-0.029-0.087-0.061-0.238-0.096-0.455H74.6c-0.03,0.196-0.063,0.35-0.1,0.455l-0.932,2.716H75.655z"/> |
|---|
| | | <path fill="#16569C" d="M82.293,42.016c-0.457,0.253-1.031,0.379-1.721,0.379c-0.89,0-1.603-0.297-2.134-0.891 |
|---|
| | | c-0.532-0.596-0.799-1.383-0.799-2.36c0-1.052,0.3-1.897,0.899-2.539c0.599-0.641,1.359-0.962,2.282-0.962 |
|---|
| | | c0.593,0,1.084,0.088,1.472,0.266v0.883c-0.444-0.26-0.932-0.389-1.464-0.389c-0.693,0-1.257,0.242-1.693,0.728 |
|---|
| | | c-0.436,0.485-0.653,1.139-0.653,1.963c0,0.782,0.204,1.403,0.609,1.862c0.407,0.459,0.939,0.689,1.597,0.689 |
|---|
| | | c0.614,0,1.149-0.146,1.604-0.438V42.016z"/> |
|---|
| | | <path fill="#16569C" d="M88.254,42.287h-0.887l-0.633-1.789h-2.587l-0.599,1.789h-0.887l2.367-6.533h0.857L88.254,42.287z |
|---|
| | | M86.485,39.759l-0.939-2.716c-0.029-0.087-0.061-0.238-0.096-0.455H85.43c-0.028,0.196-0.063,0.35-0.1,0.455l-0.931,2.716H86.485z" |
|---|
| | | /> |
|---|
| | | <path fill="#16569C" d="M88.988,42.286v-6.533h1.772c0.941,0,1.725,0.289,2.349,0.865c0.625,0.576,0.937,1.35,0.937,2.319 |
|---|
| | | c0,1.013-0.312,1.824-0.937,2.435c-0.624,0.609-1.429,0.914-2.412,0.914H88.988z M89.79,36.504v5.035h0.903 |
|---|
| | | c0.788,0,1.403-0.227,1.847-0.68c0.442-0.453,0.663-1.086,0.663-1.902c0-0.814-0.227-1.428-0.681-1.838 |
|---|
| | | c-0.455-0.412-1.053-0.615-1.793-0.615H89.79z"/> |
|---|
| | | <polygon fill="#16569C" points="98.422,42.287 95.081,42.287 95.081,35.753 98.282,35.753 98.282,36.504 95.883,36.504 |
|---|
| | | 95.883,38.595 98.104,38.595 98.104,39.342 95.883,39.342 95.883,41.54 98.422,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M105.053,42.287v-4.328c0-0.356,0.02-0.786,0.06-1.286h-0.02c-0.069,0.314-0.131,0.534-0.185,0.658 |
|---|
| | | l-2.05,4.956h-0.444l-2.047-4.918c-0.048-0.112-0.109-0.345-0.184-0.696h-0.024c0.026,0.305,0.04,0.746,0.04,1.324v4.29h-0.766 |
|---|
| | | v-6.533h1.086l1.834,4.479c0.139,0.342,0.231,0.609,0.277,0.801h0.027c0.14-0.402,0.236-0.674,0.292-0.818l1.866-4.462h1.034v6.533 |
|---|
| | | H105.053z"/> |
|---|
| | | <path fill="#16569C" d="M111.406,35.752l-2.045,4.13v2.403h-0.808v-2.383l-1.992-4.15h0.918l1.344,2.894 |
|---|
| | | c0.003,0.003,0.052,0.142,0.147,0.418h0.014c0.03-0.118,0.086-0.256,0.164-0.413l1.403-2.898H111.406z"/> |
|---|
| | | <path fill="#16569C" d="M113.954,39.098c0-1.055,0.271-1.895,0.814-2.52c0.543-0.623,1.277-0.936,2.205-0.936 |
|---|
| | | c0.864,0,1.56,0.307,2.086,0.916s0.791,1.404,0.791,2.383c0,1.06-0.271,1.9-0.811,2.522c-0.541,0.62-1.263,0.931-2.167,0.931 |
|---|
| | | c-0.882,0-1.589-0.305-2.121-0.914C114.219,40.872,113.954,40.077,113.954,39.098 M114.796,39.03c0,0.791,0.192,1.424,0.575,1.9 |
|---|
| | | c0.384,0.477,0.885,0.715,1.502,0.715c0.664,0,1.185-0.229,1.563-0.686c0.378-0.456,0.566-1.096,0.566-1.916 |
|---|
| | | c0-0.844-0.185-1.495-0.555-1.953c-0.371-0.458-0.878-0.688-1.522-0.688c-0.634,0-1.146,0.241-1.541,0.726 |
|---|
| | | C114.992,37.612,114.796,38.247,114.796,39.03"/> |
|---|
| | | <polygon fill="#16569C" points="124.086,36.504 121.687,36.504 121.687,38.689 123.909,38.689 123.909,39.43 121.687,39.43 |
|---|
| | | 121.687,42.286 120.885,42.286 120.885,35.752 124.086,35.752 "/> |
|---|
| | | <path fill="#16569C" d="M131.604,42.016c-0.457,0.253-1.031,0.379-1.721,0.379c-0.891,0-1.602-0.297-2.135-0.891 |
|---|
| | | c-0.533-0.596-0.799-1.383-0.799-2.36c0-1.052,0.3-1.897,0.899-2.539c0.599-0.641,1.359-0.962,2.281-0.962 |
|---|
| | | c0.594,0,1.085,0.088,1.474,0.266v0.883c-0.444-0.26-0.934-0.389-1.466-0.389c-0.691,0-1.257,0.242-1.691,0.728 |
|---|
| | | c-0.437,0.485-0.654,1.139-0.654,1.963c0,0.782,0.203,1.403,0.61,1.862c0.405,0.459,0.938,0.689,1.596,0.689 |
|---|
| | | c0.615,0,1.15-0.146,1.605-0.438V42.016z"/> |
|---|
| | | <polygon fill="#16569C" points="137.432,42.287 136.629,42.287 136.629,39.342 133.484,39.342 133.484,42.287 132.683,42.287 |
|---|
| | | 132.683,35.753 133.484,35.753 133.484,38.591 136.629,38.591 136.629,35.753 137.432,35.753 "/> |
|---|
| | | <polygon fill="#16569C" points="140.271,36.465 139.674,36.465 139.674,41.573 140.271,41.573 140.271,42.286 138.273,42.286 |
|---|
| | | 138.273,41.573 138.872,41.573 138.872,36.465 138.273,36.465 138.273,35.752 140.271,35.752 "/> |
|---|
| | | <path fill="#16569C" d="M146.196,42.287h-0.951l-3.125-5.082c-0.087-0.144-0.158-0.286-0.212-0.427h-0.024 |
|---|
| | | c0.021,0.146,0.032,0.451,0.032,0.914v4.595h-0.794v-6.533h1.007l3.04,4.994c0.144,0.235,0.229,0.386,0.257,0.45h0.015 |
|---|
| | | c-0.025-0.186-0.039-0.502-0.039-0.953v-4.491h0.795V42.287z"/> |
|---|
| | | <polygon fill="#16569C" points="150.978,42.287 147.636,42.287 147.636,35.753 150.838,35.753 150.838,36.504 148.438,36.504 |
|---|
| | | 148.438,38.595 150.661,38.595 150.661,39.342 148.438,39.342 148.438,41.54 150.978,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M151.699,41.059c0.19,0.174,0.443,0.318,0.762,0.43c0.318,0.113,0.621,0.169,0.907,0.169 |
|---|
| | | c0.872,0,1.307-0.325,1.307-0.979c0-0.183-0.046-0.347-0.14-0.493c-0.093-0.146-0.222-0.276-0.385-0.389s-0.47-0.284-0.919-0.519 |
|---|
| | | c-0.623-0.325-1.033-0.629-1.231-0.909c-0.198-0.279-0.297-0.599-0.297-0.96c0-0.542,0.207-0.973,0.621-1.29 |
|---|
| | | c0.415-0.316,0.938-0.477,1.569-0.477c0.617,0,1.07,0.079,1.359,0.236v0.92c-0.375-0.273-0.848-0.409-1.42-0.409 |
|---|
| | | c-0.38,0-0.688,0.084-0.929,0.251c-0.239,0.167-0.359,0.398-0.359,0.697c0,0.265,0.083,0.479,0.249,0.646 |
|---|
| | | c0.165,0.165,0.525,0.391,1.079,0.68c0.609,0.305,1.036,0.611,1.28,0.918c0.243,0.307,0.364,0.651,0.364,1.032 |
|---|
| | | c0,0.575-0.198,1.015-0.594,1.321s-0.944,0.46-1.647,0.46c-0.246,0-0.533-0.036-0.861-0.108s-0.566-0.16-0.716-0.267V41.059z"/> |
|---|
| | | <polygon fill="#16569C" points="159.906,42.287 156.565,42.287 156.565,35.753 159.766,35.753 159.766,36.504 157.367,36.504 |
|---|
| | | 157.367,38.595 159.589,38.595 159.589,39.342 157.367,39.342 157.367,41.54 159.906,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M168.803,42.287v-4.328c0-0.356,0.021-0.786,0.061-1.286h-0.021c-0.069,0.314-0.131,0.534-0.185,0.658 |
|---|
| | | l-2.05,4.956h-0.445l-2.045-4.918c-0.049-0.112-0.109-0.345-0.185-0.696h-0.024c0.026,0.305,0.04,0.746,0.04,1.324v4.29h-0.765 |
|---|
| | | v-6.533h1.086l1.833,4.479c0.139,0.342,0.23,0.609,0.276,0.801h0.028c0.14-0.402,0.236-0.674,0.293-0.818l1.865-4.462h1.035v6.533 |
|---|
| | | H168.803z"/> |
|---|
| | | <polygon fill="#16569C" points="174.387,42.287 171.045,42.287 171.045,35.753 174.245,35.753 174.245,36.504 171.848,36.504 |
|---|
| | | 171.848,38.595 174.069,38.595 174.069,39.342 171.848,39.342 171.848,41.54 174.387,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M175.397,42.286v-6.533h1.772c0.942,0,1.725,0.289,2.349,0.865c0.625,0.576,0.937,1.35,0.937,2.319 |
|---|
| | | c0,1.013-0.312,1.824-0.937,2.435c-0.624,0.609-1.428,0.914-2.412,0.914H175.397z M176.199,36.504v5.035h0.903 |
|---|
| | | c0.789,0,1.403-0.227,1.847-0.68s0.664-1.086,0.664-1.902c0-0.814-0.228-1.428-0.682-1.838c-0.456-0.412-1.053-0.615-1.793-0.615 |
|---|
| | | H176.199z"/> |
|---|
| | | <polygon fill="#16569C" points="182.892,36.465 182.292,36.465 182.292,41.573 182.892,41.573 182.892,42.286 180.894,42.286 |
|---|
| | | 180.894,41.573 181.49,41.573 181.49,36.465 180.894,36.465 180.894,35.752 182.892,35.752 "/> |
|---|
| | | <path fill="#16569C" d="M187.993,42.016c-0.458,0.253-1.032,0.379-1.721,0.379c-0.892,0-1.603-0.297-2.135-0.891 |
|---|
| | | c-0.532-0.596-0.798-1.383-0.798-2.36c0-1.052,0.298-1.897,0.898-2.539c0.599-0.641,1.36-0.962,2.282-0.962 |
|---|
| | | c0.594,0,1.085,0.088,1.473,0.266v0.883c-0.444-0.26-0.933-0.389-1.465-0.389c-0.692,0-1.257,0.242-1.692,0.728 |
|---|
| | | s-0.654,1.139-0.654,1.963c0,0.782,0.204,1.403,0.609,1.862c0.407,0.459,0.939,0.689,1.597,0.689c0.615,0,1.149-0.146,1.605-0.438 |
|---|
| | | V42.016z"/> |
|---|
| | | <path fill="#16569C" d="M193.953,42.287h-0.886l-0.635-1.789h-2.586l-0.6,1.789h-0.886l2.367-6.533h0.857L193.953,42.287z |
|---|
| | | M192.185,39.759l-0.939-2.716c-0.03-0.087-0.061-0.238-0.095-0.455h-0.021c-0.03,0.196-0.062,0.35-0.101,0.455l-0.93,2.716H192.185 |
|---|
| | | z"/> |
|---|
| | | <polygon fill="#16569C" points="197.965,42.287 194.687,42.287 194.687,35.753 195.489,35.753 195.489,41.54 197.965,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M200.717,41.059c0.188,0.174,0.444,0.318,0.762,0.43c0.317,0.113,0.621,0.169,0.906,0.169 |
|---|
| | | c0.872,0,1.308-0.325,1.308-0.979c0-0.183-0.047-0.347-0.141-0.493c-0.093-0.146-0.221-0.276-0.384-0.389 |
|---|
| | | c-0.164-0.112-0.471-0.284-0.919-0.519c-0.623-0.325-1.034-0.629-1.231-0.909c-0.199-0.279-0.297-0.599-0.297-0.96 |
|---|
| | | c0-0.542,0.207-0.973,0.621-1.29c0.415-0.316,0.938-0.477,1.569-0.477c0.617,0,1.07,0.079,1.358,0.236v0.92 |
|---|
| | | c-0.374-0.273-0.847-0.409-1.419-0.409c-0.38,0-0.689,0.084-0.928,0.251c-0.24,0.167-0.36,0.398-0.36,0.697 |
|---|
| | | c0,0.265,0.083,0.479,0.249,0.646c0.165,0.165,0.526,0.391,1.078,0.68c0.611,0.305,1.037,0.611,1.28,0.918s0.364,0.651,0.364,1.032 |
|---|
| | | c0,0.575-0.196,1.015-0.594,1.321c-0.396,0.307-0.945,0.46-1.647,0.46c-0.246,0-0.533-0.036-0.86-0.108 |
|---|
| | | c-0.328-0.072-0.567-0.16-0.716-0.267V41.059z"/> |
|---|
| | | <path fill="#16569C" d="M209.834,42.016c-0.458,0.253-1.032,0.379-1.721,0.379c-0.892,0-1.603-0.297-2.134-0.891 |
|---|
| | | c-0.532-0.596-0.799-1.383-0.799-2.36c0-1.052,0.3-1.897,0.899-2.539c0.598-0.641,1.359-0.962,2.281-0.962 |
|---|
| | | c0.595,0,1.085,0.088,1.473,0.266v0.883c-0.444-0.26-0.932-0.389-1.464-0.389c-0.693,0-1.257,0.242-1.694,0.728 |
|---|
| | | c-0.435,0.485-0.653,1.139-0.653,1.963c0,0.782,0.203,1.403,0.609,1.862c0.407,0.459,0.939,0.689,1.598,0.689 |
|---|
| | | c0.615,0,1.149-0.146,1.604-0.438V42.016z"/> |
|---|
| | | <polygon fill="#16569C" points="212.313,36.465 211.714,36.465 211.714,41.573 212.313,41.573 212.313,42.286 210.315,42.286 |
|---|
| | | 210.315,41.573 210.912,41.573 210.912,36.465 210.315,36.465 210.315,35.752 212.313,35.752 "/> |
|---|
| | | <polygon fill="#16569C" points="216.504,42.287 213.163,42.287 213.163,35.753 216.364,35.753 216.364,36.504 213.965,36.504 |
|---|
| | | 213.965,38.595 216.188,38.595 216.188,39.342 213.965,39.342 213.965,41.54 216.504,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M222.59,42.287h-0.951l-3.125-5.082c-0.088-0.144-0.158-0.286-0.212-0.427h-0.024 |
|---|
| | | c0.021,0.146,0.032,0.451,0.032,0.914v4.595h-0.794v-6.533h1.006l3.041,4.994c0.144,0.235,0.229,0.386,0.257,0.45h0.016 |
|---|
| | | c-0.026-0.186-0.039-0.502-0.039-0.953v-4.491h0.794V42.287z"/> |
|---|
| | | <path fill="#16569C" d="M228.281,42.016c-0.457,0.253-1.031,0.379-1.721,0.379c-0.891,0-1.602-0.297-2.134-0.891 |
|---|
| | | c-0.533-0.596-0.799-1.383-0.799-2.36c0-1.052,0.3-1.897,0.898-2.539c0.6-0.641,1.36-0.962,2.282-0.962 |
|---|
| | | c0.595,0,1.085,0.088,1.473,0.266v0.883c-0.444-0.26-0.932-0.389-1.464-0.389c-0.692,0-1.257,0.242-1.693,0.728 |
|---|
| | | c-0.436,0.485-0.653,1.139-0.653,1.963c0,0.782,0.203,1.403,0.61,1.862c0.406,0.459,0.938,0.689,1.596,0.689 |
|---|
| | | c0.615,0,1.15-0.146,1.604-0.438V42.016z"/> |
|---|
| | | <polygon fill="#16569C" points="232.701,42.287 229.361,42.287 229.361,35.753 232.562,35.753 232.562,36.504 230.162,36.504 |
|---|
| | | 230.162,38.595 232.386,38.595 232.386,39.342 230.162,39.342 230.162,41.54 232.701,41.54 "/> |
|---|
| | | <path fill="#16569C" d="M233.424,41.059c0.189,0.174,0.444,0.318,0.762,0.43c0.318,0.113,0.621,0.169,0.906,0.169 |
|---|
| | | c0.873,0,1.308-0.325,1.308-0.979c0-0.183-0.046-0.347-0.14-0.493c-0.093-0.146-0.222-0.276-0.385-0.389s-0.471-0.284-0.919-0.519 |
|---|
| | | c-0.622-0.325-1.034-0.629-1.231-0.909c-0.198-0.279-0.297-0.599-0.297-0.96c0-0.542,0.207-0.973,0.622-1.29 |
|---|
| | | c0.414-0.316,0.938-0.477,1.568-0.477c0.617,0,1.071,0.079,1.359,0.236v0.92c-0.374-0.273-0.848-0.409-1.419-0.409 |
|---|
| | | c-0.381,0-0.69,0.084-0.929,0.251c-0.24,0.167-0.36,0.398-0.36,0.697c0,0.265,0.084,0.479,0.249,0.646 |
|---|
| | | c0.166,0.165,0.526,0.391,1.079,0.68c0.61,0.305,1.036,0.611,1.28,0.918c0.242,0.307,0.363,0.651,0.363,1.032 |
|---|
| | | c0,0.575-0.196,1.015-0.593,1.321c-0.396,0.307-0.946,0.46-1.647,0.46c-0.246,0-0.533-0.036-0.861-0.108s-0.566-0.16-0.716-0.267 |
|---|
| | | V41.059z"/> |
|---|
| | | <path fill="#006CB6" d="M9.742,17.428c0,0-1.225-16.04,17.265-17.428v16.979C27.007,16.979,14.64,14.449,9.742,17.428"/> |
|---|
| | | <path fill="#5AB546" d="M29.211,17.428V0c0,0,23.482,1.979,26.642,26.836C57.184,45.731,35.567,51.03,35.567,51.03 |
|---|
| | | s12.637-3.679,11.826-17.521C46.333,21.724,29.211,17.428,29.211,17.428"/> |
|---|
| | | <path fill="#006CB6" d="M46.387,35.629c0,0,0.174,13.351-16.438,15.917V37.501C29.948,37.501,41.878,40.034,46.387,35.629"/> |
|---|
| | | <path fill="#5AB546" d="M27.564,37.125c0,0-15.774-3.68-18.581-16.399C6.677,7.944,15.344,1.459,21.143,0.274 |
|---|
| | | c0,0-23.07,4.365-21.013,25.241c4.38,24.288,27.435,26.031,27.435,26.031V37.125z"/> |
|---|
| | | </svg> |
|---|
| New file |
| | |
|---|
| | | export const requestCtx = "http://182.92.203.7:3001" // 请æ±å°å |
|---|
| | | export const requestTimeOut = 300000; // 请æ±è¶
æ¶æ¶é´ |
|---|
| | | export const tokenKey = "zgnydx-token"; |
|---|
| | | export const userInfoKey = "zgnydx-userInfo"; // ç¨æ·ä¿¡æ¯key |
|---|
| | | export const appId = 43; |
|---|
| | | export const appRefCode = "caupress"; |
|---|
| | | export const goodsStore = `defaultGoodsStore${appId}`; // é»è®¤åååº |
|---|
| | | export const publicStore = `defaultPublicStore${appId}`; // é»è®¤èµæºå¼æ¾ä»å¨ |
|---|
| | | export const publicRepository = `defaultPublicRepository${appId}`; // é»è®¤èµæºå¼æ¾åº |
|---|
| | | export const reg_tel = |
|---|
| | | /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; // çµè¯å·æ£å |
|---|
| | | |
|---|
| | | const pdfUrl = "https://www.caupress.cn/pdfRead/"; |
|---|
| | | // const pdfUrl = "http://192.168.3.196:8083/pdfRead/"; |
|---|
| | | |
|---|
| | | // é¢érefCode |
|---|
| | | export const refCodes = { |
|---|
| | | index: { |
|---|
| | | banner: "caupress_banner\\caupress_homepageBanner", |
|---|
| | | information: "caupress_informationCenter\\caupress_information", |
|---|
| | | notice: "caupress_informationCenter\\caupress_notice", |
|---|
| | | column: "caupress_homepageColumn", |
|---|
| | | honor: "caupress_honor", |
|---|
| | | }, |
|---|
| | | // æè§åé¦ |
|---|
| | | Feedback: "feedback", |
|---|
| | | // æ稿 |
|---|
| | | Contribution: "caupress_contributedWorks", |
|---|
| | | // éç§æ¿ç |
|---|
| | | Privacy: "caupress_protocol", |
|---|
| | | // æ³å¾å£°æ |
|---|
| | | Statement: "caupress_protocol", |
|---|
| | | //æå¸è®¤è¯formtypeItem |
|---|
| | | teacherCertification: "caupress_teacherCertification", |
|---|
| | | // çµåæ ·ä¹¦cmsTypeRefcode |
|---|
| | | electronicSampleApplication: "electronicSampleApplication", |
|---|
| | | // çµåæ ·ä¹¦ç³è¯· |
|---|
| | | applyBook: "applyBook", |
|---|
| | | // çº¸è´¨æ ·ä¹¦ç³è¯· |
|---|
| | | applyEntityBook: "applyEntityBook", |
|---|
| | | // èµæºä¸è½½ç³è¯· |
|---|
| | | productDownLoad: "productDownLoad", |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export const seriesList = { |
|---|
| | | caupress_yyxbkspkxygclzyxljc: "åºç¨åæ¬ç§é£åç§å¦ä¸å·¥ç¨ç±»ä¸ä¸ç³»åææ", |
|---|
| | | caupress_ptgdyxsplzyxljc: "æ®éé«çé¢æ ¡é£åç±»ä¸ä¸ç³»åææ", |
|---|
| | | caupress_ptgdjyfjylylzysswghjc: "æ®éé«çé¢æ ¡é£æ¯åæ/åæç³»åææ", |
|---|
| | | caupress_gdzyjyxmsyzyjpjc: "é«çèä¸æè²çç§å
½å»ä¸ä¸ç²¾åææ", |
|---|
| | | caupress_gdzyjyxmsyzyqgxjhxljc: "é«çèä¸æè²çç§å
½å»ä¸ä¸ç¾¤âå·¥å¦ç»åâç³»åææ", |
|---|
| | | caupress_xczxbwnmpxxl: "乡ææ¯å
´ç¾ä¸åæ°å¹è®ç³»åææ", |
|---|
| | | caupress_tdzyglyyxzxfzsdzyxljc: "åå°èµæºç®¡çåºç¨å转ååå±è¯ç¹ä¸ä¸ç³»åææ", |
|---|
| | | caupress_ptgdyxtdzyglzyjpkcj: "æ®éé«çé¢æ ¡åå°èµæºç®¡çä¸ä¸ç²¾å课ç¨å»ºè®¾ææ", |
|---|
| | | caupress_gdzyjygklqcnygcnjxlghjc: "é«çèä¸æè²å·¥ç§ç±»æ±½è½¦ãåä¸å·¥ç¨ãåæºç³»åè§åææ", |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const config = { |
|---|
| | | requestCtx, |
|---|
| | | requestTimeOut, |
|---|
| | | tokenKey, |
|---|
| | | userInfoKey, |
|---|
| | | appRefCode, |
|---|
| | | goodsStore, |
|---|
| | | publicStore, |
|---|
| | | publicRepository, |
|---|
| | | refCodes, |
|---|
| | | reg_tel, |
|---|
| | | seriesList, |
|---|
| | | pdfUrl |
|---|
| | | }; |
|---|
| | | export default config; |
|---|
| New file |
| | |
|---|
| | | // åæ¶æ¥å£è°ç¨è½åï¼ |
|---|
| | | // éåçå¿
è¦æ§ï¼ï¼ |
|---|
| | | |
|---|
| | | import resource from "./api/resource"; |
|---|
| | | import store from "./api/store"; |
|---|
| | | import identity from "./api/identity"; |
|---|
| | | import ugc from "./api/ugc"; |
|---|
| | | import app from "./api/app"; |
|---|
| | | import file from "./api/file"; |
|---|
| | | import job from "./api/job"; |
|---|
| | | import edu from "./api/edu"; |
|---|
| | | |
|---|
| | | const WebMiddleGroundApi = { |
|---|
| | | resource, |
|---|
| | | store, |
|---|
| | | identity, |
|---|
| | | ugc, |
|---|
| | | app, |
|---|
| | | file, |
|---|
| | | job, |
|---|
| | | edu |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default WebMiddleGroundApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | const appApi = { |
|---|
| | | // è·åç¨æ·æ¶æ¯å表 |
|---|
| | | getAppMessageList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/app/api/ApiGetAppMessageList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åç¨æ·æ¶æ¯è¯¦æ
|
|---|
| | | getMessage(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/app/api/ApiGetMessage", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·ååè¯ |
|---|
| | | getTicketResult(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/app/api/ApiGetTicketResult", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //使ç¨åè¯ |
|---|
| | | useTicket(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/app/api/ApiUseTicket", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default appApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | import { handleQueryResourceListData } from "../tool"; |
|---|
| | | const eduApi = { |
|---|
| | | /* |
|---|
| | | **è·åååå表** |
|---|
| | | path: æ°æ®è·¯å¾ |
|---|
| | | storeInfo: ä»å¨ |
|---|
| | | channelInfo: é¢é |
|---|
| | | subAccess: |
|---|
| | | queryType: æ£ç´¢ç±»å |
|---|
| | | paging: å页 |
|---|
| | | sort: æåº |
|---|
| | | fields: èªå®ä¹å段 |
|---|
| | | */ |
|---|
| | | getCourseProductList: ({ |
|---|
| | | courseInfo = null, |
|---|
| | | queryType, |
|---|
| | | LinkProductId = null, |
|---|
| | | paging = {}, |
|---|
| | | sort, |
|---|
| | | fields, |
|---|
| | | coverSize |
|---|
| | | }) => { |
|---|
| | | const query = { |
|---|
| | | Type: queryType || "\\", |
|---|
| | | CourseId: courseInfo + "", |
|---|
| | | LinkProductId: LinkProductId || "", |
|---|
| | | PageQuery: { |
|---|
| | | Start: paging.start || "0", |
|---|
| | | Size: paging.size || "10" |
|---|
| | | }, |
|---|
| | | SortQuery: sort |
|---|
| | | ? [sort] |
|---|
| | | : [ |
|---|
| | | { |
|---|
| | | LinkOrder: "Desc" |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | CreateDate: [], |
|---|
| | | Description: [], |
|---|
| | | Name: [], |
|---|
| | | Icon: [], |
|---|
| | | RefCode: [], |
|---|
| | | TypeId: [], |
|---|
| | | SysType: [], |
|---|
| | | State: [], |
|---|
| | | Tag: [], |
|---|
| | | BeginDate: [], |
|---|
| | | EndDate: [], |
|---|
| | | ProductLinkInfo: [], |
|---|
| | | AllowDonate: [], |
|---|
| | | // DonatePriceList: [], |
|---|
| | | SubProductCount: [], |
|---|
| | | ...fields |
|---|
| | | }; |
|---|
| | | const body = { query: JSON.stringify({ Query: [{ Q1: query }] }) }; |
|---|
| | | let url = "/edu/api/ApiAppUserQueryCourseProduct"; |
|---|
| | | return request({ |
|---|
| | | url: url, |
|---|
| | | method: "post", |
|---|
| | | data: body |
|---|
| | | }).then((resp) => { |
|---|
| | | if (resp.length > 0) { |
|---|
| | | const data = resp[0]; |
|---|
| | | const datas = handleQueryResourceListData({ |
|---|
| | | datas: data.datas, |
|---|
| | | fields, |
|---|
| | | courseInfo, |
|---|
| | | coverSize |
|---|
| | | }); |
|---|
| | | return { |
|---|
| | | datas, |
|---|
| | | total: data.totalCount |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | return { datas: [], total: 0 }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //ç³è¯·è¯¾ç¨ |
|---|
| | | applyNewCourse(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiApplyNewCourse", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //æ´æ°è¯¾ç¨ç³è¯·ä¿¡æ¯ |
|---|
| | | updateCourseApply(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiUpdateCourseApply", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åæçè¯¾ç¨ |
|---|
| | | getAppCourseList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiGetAppCourseList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åå·²ç³è¯·ç课ç¨è¯¦æ
|
|---|
| | | getCourseById(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiGetCourseById", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åå建课ç¨ä¸çç级å表 |
|---|
| | | getCourseClassList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiGetCourseClassList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å建ççº§ä¿¡æ¯ |
|---|
| | | newCourseClass(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiNewCourseClass", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å é¤ççº§ä¿¡æ¯ |
|---|
| | | delCourseClass(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiDelCourseClass", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // æ´æ°ççº§ä¿¡æ¯ |
|---|
| | | updateCourseClass(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/edu/api/ApiUpdateCourseClass", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å建课ç¨è®¢å |
|---|
| | | createCourseOrder(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/CreateCourseOrder", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // å
è´¹é¢åè¯¾ç¨ |
|---|
| | | MakeFreeOrderPay(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/MakeFreeOrderPay", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default eduApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | const fileApi = { |
|---|
| | | // è·åpdfæ»é¡µæ° |
|---|
| | | getPdfTotalPage(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/file/GetPdfTotalPage", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //ä¸ä¼ æ件 |
|---|
| | | upload(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/file/api/ApiUpload", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åé¿éäºå éå°å |
|---|
| | | getAliVod(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/file/GetAliVod", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default fileApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | const identityApi = { |
|---|
| | | // è·åå¾å½¢éªè¯ç |
|---|
| | | getImgCode() { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/NewCaptcha", |
|---|
| | | method: "post", |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // éªè¯å¾å½¢éªè¯ç |
|---|
| | | verificationImgCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/ValidCaptcha", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åçä¿¡éªè¯ç |
|---|
| | | getPhoneCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/NewSms", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // éªè¯çä¿¡éªè¯ç |
|---|
| | | verificationPhoneCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiValidMobilePhone", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // éè¿ææºå·æ³¨åç¨æ· |
|---|
| | | registerAppUserWithPhone(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/RegisterAppUserWithPhone", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è´¦å·å¯ç ç»å½ |
|---|
| | | loginByPassword(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/LoginByPassword", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // çä¿¡éªè¯ç ç»å½ |
|---|
| | | loginByMobilePhone(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/LoginByMobilePhone", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 设置ç¨æ·key |
|---|
| | | setUserKey(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiAppUserSetKey", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åç¨æ·key |
|---|
| | | getUserKey(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiGetAppUserKey", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // å é¤ç¨æ·key |
|---|
| | | delUserKey(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiDelAppUserKey", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åå»å½åç¨æ·ä¿¡æ¯ |
|---|
| | | getCurrentAppUser() { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/GetCurrentAppUser", |
|---|
| | | method: "post", |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // æ·»å ç¨æ·ä¿¡æ¯ |
|---|
| | | setAppUserInfo(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/SetAppUserInfoRequest", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // ç¨æ·æ´æ¢ç»å®ææºå·ï¼å¦æ²¡æç»å®ææºåèªå¨å建 |
|---|
| | | userSetPhoneNumber(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiUserSetPhoneNumber", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // æ£æµç¨æ·æ¯å¦ç»å®å¾®ä¿¡ |
|---|
| | | checkBuildingWeChat(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiCheckBuildingWeChat", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | // éè¿ææºå·éç½®å¯ç |
|---|
| | | changePasswordByMobilePhone(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ChangePasswordByMobilePhone", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 微信å¼æ¾å¹³å°æ«ç ç»å½ |
|---|
| | | loginByWeChatOpenCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/LoginByWeChatOpenCode", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // ç¨æ·ç»å®å¾®ä¿¡å· |
|---|
| | | bindingWeChat(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/identity/api/ApiBindingWeChat", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default identityApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | import { tokenKey } from "@/assets/js/config"; |
|---|
| | | import toolClass from "@/assets/js/toolClass"; |
|---|
| | | const jobApi = { |
|---|
| | | // ç»è®¡ |
|---|
| | | newJobWithNewView(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/job/api/NewJobWithNewView", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | newSession(data) { |
|---|
| | | return request({ |
|---|
| | | url: toolClass.getCookie(tokenKey) ? "/job/api/AppUserNewSession" : "/job/api/NewSession", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default jobApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | import { publicStore, publicRepository } from "@/assets/js/config"; |
|---|
| | | import { tokenKey } from "@/assets/js/config"; |
|---|
| | | import { handleQueryResourceListData } from "../tool"; |
|---|
| | | import toolClass from "@/assets/js/toolClass"; |
|---|
| | | const resourceApi = { |
|---|
| | | /* |
|---|
| | | **è·åèµæºå表&详æ
** |
|---|
| | | path: æ°æ®è·¯å¾ |
|---|
| | | storeInfo: ä»å¨ |
|---|
| | | repositoryInfo: ä»åº |
|---|
| | | queryType: æ£ç´¢ç±»å |
|---|
| | | paging: å页 |
|---|
| | | sort: æåº |
|---|
| | | fields: èªå®ä¹å段 |
|---|
| | | itemId: è·å详æ
æ¶çèµæºID |
|---|
| | | */ |
|---|
| | | getItem: ({ |
|---|
| | | path, |
|---|
| | | storeInfo = publicStore, |
|---|
| | | repositoryInfo = publicRepository, |
|---|
| | | queryType, |
|---|
| | | linkType, |
|---|
| | | paging, |
|---|
| | | sort, |
|---|
| | | fields, |
|---|
| | | itemId, |
|---|
| | | itemType, |
|---|
| | | coverSize, |
|---|
| | | filterList, |
|---|
| | | }) => { |
|---|
| | | if (!path) return Promise.reject("æ¥å£è¯·æ±å¿
è¦åæ°ä¸è½ä¸ºç©ºï¼"); |
|---|
| | | const query = { |
|---|
| | | AccessControl: { |
|---|
| | | Path: path, |
|---|
| | | StoreRefCode: storeInfo + "", |
|---|
| | | RepositoryRefCode: repositoryInfo + "", |
|---|
| | | Type: queryType || "\\", |
|---|
| | | LinkType: linkType || "", |
|---|
| | | }, |
|---|
| | | PageQuery: { |
|---|
| | | Start: paging?.start || "0", |
|---|
| | | Size: paging?.size || "10", |
|---|
| | | }, |
|---|
| | | SortQuery: sort |
|---|
| | | ? [sort] |
|---|
| | | : [ |
|---|
| | | { |
|---|
| | | LinkOrder: "Desc", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | CreateDate: [], |
|---|
| | | Description: [], |
|---|
| | | Name: [], |
|---|
| | | Icon: [], |
|---|
| | | RefCode: [], |
|---|
| | | Type: [], |
|---|
| | | TypeId: [], |
|---|
| | | State: [], |
|---|
| | | Tag: [], |
|---|
| | | LinkInfo: [], |
|---|
| | | LinkFile: [], |
|---|
| | | CmsItemType: [], |
|---|
| | | ChildrenFolderCount: [], |
|---|
| | | ChildrenCount: [], |
|---|
| | | ...fields, |
|---|
| | | ...filterList, |
|---|
| | | }; |
|---|
| | | if (itemId) query["Id="] = [`${itemId}`]; |
|---|
| | | if (itemType) query["Type="] = [`${itemType}`]; |
|---|
| | | const body = { query: JSON.stringify({ Query: [{ Q1: query }] }) }; |
|---|
| | | let token = toolClass.getCookie(tokenKey); |
|---|
| | | return request({ |
|---|
| | | url: token ? "/resource/api/ApiAppUserQuery" : "/resource/api/ApiQuery", |
|---|
| | | method: "post", |
|---|
| | | data: body, |
|---|
| | | }).then((resp) => { |
|---|
| | | if (resp.length > 0) { |
|---|
| | | const data = resp[0]; |
|---|
| | | const datas = handleQueryResourceListData({ |
|---|
| | | datas: data.datas, |
|---|
| | | fields, |
|---|
| | | path, |
|---|
| | | storeInfo, |
|---|
| | | repositoryInfo, |
|---|
| | | coverSize, |
|---|
| | | }); |
|---|
| | | return { datas, total: data.totalCount }; |
|---|
| | | } |
|---|
| | | return { datas: [], total: 0 }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // 模ç³æç´¢ |
|---|
| | | EsQuery(query) { |
|---|
| | | let { params, path, paging } = query; |
|---|
| | | let queryBody = { |
|---|
| | | Type: "*", |
|---|
| | | Store: [], |
|---|
| | | ItemType: [], |
|---|
| | | CmsType: [], |
|---|
| | | SysType: ["CmsItem"], |
|---|
| | | LinkInfo: [], |
|---|
| | | PageQuery: { |
|---|
| | | Start: paging?.start || "0", |
|---|
| | | Size: paging?.size || "10", |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | // 设置ä¸åçPath |
|---|
| | | |
|---|
| | | // å¦æ没ææç´¢å
³é®åï¼ååªç¨è·åå称 |
|---|
| | | if (params.length > 0) { |
|---|
| | | let data = { |
|---|
| | | "||Name": [...params], |
|---|
| | | "||tourism_content*": [...params], |
|---|
| | | "||tourism_workflow*": [...params], |
|---|
| | | "||tourism_notes*": [...params], |
|---|
| | | "||tourism_caseIndex*": [...params], |
|---|
| | | "||tourism_basicCase*": [...params], |
|---|
| | | "||tourism_judgmentAndReasons*": [...params], |
|---|
| | | "||tourism_legalIssuesInvolvedInThisCase*": [...params], |
|---|
| | | "||tourism_referenceAnswerAndLegalAnalysis*": [...params], |
|---|
| | | "||tourism_case*": [...params], |
|---|
| | | "||tourism_clause*": [...params], |
|---|
| | | "||tourism_unscramble*": [...params], |
|---|
| | | "||tourism_specialRemind*": [...params], |
|---|
| | | "||tourism_fiction*": [...params], |
|---|
| | | "||tourism_authorityNature*": [...params], |
|---|
| | | "||tourism_authorityGist*": [...params], |
|---|
| | | "||tourism_penaltyGist*": [...params], |
|---|
| | | "||tourism_penaltyTerms*": [...params], |
|---|
| | | "||tourism_penaltyType*": [...params], |
|---|
| | | "||tourism_remarksNote*": [...params], |
|---|
| | | "||tourism_keyword*": [...params], |
|---|
| | | }; |
|---|
| | | Object.assign(queryBody, data); |
|---|
| | | } else { |
|---|
| | | let data = { |
|---|
| | | Name: [], |
|---|
| | | }; |
|---|
| | | Object.assign(queryBody, data); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å
¨é¨æç´¢ - åç¬çæä¸ªåº |
|---|
| | | if (path != "All") { |
|---|
| | | let data = { |
|---|
| | | Path: [ |
|---|
| | | { |
|---|
| | | Repository: "tourism_tourismLawsAndRegulationsDatabase", |
|---|
| | | Path: path, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | Object.assign(queryBody, data); |
|---|
| | | } |
|---|
| | | const body = { query: JSON.stringify({ Query: [{ Q1: queryBody }] }) }; |
|---|
| | | |
|---|
| | | return request({ |
|---|
| | | url: "/resource/api/ApiEsQuery", |
|---|
| | | method: "post", |
|---|
| | | data: body, |
|---|
| | | }).then((res) => { |
|---|
| | | if (res.length > 0) { |
|---|
| | | const data = res[0]; |
|---|
| | | |
|---|
| | | const datas = handleQueryResourceListData({ |
|---|
| | | datas: data.datas, |
|---|
| | | path, |
|---|
| | | }); |
|---|
| | | return { datas, total: data.totalCount }; |
|---|
| | | } |
|---|
| | | return { data: [], total: 0 }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åèµæºç±»å |
|---|
| | | getCmsTypeByRefCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "resource/api/ApiGetCmsTypeByRefCode", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //åæ¶cmsæ¶è |
|---|
| | | delCmsItemLink(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/resource/api/ApiDelCmsItemLink", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //cmsæ¶è |
|---|
| | | collectCmsItem(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/resource/api/ApiAddCmsItemLink", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default resourceApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | import { tokenKey, goodsStore } from "@/assets/js/config"; |
|---|
| | | import toolClass from "@/assets/js/toolClass"; |
|---|
| | | import { |
|---|
| | | handleQueryResourceListData, |
|---|
| | | handleDetailQueryRequestData |
|---|
| | | } from "../tool"; |
|---|
| | | const storeApi = { |
|---|
| | | /* |
|---|
| | | **è·åååå表** |
|---|
| | | path: æ°æ®è·¯å¾ |
|---|
| | | storeInfo: ä»å¨ |
|---|
| | | channelInfo: é¢é |
|---|
| | | subAccess: |
|---|
| | | queryType: æ£ç´¢ç±»å |
|---|
| | | paging: å页 |
|---|
| | | sort: æåº |
|---|
| | | fields: èªå®ä¹å段 |
|---|
| | | */ |
|---|
| | | getProductList: ({ |
|---|
| | | path = "", |
|---|
| | | storeInfo = goodsStore, |
|---|
| | | storeEventIdOrRefCode = "", |
|---|
| | | queryType, |
|---|
| | | linkType, |
|---|
| | | subAccess = [], |
|---|
| | | paging = {}, |
|---|
| | | sort, |
|---|
| | | fields, |
|---|
| | | filterList, |
|---|
| | | coverSize, |
|---|
| | | mainProductId |
|---|
| | | }) => { |
|---|
| | | const query = { |
|---|
| | | AccessControl: { |
|---|
| | | Path: path, |
|---|
| | | StoreRefCode: storeInfo + "", |
|---|
| | | Type: queryType || "\\", |
|---|
| | | LinkType: linkType || "" |
|---|
| | | }, |
|---|
| | | SubAccess: subAccess.length > 0 ? subAccess : [], |
|---|
| | | PageQuery: { |
|---|
| | | Start: paging.start || "0", |
|---|
| | | Size: paging.size || "10" |
|---|
| | | }, |
|---|
| | | SortQuery: |
|---|
| | | sort?.length == 0 |
|---|
| | | ? [] |
|---|
| | | : sort |
|---|
| | | ? [sort] |
|---|
| | | : [ |
|---|
| | | { |
|---|
| | | LinkOrder: "Desc" |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | CreateDate: [], |
|---|
| | | Description: [], |
|---|
| | | Name: [], |
|---|
| | | Icon: [], |
|---|
| | | RefCode: [], |
|---|
| | | TypeId: [], |
|---|
| | | SysType: [], |
|---|
| | | State: [], |
|---|
| | | Tag: [], |
|---|
| | | BeginDate: [], |
|---|
| | | EndDate: [], |
|---|
| | | ProductLinkInfo: [], |
|---|
| | | AllowDonate: [], |
|---|
| | | // DonatePriceList: [], |
|---|
| | | StoreEvent: [], |
|---|
| | | SubProductCount: [], |
|---|
| | | SaleMethod: [], |
|---|
| | | SaleMethodValid: [], |
|---|
| | | StoreEventIdOrRefCode: storeEventIdOrRefCode, |
|---|
| | | ...fields, |
|---|
| | | ...filterList |
|---|
| | | }; |
|---|
| | | if (mainProductId) { |
|---|
| | | query.AccessControl.MainProductId = mainProductId; |
|---|
| | | } |
|---|
| | | const body = { |
|---|
| | | query: JSON.stringify({ |
|---|
| | | Query: [ |
|---|
| | | { |
|---|
| | | Q1: query |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | }; |
|---|
| | | let token = toolClass.getCookie(tokenKey); |
|---|
| | | let url = token |
|---|
| | | ? "/store/api/ApiQueryProductByAppUser" |
|---|
| | | : "/store/api/ApiQueryProduct"; |
|---|
| | | return request({ |
|---|
| | | url: url, |
|---|
| | | method: "post", |
|---|
| | | data: body |
|---|
| | | }).then((resp) => { |
|---|
| | | if (resp.length > 0) { |
|---|
| | | const data = resp[0]; |
|---|
| | | const datas = handleQueryResourceListData({ |
|---|
| | | datas: data.datas, |
|---|
| | | fields, |
|---|
| | | path, |
|---|
| | | storeInfo, |
|---|
| | | coverSize |
|---|
| | | }); |
|---|
| | | return { |
|---|
| | | datas, |
|---|
| | | total: data.totalCount, |
|---|
| | | extraInfos: data.extraInfos?.StoreEvent |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | return { |
|---|
| | | datas: [], |
|---|
| | | total: 0 |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | /* |
|---|
| | | **è·ååå详æ
** |
|---|
| | | path: æ°æ®è·¯å¾ |
|---|
| | | storeInfo: ä»å¨ |
|---|
| | | channelInfo: é¢é |
|---|
| | | subAccess: |
|---|
| | | fields: èªå®ä¹å段 |
|---|
| | | productId: ååID |
|---|
| | | cmsPathï¼cmsPath |
|---|
| | | */ |
|---|
| | | getProductDetail: ({ |
|---|
| | | path = "", |
|---|
| | | storeInfo = goodsStore, |
|---|
| | | channelInfo = "", |
|---|
| | | queryType, |
|---|
| | | subAccess = [], |
|---|
| | | fields, |
|---|
| | | productId, |
|---|
| | | cmsPath, |
|---|
| | | coverSize, |
|---|
| | | itemId, |
|---|
| | | itemFields, |
|---|
| | | linkTypes |
|---|
| | | }) => { |
|---|
| | | const subQuery = {}; |
|---|
| | | if (cmsPath) { |
|---|
| | | subQuery["QueryCms"] = { |
|---|
| | | Path: cmsPath + "", |
|---|
| | | Type: "\\", |
|---|
| | | Name: [], |
|---|
| | | Icon: [], |
|---|
| | | TypeId: [], |
|---|
| | | PageQuery: { |
|---|
| | | Start: 0, |
|---|
| | | Size: 100 |
|---|
| | | }, |
|---|
| | | ProductLinkInfo: [], |
|---|
| | | ...itemFields |
|---|
| | | }; |
|---|
| | | if (itemId) subQuery["QueryCms"]["Id="] = [`${itemId}`]; |
|---|
| | | } |
|---|
| | | // è·åå
³èèµæº |
|---|
| | | let linkFields = {}; |
|---|
| | | if (linkTypes && linkTypes.length) { |
|---|
| | | for (let i = 0; i < linkTypes.length; i++) { |
|---|
| | | const linkType = linkTypes[i]; |
|---|
| | | subQuery["QueryLink_" + linkType.linkType] = { |
|---|
| | | Path: cmsPath + "", |
|---|
| | | Type: "\\", |
|---|
| | | Name: [], |
|---|
| | | Icon: [], |
|---|
| | | TypeId: [], |
|---|
| | | LinkTypes: [linkType.linkType], |
|---|
| | | PageQuery: { |
|---|
| | | Start: 0, |
|---|
| | | Size: 100 |
|---|
| | | }, |
|---|
| | | ProductLinkInfo: [], |
|---|
| | | ...linkType.fields |
|---|
| | | }; |
|---|
| | | linkFields = { |
|---|
| | | ...linkFields, |
|---|
| | | ...linkType.fields |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | const query = { |
|---|
| | | AccessControl: { |
|---|
| | | Path: path, |
|---|
| | | StoreRefCode: storeInfo + "", |
|---|
| | | ChannelRefCode: channelInfo + "", |
|---|
| | | Type: queryType || "\\" |
|---|
| | | }, |
|---|
| | | SubAccess: subAccess.length > 0 ? subAccess : [], |
|---|
| | | PageQuery: { |
|---|
| | | Start: "0", |
|---|
| | | Size: "1" |
|---|
| | | }, |
|---|
| | | "Id=": [`${productId}`], |
|---|
| | | SortQuery: [], |
|---|
| | | CreateDate: [], |
|---|
| | | Description: [], |
|---|
| | | Name: [], |
|---|
| | | Icon: [], |
|---|
| | | RefCode: [], |
|---|
| | | TypeId: [], |
|---|
| | | SysType: [], |
|---|
| | | State: [], |
|---|
| | | Tag: [], |
|---|
| | | BeginDate: [], |
|---|
| | | EndDate: [], |
|---|
| | | ProductLinkInfo: [], |
|---|
| | | AllowDonate: [], |
|---|
| | | DonatePriceList: [], |
|---|
| | | StoreEvent: [], |
|---|
| | | SaleMethod: [], |
|---|
| | | SaleMethodValid: [], |
|---|
| | | ProductCmsQuery: [subQuery], |
|---|
| | | ...fields |
|---|
| | | }; |
|---|
| | | if (productId) query["Id="] = [`${productId}`]; |
|---|
| | | |
|---|
| | | const body = { |
|---|
| | | query: JSON.stringify({ |
|---|
| | | Query: [ |
|---|
| | | { |
|---|
| | | Q1: query |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }) |
|---|
| | | }; |
|---|
| | | let token = toolClass.getCookie(tokenKey); |
|---|
| | | let url = token |
|---|
| | | ? "/store/api/ApiQueryProductByAppUser" |
|---|
| | | : "/store/api/ApiQueryProduct"; |
|---|
| | | return request({ |
|---|
| | | url: url, |
|---|
| | | method: "post", |
|---|
| | | data: body |
|---|
| | | }).then((resp) => { |
|---|
| | | if (resp.length > 0) { |
|---|
| | | const data = resp[0]; |
|---|
| | | if (data.datas.length) { |
|---|
| | | data.datas[0].subDatas = data.datas[0].cmsDatas; |
|---|
| | | const datas = handleDetailQueryRequestData({ |
|---|
| | | item: data.datas[0], |
|---|
| | | fields, |
|---|
| | | itemFields: { |
|---|
| | | ...itemFields, |
|---|
| | | ...linkFields |
|---|
| | | }, |
|---|
| | | path, |
|---|
| | | coverSize |
|---|
| | | }); |
|---|
| | | return { |
|---|
| | | datas, |
|---|
| | | total: data.totalCount |
|---|
| | | }; |
|---|
| | | } else { |
|---|
| | | return { |
|---|
| | | datas: [], |
|---|
| | | total: 0 |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return { |
|---|
| | | datas: [], |
|---|
| | | total: 0 |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åä¼æ å¸å表 |
|---|
| | | getChannelPromoteCodeList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetChannelPromoteCodeList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åç¨æ·å·²é¢åçä¼æ å¸å表 |
|---|
| | | getPromoteCodeList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetPromoteCodeList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åç¨æ·æµè§æè¡ |
|---|
| | | getProductViewRank(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetProductViewRank", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åç¨æ·éå®æè¡ |
|---|
| | | getProductSaleRank(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetProductSaleRank", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åååå¯ç¨ä¼æ å¸ |
|---|
| | | getProductPromoteCodeList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetProductPromoteCodeList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·å订åå¯ç¨ä¼æ å¸ |
|---|
| | | getOrderPromoteCodeList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/GetOrderPromoteCodeList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åéå®æ¹å¼å¯ç¨ä¼æ å¸ |
|---|
| | | getSaleMethodPromoteCodeList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/GetSaleMethodPromoteCodeList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // é¢åä¼æ å· |
|---|
| | | getPromoteCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetPromoteCode", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 为订å使ç¨ä¼æ å¸ |
|---|
| | | updateOrderPromoteCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/UpdateOrderPromoteCode", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 为éå®æ¹å¼ä½¿ç¨ä¼æ å¸ |
|---|
| | | updateSaleMethodPromoteCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/UpdateSaleMethodPromoteCode", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // éè¿è®¢åå·è·å订å |
|---|
| | | getOrderByOrderNum(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/GetOrderByOrderNum", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // å建订å |
|---|
| | | initOrder(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/InitOrder", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 确认订å |
|---|
| | | confirmOrder(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ConfirmOrder", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // åæ¶è®¢å |
|---|
| | | cancelOrder(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/CancelOrder", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // èµèµ |
|---|
| | | CreateDonateOrder(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/CreateDonateOrder", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åç¨æ·è®¢åå表 |
|---|
| | | getUserOrderList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/GetUserOrderList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åé¢éä¸çå表 |
|---|
| | | getStoreChannelList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetStoreChannelList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åè´ç©è½¦ |
|---|
| | | getShoppingCartProductList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetShoppingCartProductList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //æ·»å å°è´ç©è½¦ |
|---|
| | | addShoppingCart(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiAddShoppingCart", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è´ç©è½¦å é¤åå |
|---|
| | | delShoppingCart(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiDelShoppingCart", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //ä»è´ç©è½¦å建订å |
|---|
| | | shoppingCartCreateOrder(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiShoppingCartCreateOrder", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åå·²è´ä¹°çååå表 |
|---|
| | | getPurchasedProductList(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetPurchasedProductList", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è°å微信æ¯ä» |
|---|
| | | makeWeChatPay(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/MakeWeChatPay", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è°å微信äºç»´ç æ¯ä» |
|---|
| | | makeWeChatQrPay(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/MakeWeChatQrPay", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åæ¿æ´»ç 详æ
|
|---|
| | | getActiveCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetActiveCode", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 使ç¨æ¿æ´»ç |
|---|
| | | userActiveCode(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiUseActiveCode", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // ååæ¥è¯¢ç±»åå段æ¥å£ |
|---|
| | | getProductTypeField(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiGetProductTypeField", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // åæ¶æ¶èæ移é¤ä¹¦æ¶ |
|---|
| | | delProductLink(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiDelProductLink", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //æ¶èåå |
|---|
| | | productLink(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/store/api/ApiAddProductLink", |
|---|
| | | method: "post", |
|---|
| | | data |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default storeApi; |
|---|
| New file |
| | |
|---|
| | | import request from "@/plugin/axios"; |
|---|
| | | import { tokenKey } from "@/assets/js/config"; |
|---|
| | | import toolClass from "@/assets/js/toolClass"; |
|---|
| | | const ugcApi = { |
|---|
| | | // è·åååç¹èµTopic |
|---|
| | | getProductLikesTopic(data) { |
|---|
| | | return request({ |
|---|
| | | url: toolClass.getCookie(tokenKey) |
|---|
| | | ? "/ugc/api/ApiAppUserGetProductLikesTopic" |
|---|
| | | : "/ugc/api/ApiGetProductLikesTopic", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åååè¯è®ºTopic |
|---|
| | | getProductCommentTopic(data) { |
|---|
| | | return request({ |
|---|
| | | url: toolClass.getCookie(tokenKey) |
|---|
| | | ? "/ugc/api/ApiAppUserGetProductCommentTopic" |
|---|
| | | : "/ugc/api/ApiGetProductCommentTopic", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åMessageList |
|---|
| | | getTopicMessageList(data) { |
|---|
| | | return request({ |
|---|
| | | url: toolClass.getCookie(tokenKey) |
|---|
| | | ? "/ugc/api/ApiAppUserGetTopicMessageList" |
|---|
| | | : "/ugc/api/ApiGetTopicMessageList", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // æ°å»ºMessage |
|---|
| | | newTopicMessage(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/ugc/api/ApiNewTopicMessage", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // å é¤Message |
|---|
| | | delTopicMessage(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/ugc/api/ApiDelTopicMessage", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åcmsè¯è®º |
|---|
| | | getCmsItemCommentTopic(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/ugc/api/ApiGetCmsItemCommentTopic", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //æ´æ°TOPICMESSAGE |
|---|
| | | updateTopicMessage(data) { |
|---|
| | | return request({ |
|---|
| | | url: "/ugc/api/ApiUpdateTopicMessage", |
|---|
| | | method: "post", |
|---|
| | | data, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | export default ugcApi; |
|---|
| New file |
| | |
|---|
| | | import { requestCtx } from "@/assets/js/config"; |
|---|
| | | import moment from "moment"; |
|---|
| | | // å¤çå表æ¥è¯¢ç»æ |
|---|
| | | export function handleQueryResourceListData({ |
|---|
| | | datas, |
|---|
| | | fields, |
|---|
| | | path, |
|---|
| | | storeInfo, |
|---|
| | | repositoryInfo, |
|---|
| | | coverSize, |
|---|
| | | }) { |
|---|
| | | |
|---|
| | | const dataList = []; |
|---|
| | | for (let i = 0; i < datas.length; i++) { |
|---|
| | | const item = datas[i]; |
|---|
| | | // å¤çå段 |
|---|
| | | const _fields = {}; |
|---|
| | | if (fields != null) { |
|---|
| | | for (let fieldKey in fields) { |
|---|
| | | if (item.datas[fieldKey]) { |
|---|
| | | const values = JSON.parse(item.datas[fieldKey]); |
|---|
| | | if (values.length > 0) { |
|---|
| | | // ç¨å段åå¤çè¿åçåæ®µå¼ |
|---|
| | | if (values[0].Value) { |
|---|
| | | _fields[fieldKey] = values[0].Value; |
|---|
| | | } else if (values[0].Data) { |
|---|
| | | _fields[fieldKey] = values[0].Data.Value; |
|---|
| | | } |
|---|
| | | item.datas[fieldKey] = values[0]; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const subDatas = {}; |
|---|
| | | if (item.subDatas) { |
|---|
| | | for (let subData of item.subDatas) { |
|---|
| | | const tag = subData.queryTag.replace("Query", ""); |
|---|
| | | subDatas[tag] = subData.datas; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | let obj = { |
|---|
| | | ...item, |
|---|
| | | id: item.id, |
|---|
| | | name: item.datas.Name, |
|---|
| | | icon: getPublicImage( |
|---|
| | | item.datas.Icon, |
|---|
| | | coverSize?.width, |
|---|
| | | coverSize?.height |
|---|
| | | ), |
|---|
| | | repositoryInfo: repositoryInfo, |
|---|
| | | refCode: item.datas.RefCode === "[]" ? null : item.datas.RefCode, |
|---|
| | | state: item.datas.State, |
|---|
| | | type: item.datas.Type, |
|---|
| | | tag: item.datas.Tag, |
|---|
| | | creator: item.datas.Creator ? JSON.parse(item.datas.Creator) : undefined, |
|---|
| | | storeInfo: storeInfo, |
|---|
| | | linkType: item.datas.LinkType, |
|---|
| | | childrenCount: parseInt(item.datas.ChildrenCount ?? "0"), |
|---|
| | | childrenFolderCount: parseInt(item.datas.ChildrenFolderCount ?? "0"), |
|---|
| | | childrenChannelCount: parseInt(item.datas.ChildrenChannelCount ?? "0"), |
|---|
| | | createDate: moment(item.datas.CreateDate).format("YYYY-MM-DD"), |
|---|
| | | beginDate: moment(item.datas.BeginDate).format("YYYY-MM-DD"), |
|---|
| | | endDate: moment(item.datas.EndDate).format("YYYY-MM-DD"), |
|---|
| | | description: item.datas.Description, |
|---|
| | | sysType: item.datas.SysType, |
|---|
| | | idPath: path + "\\" + item.id, |
|---|
| | | typeId: parseInt(item.datas.TypeId), |
|---|
| | | linkFile: JSON.parse(item.datas.LinkFile ?? "[]"), |
|---|
| | | cmsItemType: item.datas.CmsItemType, |
|---|
| | | allowDonate: item.datas.AllowDonate == "True", |
|---|
| | | // donatePriceList: JSON.parse(item.datas.DonatePriceList ?? "[]"), |
|---|
| | | productLinkInfo: JSON.parse(item.datas.ProductLinkInfo ?? "[]"), |
|---|
| | | storeEvent: JSON.parse(item.datas.StoreEvent ?? "[]"), |
|---|
| | | linkInfo: JSON.parse(item.datas.LinkInfo ?? "[]"), |
|---|
| | | saleMethod: JSON.parse(item.datas.SaleMethod ?? "[]"), |
|---|
| | | subProductCount: parseInt(item.datas.SubProductCount), |
|---|
| | | ..._fields, |
|---|
| | | datas: item.datas, |
|---|
| | | subDatas, |
|---|
| | | }; |
|---|
| | | // ç»ä¸å¤çä»·æ ¼ |
|---|
| | | if (obj.defaultSaleMethod) { |
|---|
| | | if (obj.defaultSaleMethod.allowEvent && obj.storeEvent.length) { |
|---|
| | | // å·²åå æ´»å¨ï¼è·åæææ´»å¨å¹¶è®¡ç®ä»·æ ¼ |
|---|
| | | let time = new Date().getTime(); |
|---|
| | | // è¿æ»¤è¿ææ´»å¨ |
|---|
| | | let event = obj.storeEvent.filter((item) => { |
|---|
| | | let endTime = new Date(item.EndDate).getTime(); |
|---|
| | | return endTime > time; |
|---|
| | | }); |
|---|
| | | // åªå¤çä¸æ¡æææ´»å¨ |
|---|
| | | if (event.length) { |
|---|
| | | obj.price = (obj.defaultSaleMethod.price * event[0].Value).toFixed(2); |
|---|
| | | obj.oldPrice = obj.defaultSaleMethod.price; |
|---|
| | | obj.storeEventId = event[0].Id; |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | obj.price = obj.defaultSaleMethod.price; |
|---|
| | | obj.oldPrice = obj.defaultSaleMethod.virtualPrice; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | dataList.push(obj); |
|---|
| | | } |
|---|
| | | return dataList; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å¤ç详æ
æ¥è¯¢ç»æ |
|---|
| | | export function handleDetailQueryRequestData({ |
|---|
| | | item, |
|---|
| | | fields, |
|---|
| | | path, |
|---|
| | | coverSize, |
|---|
| | | itemFields, |
|---|
| | | }) { |
|---|
| | | let itemFieldsData = []; |
|---|
| | | for (const key in itemFields) { |
|---|
| | | itemFieldsData.push(key); |
|---|
| | | } |
|---|
| | | let fieldsData = []; |
|---|
| | | for (const key in fields) { |
|---|
| | | fieldsData.push(key); |
|---|
| | | } |
|---|
| | | for (let i = 0; i < fieldsData.length; i++) { |
|---|
| | | const field = fieldsData[i]; |
|---|
| | | item.datas[field] = JSON.parse(item.datas[field]); |
|---|
| | | const datas = item.datas[field]; |
|---|
| | | if (datas.length > 0) { |
|---|
| | | if (datas[0].Value) { |
|---|
| | | item[field] = datas[0].Value; |
|---|
| | | } else if (datas[0].Data) { |
|---|
| | | item[field] = datas[0].Data.Value; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å¤çcmsèµæº |
|---|
| | | const subDatas = item.subDatas; |
|---|
| | | const linkItemsMap = {}; |
|---|
| | | if (subDatas) { |
|---|
| | | for (const sdata of subDatas) { |
|---|
| | | const tag = sdata.queryTag; |
|---|
| | | for (const subItem of sdata.datas) { |
|---|
| | | convertCmsItemBase(subItem, coverSize); |
|---|
| | | subItem.fileMap = {}; |
|---|
| | | for (let i = 0; i < itemFieldsData.length; i++) { |
|---|
| | | const itemField = itemFieldsData[i]; |
|---|
| | | try { |
|---|
| | | subItem.datas[itemField] = JSON.parse(subItem.datas[itemField]); |
|---|
| | | } catch (error) { |
|---|
| | | subItem.datas[itemField] = []; |
|---|
| | | } |
|---|
| | | const itemDatas = subItem.datas[itemField]; |
|---|
| | | if (itemDatas.length > 0) { |
|---|
| | | if (itemDatas[0].Value) { |
|---|
| | | subItem[itemField] = itemDatas[0].Value; |
|---|
| | | if ( |
|---|
| | | itemDatas[0].FileList && |
|---|
| | | itemDatas[0].FileList.length |
|---|
| | | ) { |
|---|
| | | subItem.fileMap = { |
|---|
| | | ...subItem.fileMap, |
|---|
| | | ...handleLinkFileInfo(itemDatas[0].FileList), |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | } else if (itemDatas[0].Data) { |
|---|
| | | subItem[itemField] = itemDatas[0].Data.Value; |
|---|
| | | if ( |
|---|
| | | itemDatas[0].Data.FileList && |
|---|
| | | itemDatas[0].Data.FileList.length |
|---|
| | | ) { |
|---|
| | | subItem.fileMap = { |
|---|
| | | ...subItem.fileMap, |
|---|
| | | ...handleLinkFileInfo(itemDatas[0].Data.FileList), |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | } else if (itemDatas[0].CmsItemData) { |
|---|
| | | subItem[itemField] = itemDatas[0].CmsItemData.Value; |
|---|
| | | if ( |
|---|
| | | itemDatas[0].CmsItemData.FileList && |
|---|
| | | itemDatas[0].CmsItemData.FileList.length |
|---|
| | | ) { |
|---|
| | | subItem.fileMap = { |
|---|
| | | ...subItem.fileMap, |
|---|
| | | ...handleLinkFileInfo(itemDatas[0].CmsItemData.FileList), |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (subItem.productLinkInfo && subItem.productLinkInfo.length) |
|---|
| | | subItem.productLinkPath = |
|---|
| | | subItem.productLinkInfo[0].LinkPath + |
|---|
| | | "\\" + |
|---|
| | | subItem.productLinkInfo[0].CmsItemId; |
|---|
| | | if (subItem.linkInfo && subItem.linkInfo.length) |
|---|
| | | subItem.linkPath = |
|---|
| | | subItem.linkInfo[0].LinkPath + "\\" + subItem.linkInfo[0].CmsItemId; |
|---|
| | | } |
|---|
| | | linkItemsMap[tag] = sdata.datas; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | convertCmsItemBase(item, coverSize); |
|---|
| | | item.idPath = path + "\\" + item.id; |
|---|
| | | item.subItems = linkItemsMap; |
|---|
| | | return item; |
|---|
| | | } |
|---|
| | | |
|---|
| | | const handleLinkFileInfo = (linkList) => { |
|---|
| | | let linkFileMap = {}; |
|---|
| | | for (let z = 0; z < linkList.length; z++) { |
|---|
| | | const linkItem = linkList[z]; |
|---|
| | | linkFileMap[linkItem.Md5] = { |
|---|
| | | linkType: linkItem.LinkType, |
|---|
| | | extension: linkItem.Extension, |
|---|
| | | fileName: linkItem.FileName, |
|---|
| | | fileType: linkItem.Type, |
|---|
| | | md5: linkItem.Md5, |
|---|
| | | icon: linkItem.Icon, |
|---|
| | | size: linkItem.Size, |
|---|
| | | metaData: JSON.parse(linkItem.MetaData ?? "{}"), |
|---|
| | | order: linkItem.Order, |
|---|
| | | protectType: linkItem.ProtectType |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | return linkFileMap; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const convertCmsItemBase = (item, coverSize) => { |
|---|
| | | item.name = item.datas.Name; |
|---|
| | | item.description = item.datas.Description; |
|---|
| | | item.refCode = item.datas.RefCode; |
|---|
| | | item.state = item.datas.State; |
|---|
| | | item.type = item.datas.Type; |
|---|
| | | item.tag = item.datas.Tag; |
|---|
| | | item.typeId = parseInt(item.datas.TypeId); |
|---|
| | | item.icon = getPublicImage( |
|---|
| | | item.datas.Icon, |
|---|
| | | coverSize?.width, |
|---|
| | | coverSize?.height |
|---|
| | | ); |
|---|
| | | item.sysType = item.datas.SysType; |
|---|
| | | item.linkFile = JSON.parse(item.datas.LinkFile ?? "[]"); |
|---|
| | | item.linkType = item.datas.LinkType; |
|---|
| | | item.linkAppId = parseInt(item.datas.LinkAppId); |
|---|
| | | item.linkStoreId = parseInt(item.datas.LinkStore); |
|---|
| | | item.linkRepoId = item.datas.LinkRepository; |
|---|
| | | item.childrenCount = parseInt(item.datas.ChildrenCount ?? "0"); |
|---|
| | | item.linkId = parseInt(item.datas.LinkId); |
|---|
| | | item.linkOrg = JSON.parse(item.datas.LinkOrg ?? "[]")[0]; |
|---|
| | | item.linkDepartment = JSON.parse(item.datas.LinkDepartment ?? "[]")[0]; |
|---|
| | | item.linkInfo = JSON.parse(item.datas.LinkInfo ?? "[]"); |
|---|
| | | item.productLinkInfo = JSON.parse(item.datas.ProductLinkInfo ?? "[]"); |
|---|
| | | item.saleMethod = JSON.parse(item.datas.SaleMethod ?? "[]"); |
|---|
| | | item.allowDonate = item.datas.AllowDonate == "True"; |
|---|
| | | // item.donatePriceList = JSON.parse(item.datas.DonatePriceList ?? "[]"); |
|---|
| | | item.beginDate = moment(item.datas.BeginDate).format("YYYY-MM-DD"); |
|---|
| | | item.endDate = moment(item.datas.EndDate).format("YYYY-MM-DD"); |
|---|
| | | item.storeEvent = JSON.parse(item.datas.StoreEvent ?? "[]"); |
|---|
| | | // ç»ä¸å¤çä»·æ ¼ |
|---|
| | | if (item.defaultSaleMethod) { |
|---|
| | | if (item.defaultSaleMethod.allowEvent && item.storeEvent.length) { |
|---|
| | | // å·²åå æ´»å¨ï¼è·åæææ´»å¨å¹¶è®¡ç®ä»·æ ¼ |
|---|
| | | let time = new Date().getTime(); |
|---|
| | | // è¿æ»¤è¿ææ´»å¨ |
|---|
| | | let event = item.storeEvent.filter((item) => { |
|---|
| | | let endTime = new Date(item.EndDate).getTime(); |
|---|
| | | return endTime > time; |
|---|
| | | }); |
|---|
| | | // åªå¤çä¸æ¡æææ´»å¨ |
|---|
| | | if (event.length) { |
|---|
| | | item.price = (item.defaultSaleMethod.price * event[0].Value).toFixed(2); |
|---|
| | | item.oldPrice = item.defaultSaleMethod.price; |
|---|
| | | item.storeEventId = event[0].Id; |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | item.price = item.defaultSaleMethod.price; |
|---|
| | | item.oldPrice = item.defaultSaleMethod.virtualPrice; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // è·åä¸åä¿æ¤çå¾ç |
|---|
| | | export function getPublicImage(md5, width, height) { |
|---|
| | | let src = null; |
|---|
| | | if (md5) { |
|---|
| | | src = requestCtx + `/file/GetPreViewImage?md5=${md5}`; |
|---|
| | | } else { |
|---|
| | | return require("@/assets/images/default-book-img.png"); |
|---|
| | | } |
|---|
| | | if (width) src += `&width=${width}`; |
|---|
| | | if (height) src += `&height=${height}`; |
|---|
| | | return src; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | import SparkMD5 from "spark-md5"; |
|---|
| | | |
|---|
| | | var tool = { |
|---|
| | | setCookie: function (c_name, value, expiredays, path) { |
|---|
| | | var exdate = new Date(); |
|---|
| | | exdate.setDate(exdate.getDate() + expiredays); |
|---|
| | | document.cookie = |
|---|
| | | c_name + |
|---|
| | | "=" + |
|---|
| | | escape(value) + |
|---|
| | | (expiredays == null ? "" : ";expires=" + exdate.toGMTString()) + |
|---|
| | | (path ? ";path=" + path : ""); |
|---|
| | | }, |
|---|
| | | getCookie: function (c_name) { |
|---|
| | | if (document.cookie.length > 0) { |
|---|
| | | var c_start = document.cookie.indexOf(c_name + "="); |
|---|
| | | if (c_start != -1) { |
|---|
| | | c_start = c_start + c_name.length + 1; |
|---|
| | | var c_end = document.cookie.indexOf(";", c_start); |
|---|
| | | if (c_end == -1) c_end = document.cookie.length; |
|---|
| | | return unescape(document.cookie.substring(c_start, c_end)); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return ""; |
|---|
| | | }, |
|---|
| | | delCookie: function (name) { |
|---|
| | | var exp = new Date(); |
|---|
| | | exp.setTime(exp.getTime() - 1); |
|---|
| | | var cval = tool.getCookie(name); |
|---|
| | | if (cval != null) |
|---|
| | | document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString(); |
|---|
| | | }, |
|---|
| | | // 强å¶ä¿ç2ä½å°æ°ï¼å¦ï¼2ï¼ä¼å¨2åé¢è¡¥ä¸00.å³2.00 |
|---|
| | | toDecimal2(x) { |
|---|
| | | var f; |
|---|
| | | f = parseFloat(x); |
|---|
| | | if (isNaN(f)) { |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | f = Math.round(x * 100) / 100; |
|---|
| | | var s = f.toString(); |
|---|
| | | var rs = s.indexOf("."); |
|---|
| | | if (rs < 0) { |
|---|
| | | rs = s.length; |
|---|
| | | s += "."; |
|---|
| | | } |
|---|
| | | while (s.length <= rs + 2) { |
|---|
| | | s += "0"; |
|---|
| | | } |
|---|
| | | return s; |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * è·åä¸ä¸ªUUID |
|---|
| | | * @param len |
|---|
| | | * @param radix |
|---|
| | | * @returns {string} |
|---|
| | | */ |
|---|
| | | export function uuid(len = 32, radix = 16) { |
|---|
| | | const chars = |
|---|
| | | "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""); |
|---|
| | | let uuid = [], |
|---|
| | | i; |
|---|
| | | radix = radix || chars.length; |
|---|
| | | |
|---|
| | | if (len) { |
|---|
| | | // Compact form |
|---|
| | | for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)]; |
|---|
| | | } else { |
|---|
| | | // rfc4122, version 4 form |
|---|
| | | let r; |
|---|
| | | |
|---|
| | | // rfc4122 requires these characters |
|---|
| | | uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-"; |
|---|
| | | uuid[14] = "4"; |
|---|
| | | |
|---|
| | | // Fill in random data. At i==19 set the high bits of clock sequence as |
|---|
| | | // per rfc4122, sec. 4.1.5 |
|---|
| | | for (i = 0; i < 36; i++) { |
|---|
| | | if (!uuid[i]) { |
|---|
| | | r = 0 | (Math.random() * 16); |
|---|
| | | uuid[i] = chars[i === 19 ? (r & 0x3) | 0x8 : r]; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | return uuid.join(""); |
|---|
| | | } |
|---|
| | | |
|---|
| | | export function getFileMd5(file, chunkSize) { |
|---|
| | | return new Promise((resolve, reject) => { |
|---|
| | | let blobSlice = |
|---|
| | | File.prototype.slice || |
|---|
| | | File.prototype.mozSlice || |
|---|
| | | File.prototype.webkitSlice; |
|---|
| | | let chunks = Math.ceil(file.size / chunkSize); |
|---|
| | | let currentChunk = 0; |
|---|
| | | let spark = new SparkMD5.ArrayBuffer(); |
|---|
| | | let fileReader = new FileReader(); |
|---|
| | | fileReader.onload = function (e) { |
|---|
| | | spark.append(e.target.result); |
|---|
| | | currentChunk++; |
|---|
| | | if (currentChunk < chunks) { |
|---|
| | | loadNext(); |
|---|
| | | } else { |
|---|
| | | const md5 = spark.end(); |
|---|
| | | resolve(md5); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | fileReader.onerror = function (e) { |
|---|
| | | reject(e); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | function loadNext() { |
|---|
| | | let start = currentChunk * chunkSize; |
|---|
| | | let end = start + chunkSize; |
|---|
| | | if (end > file.size) { |
|---|
| | | end = file.size; |
|---|
| | | } |
|---|
| | | fileReader.readAsArrayBuffer(blobSlice.call(file, start, end)); |
|---|
| | | } |
|---|
| | | loadNext(); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | export function worksDataBytool(res, value, linkList) { |
|---|
| | | let arr = []; |
|---|
| | | res.forEach((item) => { |
|---|
| | | const obj = { |
|---|
| | | baseType: item.typeField.baseType, |
|---|
| | | order: 0, |
|---|
| | | typeFieldId: item.typeField.id, |
|---|
| | | sequenceNum: item.config ? JSON.parse(item.config).uuid : "", |
|---|
| | | newDataAndFileLinkListRequest: [], |
|---|
| | | }; |
|---|
| | | for (let k in value) { |
|---|
| | | if (item.typeField.refCode === k) { |
|---|
| | | if (typeof value[k] == "object") { |
|---|
| | | obj.strValue = JSON.stringify(value[k]); |
|---|
| | | obj.newDataAndFileLinkListRequest = linkList; |
|---|
| | | } else { |
|---|
| | | obj.strValue = value[k]; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (obj.strValue) { |
|---|
| | | arr.push(obj); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | return arr; |
|---|
| | | } |
|---|
| | | |
|---|
| | | export function resultsBytool(res, value) { |
|---|
| | | let obj = {}; |
|---|
| | | res.forEach((item, i) => { |
|---|
| | | item.sequenceNum = item.config ? JSON.parse(item.config).uuid : ""; |
|---|
| | | value.forEach((e) => { |
|---|
| | | if (item.sequenceNum == e.sequenceNum) { |
|---|
| | | try { |
|---|
| | | const val = JSON.parse(e.value); |
|---|
| | | obj[item.typeField.refCode] = val; |
|---|
| | | } catch (error) { |
|---|
| | | obj[item.typeField.refCode] = e.value; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | return obj; |
|---|
| | | } |
|---|
| | | |
|---|
| | | export function UpdateworksDataBytool(initData, res, value, linkList) { |
|---|
| | | let arr = []; |
|---|
| | | for (let i = 0; i < initData.length; i++) { |
|---|
| | | const ele = initData[i]; |
|---|
| | | for (let j = 0; j < res.length; j++) { |
|---|
| | | const item = res[j]; |
|---|
| | | if (item.sequenceNum == ele.sequenceNum) { |
|---|
| | | item.refCode = ele.typeField.refCode; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | res.forEach((item) => { |
|---|
| | | const obj = { |
|---|
| | | baseType: item.baseType, |
|---|
| | | order: 0, |
|---|
| | | id: item.id, |
|---|
| | | typeFieldId: item.fieldId, |
|---|
| | | sequenceNum: item.sequenceNum, |
|---|
| | | setDataAndFileLinkListRequest: [], |
|---|
| | | }; |
|---|
| | | for (let k in value) { |
|---|
| | | if (item.refCode === k) { |
|---|
| | | if (typeof value[k] == "object") { |
|---|
| | | obj.strValue = JSON.stringify(value[k]); |
|---|
| | | obj.setDataAndFileLinkListRequest = linkList; |
|---|
| | | } else { |
|---|
| | | obj.strValue = value[k].toString(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (obj.strValue) { |
|---|
| | | arr.push(obj); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | return arr; |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | ...tool, |
|---|
| | | uuid, |
|---|
| | | getFileMd5, |
|---|
| | | worksDataBytool, |
|---|
| | | UpdateworksDataBytool, |
|---|
| | | resultsBytool, |
|---|
| | | }; |
|---|
| New file |
| | |
|---|
| | | import config from "@/assets/js/config.js"; |
|---|
| | | import toolClass from "@/assets/js/toolClass"; |
|---|
| | | |
|---|
| | | |
|---|
| | | import jobApi |
|---|
| | | // newSession, |
|---|
| | | // newJobWithNewView |
|---|
| | | from "./middleGround/api/job" |
|---|
| | | |
|---|
| | | export function setSessionGuid(type, id) { |
|---|
| | | var cityCode = null; |
|---|
| | | var SnIp = null; |
|---|
| | | try { |
|---|
| | | // eslint-disable-next-line |
|---|
| | | SnIp = window.returnCitySN; |
|---|
| | | } catch (error) { |
|---|
| | | SnIp = null; |
|---|
| | | console.log(error); |
|---|
| | | } |
|---|
| | | if (SnIp != undefined && SnIp != null) { |
|---|
| | | cityCode = SnIp; |
|---|
| | | } else { |
|---|
| | | cityCode = { |
|---|
| | | cip: "0.0.0.0", |
|---|
| | | cname: "æªç¥" |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | const _city = cityCode.cname.substring(3); |
|---|
| | | const _province = cityCode.cname.substring(0, 3); |
|---|
| | | const params = { |
|---|
| | | appRefCode: config.appRefCode, |
|---|
| | | hostName: config.requestCtx, |
|---|
| | | ipAddress: cityCode.cip, |
|---|
| | | browser: myBrowser(), |
|---|
| | | os: navigator.platform, |
|---|
| | | device: "pc", |
|---|
| | | province: _province, |
|---|
| | | city: _city ? _city : _province, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | jobApi.newSession(params).then((res) => { |
|---|
| | | storage.set("sessionGuid", res, 30); |
|---|
| | | setNewView(type, id) |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | export const storage = { |
|---|
| | | /* |
|---|
| | | * set åå¨æ¹æ³ |
|---|
| | | * @ param {String} key é® |
|---|
| | | * @ param {String} value å¼ï¼ |
|---|
| | | * @ param {String} expired è¿ææ¶é´ï¼ä»¥åé为åä½ï¼éå¿
é¡» |
|---|
| | | */ |
|---|
| | | set(key, val, expired) { |
|---|
| | | if (typeof val !== "string") { |
|---|
| | | val = JSON.stringify(val); |
|---|
| | | } |
|---|
| | | window.sessionStorage.setItem(key, val); |
|---|
| | | if (expired) { |
|---|
| | | window.sessionStorage.setItem( |
|---|
| | | `${key}__expires__`, |
|---|
| | | `${Date.now() + 1000 * 60 * expired}` |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | /* |
|---|
| | | * get è·åæ¹æ³ |
|---|
| | | * @ param {String} key é® |
|---|
| | | * @ param {String} expired åå¨æ¶ä¸ºéå¿
é¡»å段ï¼æ以æå¯è½åä¸å°ï¼é»è®¤ä¸º Date.now+1 |
|---|
| | | */ |
|---|
| | | get(key) { |
|---|
| | | const expired = |
|---|
| | | window.sessionStorage.getItem(`${key}__expires__`) || Date.now + 1; |
|---|
| | | const now = Date.now(); |
|---|
| | | |
|---|
| | | if (now >= expired) { |
|---|
| | | window.sessionStorage.removeItem(key); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let val = window.sessionStorage.getItem(key); |
|---|
| | | try { |
|---|
| | | val = JSON.parse(val); |
|---|
| | | } catch (e) { |
|---|
| | | return e |
|---|
| | | } |
|---|
| | | return val; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | function myBrowser() { |
|---|
| | | const userAgent = navigator.userAgent; //åå¾æµè§å¨çuserAgentå符串 |
|---|
| | | const isOpera = userAgent.indexOf("Opera") > -1; |
|---|
| | | if (isOpera) { |
|---|
| | | //å¤ææ¯å¦Operaæµè§å¨ |
|---|
| | | return "Opera"; |
|---|
| | | } |
|---|
| | | if (userAgent.indexOf("Firefox") > -1) { |
|---|
| | | //å¤ææ¯å¦Firefoxæµè§å¨ |
|---|
| | | return "Firefox"; |
|---|
| | | } |
|---|
| | | if (userAgent.indexOf("Chrome") > -1) { |
|---|
| | | return "Chrome"; |
|---|
| | | } |
|---|
| | | if (userAgent.indexOf("Safari") > -1) { |
|---|
| | | //å¤ææ¯å¦Safariæµè§å¨ |
|---|
| | | return "Safari"; |
|---|
| | | } |
|---|
| | | if ( |
|---|
| | | userAgent.indexOf("compatible") > -1 && |
|---|
| | | userAgent.indexOf("MSIE") > -1 && |
|---|
| | | !isOpera |
|---|
| | | ) { |
|---|
| | | //å¤ææ¯å¦IEæµè§å¨ |
|---|
| | | return "IE"; |
|---|
| | | } |
|---|
| | | return ""; |
|---|
| | | } |
|---|
| | | |
|---|
| | | export function setNewView(type, id) { |
|---|
| | | if (!sessionStorage.getItem("sessionGuid")) { |
|---|
| | | setSessionGuid(type, id) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const sessionGuid = sessionStorage.getItem("sessionGuid"); |
|---|
| | | const fromPath = sessionStorage.getItem("fromPath"); |
|---|
| | | const toPath = sessionStorage.getItem("toPath"); |
|---|
| | | if (sessionGuid) { |
|---|
| | | let params = { |
|---|
| | | sessionGuid: sessionGuid, |
|---|
| | | appRefCode: config.appRefCode, |
|---|
| | | type: "View", |
|---|
| | | url: toPath == null ? "/" : toPath, |
|---|
| | | ref: fromPath == null ? "/" : fromPath |
|---|
| | | }; |
|---|
| | | if (id) { |
|---|
| | | params[type] = id; |
|---|
| | | } |
|---|
| | | jobApi.newJobWithNewView(params).then((res) => {}); |
|---|
| | | } |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | @charset "UTF-8";.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}@font-face{font-family:element-icons;src:url("fonts/element-icons.woff") format("woff"),url("fonts/element-icons.ttf") format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:before{content:"\e726"}.el-icon-microphone:before{content:"\e727"}.el-icon-turn-off-microphone:before{content:"\e728"}.el-icon-position:before{content:"\e729"}.el-icon-postcard:before{content:"\e72a"}.el-icon-message:before{content:"\e72b"}.el-icon-chat-line-square:before{content:"\e72d"}.el-icon-chat-dot-square:before{content:"\e72e"}.el-icon-chat-dot-round:before{content:"\e72f"}.el-icon-chat-square:before{content:"\e730"}.el-icon-chat-line-round:before{content:"\e731"}.el-icon-chat-round:before{content:"\e732"}.el-icon-set-up:before{content:"\e733"}.el-icon-turn-off:before{content:"\e734"}.el-icon-open:before{content:"\e735"}.el-icon-connection:before{content:"\e736"}.el-icon-link:before{content:"\e737"}.el-icon-cpu:before{content:"\e738"}.el-icon-thumb:before{content:"\e739"}.el-icon-female:before{content:"\e73a"}.el-icon-male:before{content:"\e73b"}.el-icon-guide:before{content:"\e73c"}.el-icon-news:before{content:"\e73e"}.el-icon-price-tag:before{content:"\e744"}.el-icon-discount:before{content:"\e745"}.el-icon-wallet:before{content:"\e747"}.el-icon-coin:before{content:"\e748"}.el-icon-money:before{content:"\e749"}.el-icon-bank-card:before{content:"\e74a"}.el-icon-box:before{content:"\e74b"}.el-icon-present:before{content:"\e74c"}.el-icon-sell:before{content:"\e6d5"}.el-icon-sold-out:before{content:"\e6d6"}.el-icon-shopping-bag-2:before{content:"\e74d"}.el-icon-shopping-bag-1:before{content:"\e74e"}.el-icon-shopping-cart-2:before{content:"\e74f"}.el-icon-shopping-cart-1:before{content:"\e750"}.el-icon-shopping-cart-full:before{content:"\e751"}.el-icon-smoking:before{content:"\e752"}.el-icon-no-smoking:before{content:"\e753"}.el-icon-house:before{content:"\e754"}.el-icon-table-lamp:before{content:"\e755"}.el-icon-school:before{content:"\e756"}.el-icon-office-building:before{content:"\e757"}.el-icon-toilet-paper:before{content:"\e758"}.el-icon-notebook-2:before{content:"\e759"}.el-icon-notebook-1:before{content:"\e75a"}.el-icon-files:before{content:"\e75b"}.el-icon-collection:before{content:"\e75c"}.el-icon-receiving:before{content:"\e75d"}.el-icon-suitcase-1:before{content:"\e760"}.el-icon-suitcase:before{content:"\e761"}.el-icon-film:before{content:"\e763"}.el-icon-collection-tag:before{content:"\e765"}.el-icon-data-analysis:before{content:"\e766"}.el-icon-pie-chart:before{content:"\e767"}.el-icon-data-board:before{content:"\e768"}.el-icon-data-line:before{content:"\e76d"}.el-icon-reading:before{content:"\e769"}.el-icon-magic-stick:before{content:"\e76a"}.el-icon-coordinate:before{content:"\e76b"}.el-icon-mouse:before{content:"\e76c"}.el-icon-brush:before{content:"\e76e"}.el-icon-headset:before{content:"\e76f"}.el-icon-umbrella:before{content:"\e770"}.el-icon-scissors:before{content:"\e771"}.el-icon-mobile:before{content:"\e773"}.el-icon-attract:before{content:"\e774"}.el-icon-monitor:before{content:"\e775"}.el-icon-search:before{content:"\e778"}.el-icon-takeaway-box:before{content:"\e77a"}.el-icon-paperclip:before{content:"\e77d"}.el-icon-printer:before{content:"\e77e"}.el-icon-document-add:before{content:"\e782"}.el-icon-document:before{content:"\e785"}.el-icon-document-checked:before{content:"\e786"}.el-icon-document-copy:before{content:"\e787"}.el-icon-document-delete:before{content:"\e788"}.el-icon-document-remove:before{content:"\e789"}.el-icon-tickets:before{content:"\e78b"}.el-icon-folder-checked:before{content:"\e77f"}.el-icon-folder-delete:before{content:"\e780"}.el-icon-folder-remove:before{content:"\e781"}.el-icon-folder-add:before{content:"\e783"}.el-icon-folder-opened:before{content:"\e784"}.el-icon-folder:before{content:"\e78a"}.el-icon-edit-outline:before{content:"\e764"}.el-icon-edit:before{content:"\e78c"}.el-icon-date:before{content:"\e78e"}.el-icon-c-scale-to-original:before{content:"\e7c6"}.el-icon-view:before{content:"\e6ce"}.el-icon-loading:before{content:"\e6cf"}.el-icon-rank:before{content:"\e6d1"}.el-icon-sort-down:before{content:"\e7c4"}.el-icon-sort-up:before{content:"\e7c5"}.el-icon-sort:before{content:"\e6d2"}.el-icon-finished:before{content:"\e6cd"}.el-icon-refresh-left:before{content:"\e6c7"}.el-icon-refresh-right:before{content:"\e6c8"}.el-icon-refresh:before{content:"\e6d0"}.el-icon-video-play:before{content:"\e7c0"}.el-icon-video-pause:before{content:"\e7c1"}.el-icon-d-arrow-right:before{content:"\e6dc"}.el-icon-d-arrow-left:before{content:"\e6dd"}.el-icon-arrow-up:before{content:"\e6e1"}.el-icon-arrow-down:before{content:"\e6df"}.el-icon-arrow-right:before{content:"\e6e0"}.el-icon-arrow-left:before{content:"\e6de"}.el-icon-top-right:before{content:"\e6e7"}.el-icon-top-left:before{content:"\e6e8"}.el-icon-top:before{content:"\e6e6"}.el-icon-bottom:before{content:"\e6eb"}.el-icon-right:before{content:"\e6e9"}.el-icon-back:before{content:"\e6ea"}.el-icon-bottom-right:before{content:"\e6ec"}.el-icon-bottom-left:before{content:"\e6ed"}.el-icon-caret-top:before{content:"\e78f"}.el-icon-caret-bottom:before{content:"\e790"}.el-icon-caret-right:before{content:"\e791"}.el-icon-caret-left:before{content:"\e792"}.el-icon-d-caret:before{content:"\e79a"}.el-icon-share:before{content:"\e793"}.el-icon-menu:before{content:"\e798"}.el-icon-s-grid:before{content:"\e7a6"}.el-icon-s-check:before{content:"\e7a7"}.el-icon-s-data:before{content:"\e7a8"}.el-icon-s-opportunity:before{content:"\e7aa"}.el-icon-s-custom:before{content:"\e7ab"}.el-icon-s-claim:before{content:"\e7ad"}.el-icon-s-finance:before{content:"\e7ae"}.el-icon-s-comment:before{content:"\e7af"}.el-icon-s-flag:before{content:"\e7b0"}.el-icon-s-marketing:before{content:"\e7b1"}.el-icon-s-shop:before{content:"\e7b4"}.el-icon-s-open:before{content:"\e7b5"}.el-icon-s-management:before{content:"\e7b6"}.el-icon-s-ticket:before{content:"\e7b7"}.el-icon-s-release:before{content:"\e7b8"}.el-icon-s-home:before{content:"\e7b9"}.el-icon-s-promotion:before{content:"\e7ba"}.el-icon-s-operation:before{content:"\e7bb"}.el-icon-s-unfold:before{content:"\e7bc"}.el-icon-s-fold:before{content:"\e7a9"}.el-icon-s-platform:before{content:"\e7bd"}.el-icon-s-order:before{content:"\e7be"}.el-icon-s-cooperation:before{content:"\e7bf"}.el-icon-bell:before{content:"\e725"}.el-icon-message-solid:before{content:"\e799"}.el-icon-video-camera:before{content:"\e772"}.el-icon-video-camera-solid:before{content:"\e796"}.el-icon-camera:before{content:"\e779"}.el-icon-camera-solid:before{content:"\e79b"}.el-icon-download:before{content:"\e77c"}.el-icon-upload2:before{content:"\e77b"}.el-icon-upload:before{content:"\e7c3"}.el-icon-picture-outline-round:before{content:"\e75f"}.el-icon-picture-outline:before{content:"\e75e"}.el-icon-picture:before{content:"\e79f"}.el-icon-close:before{content:"\e6db"}.el-icon-check:before{content:"\e6da"}.el-icon-plus:before{content:"\e6d9"}.el-icon-minus:before{content:"\e6d8"}.el-icon-help:before{content:"\e73d"}.el-icon-s-help:before{content:"\e7b3"}.el-icon-circle-close:before{content:"\e78d"}.el-icon-circle-check:before{content:"\e720"}.el-icon-circle-plus-outline:before{content:"\e723"}.el-icon-remove-outline:before{content:"\e722"}.el-icon-zoom-out:before{content:"\e776"}.el-icon-zoom-in:before{content:"\e777"}.el-icon-error:before{content:"\e79d"}.el-icon-success:before{content:"\e79c"}.el-icon-circle-plus:before{content:"\e7a0"}.el-icon-remove:before{content:"\e7a2"}.el-icon-info:before{content:"\e7a1"}.el-icon-question:before{content:"\e7a4"}.el-icon-warning-outline:before{content:"\e6c9"}.el-icon-warning:before{content:"\e7a3"}.el-icon-goods:before{content:"\e7c2"}.el-icon-s-goods:before{content:"\e7b2"}.el-icon-star-off:before{content:"\e717"}.el-icon-star-on:before{content:"\e797"}.el-icon-more-outline:before{content:"\e6cc"}.el-icon-more:before{content:"\e794"}.el-icon-phone-outline:before{content:"\e6cb"}.el-icon-phone:before{content:"\e795"}.el-icon-user:before{content:"\e6e3"}.el-icon-user-solid:before{content:"\e7a5"}.el-icon-setting:before{content:"\e6ca"}.el-icon-s-tools:before{content:"\e7ac"}.el-icon-delete:before{content:"\e6d7"}.el-icon-delete-solid:before{content:"\e7c9"}.el-icon-eleme:before{content:"\e7c7"}.el-icon-platform-eleme:before{content:"\e7ca"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:solid 1px #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#00873c;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:#e6f3ec;border-color:#cce7d8;color:#00873c;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#00873c;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#00873c}.el-tag .el-tag__close{color:#00873c}.el-tag .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#00873c;border-color:#00873c;color:#fff}.el-tag--dark.is-hit{border-color:#00873c}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#fff;background-color:#339f63}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#fff;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#fff;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#99cfb1;color:#00873c}.el-tag--plain.is-hit{border-color:#00873c}.el-tag--plain .el-tag__close{color:#00873c}.el-tag--plain .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#00873c;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#00873c}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#00873c}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;top:0;color:#fff;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#00873c}.el-pagination button:disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat;background-size:16px;background-color:#fff;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#c0c4cc;cursor:not-allowed}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor{height:22px}.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#00873c}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .el-pager li.disabled{color:#c0c4cc}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled{color:#c0c4cc}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#00873c}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#00873c;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;display:inline-block;vertical-align:top;font-size:0;padding:0;margin:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;vertical-align:top;display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;margin:0}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#c0c4cc}.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pager li.btn-quicknext:hover{cursor:pointer}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#00873c}.el-pager li.active{color:#00873c;cursor:default}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px;padding-bottom:10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#00873c}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.el-dialog__footer{padding:20px;padding-top:10px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #e4e7ed;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.highlighted{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:#00873c;border-color:#b3dbc5;background-color:#e6f3ec}.el-button:active{color:#007a36;border-color:#007a36;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#00873c;color:#00873c}.el-button.is-plain:active{background:#fff;border-color:#007a36;color:#007a36;outline:0}.el-button.is-active{color:#007a36;border-color:#007a36}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#00873c;border-color:#00873c}.el-button--primary:focus,.el-button--primary:hover{background:#339f63;border-color:#339f63;color:#fff}.el-button--primary:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-active{background:#007a36;border-color:#007a36;color:#fff}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#80c39e;border-color:#80c39e}.el-button--primary.is-plain{color:#00873c;background:#e6f3ec;border-color:#99cfb1}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#00873c;border-color:#00873c;color:#fff}.el-button--primary.is-plain:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#66b78a;background-color:#e6f3ec;border-color:#cce7d8}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#00873c;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#339f63;border-color:transparent;background-color:transparent}.el-button--text:active{color:#007a36;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#e6f3ec;color:#339f63}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #ebeef5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #00873c;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #00873c;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{height:56px;line-height:56px;font-size:14px;color:#303133;padding:0 20px;list-style:none;cursor:pointer;position:relative;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#e6f3ec}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#00873c}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:#303133;padding:0 20px;list-style:none;cursor:pointer;position:relative;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#e6f3ec}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#e6f3ec}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#00873c}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#00873c}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#00873c}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#e4e7ed;color:#e4e7ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#e4e7ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #dcdfe6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #dcdfe6;border-radius:0 0 4px 0}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-radio{color:#606266;font-weight:500;line-height:1;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;outline:0;font-size:14px;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#00873c}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__label{font-size:12px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#00873c;background:#00873c}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#00873c}.el-radio__input.is-focus .el-radio__inner{border-color:#00873c}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;position:relative;cursor:pointer;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#00873c}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #00873c;box-shadow:0 0 2px 2px #00873c}.el-radio__label{font-size:14px;padding-left:10px}.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #dcdfe6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#00873c}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #00873c;box-shadow:-1px 0 0 0 #00873c}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#f2f6fc}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #00873c;box-shadow:0 0 2px 2px #00873c}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#00873c}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#dcdfe6;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#00873c;background-color:#00873c}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:solid 1px #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#00873c;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:#e6f3ec;border-color:#cce7d8;color:#00873c;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#00873c;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#00873c}.el-tag .el-tag__close{color:#00873c}.el-tag .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#00873c;border-color:#00873c;color:#fff}.el-tag--dark.is-hit{border-color:#00873c}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#fff;background-color:#339f63}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#fff;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#fff;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#99cfb1;color:#00873c}.el-tag--plain.is-hit{border-color:#00873c}.el-tag--plain .el-tag__close{color:#00873c}.el-tag--plain .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#00873c;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#00873c}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#00873c}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;top:0;color:#fff;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:#00873c;border-color:#b3dbc5;background-color:#e6f3ec}.el-button:active{color:#007a36;border-color:#007a36;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#00873c;color:#00873c}.el-button.is-plain:active{background:#fff;border-color:#007a36;color:#007a36;outline:0}.el-button.is-active{color:#007a36;border-color:#007a36}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#00873c;border-color:#00873c}.el-button--primary:focus,.el-button--primary:hover{background:#339f63;border-color:#339f63;color:#fff}.el-button--primary:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-active{background:#007a36;border-color:#007a36;color:#fff}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#80c39e;border-color:#80c39e}.el-button--primary.is-plain{color:#00873c;background:#e6f3ec;border-color:#99cfb1}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#00873c;border-color:#00873c;color:#fff}.el-button--primary.is-plain:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#66b78a;background-color:#e6f3ec;border-color:#cce7d8}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#00873c;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#339f63;border-color:transparent;background-color:transparent}.el-button--text:active{color:#007a36;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:#e6f3ec;border-color:#cce7d8;color:#00873c;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#00873c;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#00873c}.el-tag .el-tag__close{color:#00873c}.el-tag .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#00873c;border-color:#00873c;color:#fff}.el-tag--dark.is-hit{border-color:#00873c}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#fff;background-color:#339f63}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#fff;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#fff;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#99cfb1;color:#00873c}.el-tag--plain.is-hit{border-color:#00873c}.el-tag--plain .el-tag__close{color:#00873c}.el-tag--plain .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;background-color:#fff;font-size:14px;color:#606266}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell{background-color:#fff}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th.el-table__cell{background:#f5f7fa}.el-table .el-table__cell{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:#fff}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:1px solid #ebeef5}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.el-table th.el-table__cell>.cell{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.el-table th.el-table__cell>.cell.highlight{color:#00873c}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #ebeef5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#ebeef5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border .el-table__cell{border-right:1px solid #ebeef5}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:1px solid #ebeef5;border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:1px solid #ebeef5}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ebeef5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff;border-bottom:1px solid #ebeef5}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:1px solid #ebeef5;background-color:#f5f7fa;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:1px solid #ebeef5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:#f5f7fa;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #ebeef5}.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #ebeef5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:solid 5px transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#c0c4cc;top:5px}.el-table .sort-caret.descending{border-top-color:#c0c4cc;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#00873c}.el-table .descending .sort-caret.descending{border-top-color:#00873c}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafafa}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:#e6f3ec}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:#f5f7fa}.el-table__body tr.current-row>td.el-table__cell{background-color:#e6f3ec}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #ebeef5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:#e6f3ec;border-color:#cce7d8;color:#00873c;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#00873c;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#00873c}.el-tag .el-tag__close{color:#00873c}.el-tag .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#00873c;border-color:#00873c;color:#fff}.el-tag--dark.is-hit{border-color:#00873c}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#fff;background-color:#339f63}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#fff;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#fff;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#99cfb1;color:#00873c}.el-tag--plain.is-hit{border-color:#00873c}.el-tag--plain .el-tag__close{color:#00873c}.el-tag--plain .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:solid 1px #ebeef5;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#e6f3ec;color:#339f63}.el-table-filter__list-item.is-active{background-color:#00873c;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #ebeef5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-table-filter__bottom button:hover{color:#00873c}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#f2f6fc}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table.is-week-mode .el-date-table__row.current div{background-color:#f2f6fc}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:#c0c4cc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#00873c;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#00873c}.el-date-table td.in-range div{background-color:#f2f6fc}.el-date-table td.in-range div:hover{background-color:#f2f6fc}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#00873c}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#00873c}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#c0c4cc}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#f2f6fc;border-radius:15px}.el-date-table td.selected div:hover{background-color:#f2f6fc}.el-date-table td.selected span{background-color:#00873c;color:#fff;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #ebeef5}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-month-table td.today .cell{color:#00873c;font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#fff}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-month-table td.disabled .cell:hover{color:#c0c4cc}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:#606266;margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:#00873c}.el-month-table td.in-range div{background-color:#f2f6fc}.el-month-table td.in-range div:hover{background-color:#f2f6fc}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#fff}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#fff;background-color:#00873c}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:#00873c}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:#00873c;font-weight:700}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-year-table td.disabled .cell:hover{color:#c0c4cc}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#606266;margin:0 auto}.el-year-table td .cell:hover{color:#00873c}.el-year-table td.current:not(.disabled) .cell{color:#00873c}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#00873c}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#c0c4cc;cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::-moz-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:#00873c}.el-range-editor.is-active:hover{border-color:#00873c}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::-moz-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#00873c}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#00873c}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#00873c}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #ebeef5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label:hover{color:#00873c}.el-date-picker__header-label.active{color:#00873c}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #e4e7ed}.el-time-panel{margin:5px 0;border:solid 1px #e4e7ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#00873c}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::-moz-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:#00873c}.el-range-editor.is-active:hover{border-color:#00873c}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::-moz-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#00873c}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#00873c}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#00873c}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #ebeef5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label:hover{color:#00873c}.el-date-picker__header-label.active{color:#00873c}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#00873c;font-weight:700}.time-select-item.disabled{color:#e4e7ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::-moz-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:#00873c}.el-range-editor.is-active:hover{border-color:#00873c}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::-moz-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#00873c}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#00873c}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#00873c}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#00873c}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#c0c4cc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:solid 1px #e4e7ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#00873c}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #e4e7ed}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover:focus,.el-popover:focus:active{outline-width:0}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:#00873c;border-color:#b3dbc5;background-color:#e6f3ec}.el-button:active{color:#007a36;border-color:#007a36;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#00873c;color:#00873c}.el-button.is-plain:active{background:#fff;border-color:#007a36;color:#007a36;outline:0}.el-button.is-active{color:#007a36;border-color:#007a36}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#00873c;border-color:#00873c}.el-button--primary:focus,.el-button--primary:hover{background:#339f63;border-color:#339f63;color:#fff}.el-button--primary:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-active{background:#007a36;border-color:#007a36;color:#fff}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#80c39e;border-color:#80c39e}.el-button--primary.is-plain{color:#00873c;background:#e6f3ec;border-color:#99cfb1}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#00873c;border-color:#00873c;color:#fff}.el-button--primary.is-plain:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#66b78a;background-color:#e6f3ec;border-color:#cce7d8}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#00873c;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#339f63;border-color:transparent;background-color:transparent}.el-button--text:active{color:#007a36;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px;padding-bottom:10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#00873c}.el-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid{border-color:#f56c6c}.el-message-box__input input.invalid:focus{border-color:#f56c6c}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#e6a23c}.el-message-box__status.el-icon-error{color:#f56c6c}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#f56c6c;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#c0c4cc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#00873c;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px 0}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--medium .el-form-item__content{line-height:36px}.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__content{line-height:32px}.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__content{line-height:28px}.el-form-item--mini.el-form-item{margin-bottom:18px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#f56c6c}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#00873c;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645, .045, .355, 1);transition:-webkit-transform .3s cubic-bezier(.645, .045, .355, 1);transition:transform .3s cubic-bezier(.645, .045, .355, 1);transition:transform .3s cubic-bezier(.645, .045, .355, 1),-webkit-transform .3s cubic-bezier(.645, .045, .355, 1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#00873c}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#e4e7ed;z-index:1}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.el-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #00873c inset;box-shadow:0 0 2px 2px #00873c inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#c0c4cc;color:#fff}.el-tabs__item.is-active{color:#00873c}.el-tabs__item:hover{color:#00873c;cursor:pointer}.el-tabs__item.is-disabled{color:#c0c4cc;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #e4e7ed}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #e4e7ed;border-bottom:none;border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;-webkit-transition:color .3s cubic-bezier(.645, .045, .355, 1),padding .3s cubic-bezier(.645, .045, .355, 1);transition:color .3s cubic-bezier(.645, .045, .355, 1),padding .3s cubic-bezier(.645, .045, .355, 1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.el-tabs--border-card{background:#fff;border:1px solid #dcdfe6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);border:1px solid transparent;margin-top:-1px;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#00873c;background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#00873c}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#c0c4cc}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #dcdfe6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left::after{left:auto;right:0}.el-tabs--left .el-tabs__active-bar.is-left{right:0;left:auto}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #e4e7ed;border-bottom:none;border-top:1px solid #e4e7ed;text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #e4e7ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #e4e7ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #e4e7ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #e4e7ed}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #e4e7ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #e4e7ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #e4e7ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tag{background-color:#e6f3ec;border-color:#cce7d8;color:#00873c;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#00873c;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#00873c}.el-tag .el-tag__close{color:#00873c}.el-tag .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#00873c;border-color:#00873c;color:#fff}.el-tag--dark.is-hit{border-color:#00873c}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#fff;background-color:#339f63}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#fff;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#fff;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#99cfb1;color:#00873c}.el-tag--plain.is-hit{border-color:#00873c}.el-tag--plain .el-tag__close{color:#00873c}.el-tag--plain .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tree{position:relative;cursor:default;background:#fff;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#00873c}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#f5f7fa}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#00873c;color:#fff}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#c0c4cc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#c0c4cc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#ebf5ef}.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#c0c4cc}.el-alert.is-dark .el-alert__closebtn{color:#fff}.el-alert.is-dark .el-alert__description{color:#fff}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#f0f9eb;color:#67c23a}.el-alert--success.is-light .el-alert__description{color:#67c23a}.el-alert--success.is-dark{background-color:#67c23a;color:#fff}.el-alert--info.is-light{background-color:#f4f4f5;color:#909399}.el-alert--info.is-dark{background-color:#909399;color:#fff}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning.is-light{background-color:#fdf6ec;color:#e6a23c}.el-alert--warning.is-light .el-alert__description{color:#e6a23c}.el-alert--warning.is-dark{background-color:#e6a23c;color:#fff}.el-alert--error.is-light{background-color:#fef0f0;color:#f56c6c}.el-alert--error.is-light .el-alert__description{color:#f56c6c}.el-alert--error.is-dark{background-color:#f56c6c;color:#fff}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#f56c6c}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#e6a23c}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#00873c}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#00873c}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#e4e7ed;color:#e4e7ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#e4e7ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #dcdfe6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #dcdfe6;border-radius:0 0 4px 0}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#e4e7ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#c0c4cc}.el-slider__runway.disabled .el-slider__button{border-color:#c0c4cc}.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1)}.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#00873c;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-slider__button-wrapper::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider__button-wrapper .el-tooltip{vertical-align:middle;display:inline-block}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:solid 2px #00873c;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #dcdfe6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#c0c4cc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#00873c}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#00873c;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#00873C;stroke-linecap:round}.el-loading-spinner i{color:#00873c}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table;content:""}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{display:none}.el-col-0{width:0%}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{position:relative;left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{position:relative;right:4.16667%}.el-col-push-1{position:relative;left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{position:relative;right:8.33333%}.el-col-push-2{position:relative;left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{position:relative;left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{position:relative;right:16.66667%}.el-col-push-4{position:relative;left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{position:relative;right:20.83333%}.el-col-push-5{position:relative;left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{position:relative;left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{position:relative;right:29.16667%}.el-col-push-7{position:relative;left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{position:relative;right:33.33333%}.el-col-push-8{position:relative;left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{position:relative;left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{position:relative;right:41.66667%}.el-col-push-10{position:relative;left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{position:relative;right:45.83333%}.el-col-push-11{position:relative;left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{position:relative;right:54.16667%}.el-col-push-13{position:relative;left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{position:relative;right:58.33333%}.el-col-push-14{position:relative;left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{position:relative;left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{position:relative;right:66.66667%}.el-col-push-16{position:relative;left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{position:relative;right:70.83333%}.el-col-push-17{position:relative;left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{position:relative;left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{position:relative;right:79.16667%}.el-col-push-19{position:relative;left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{position:relative;right:83.33333%}.el-col-push-20{position:relative;left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{position:relative;left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{position:relative;right:91.66667%}.el-col-push-22{position:relative;left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{position:relative;right:95.83333%}.el-col-push-23{position:relative;left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{position:relative;left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none}.el-col-xs-0{width:0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-0{width:0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-0{width:0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-0{width:0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-0{width:0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-warning .el-progress-bar__inner{background-color:#e6a23c}.el-progress.is-warning .el-progress__text{color:#e6a23c}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#00873c;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#00873c;color:#00873c}.el-upload:focus{border-color:#00873c;color:#00873c}.el-upload:focus .el-upload-dragger{border-color:#00873c}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#c0c4cc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #dcdfe6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#00873c;font-style:normal}.el-upload-dragger:hover{border-color:#00873c}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #00873c}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55, 0, .1, 1);transition:all .5s cubic-bezier(.55, 0, .1, 1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#00873c}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#00873c;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#00873c}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#fff}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);margin-top:60px}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-warning .el-progress-bar__inner{background-color:#e6a23c}.el-progress.is-warning .el-progress__text{color:#e6a23c}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#00873c;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#00873c}.el-badge__content--success{background-color:#67c23a}.el-badge__content--warning{background-color:#e6a23c}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#f56c6c}.el-card{border-radius:4px;border:1px solid #ebeef5;background-color:#fff;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{display:inline-block;position:relative;font-size:0;vertical-align:middle}.el-rate__icon{position:relative;display:inline-block;font-size:18px;margin-right:6px;color:#c0c4cc;-webkit-transition:.3s;transition:.3s}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__icon .path2{position:absolute;left:0;top:0}.el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#c0c4cc;border-color:#c0c4cc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#f56c6c;border-color:#f56c6c}.el-step__head.is-finish{color:#00873c;border-color:#00873c}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#c0c4cc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#c0c4cc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#f56c6c}.el-step__title.is-finish{color:#00873c}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#c0c4cc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#f56c6c}.el-step__description.is-finish{color:#00873c}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head{text-align:center}.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#c0c4cc}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#c0c4cc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55, 0, .1, 1);transition:all .3s cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1);transition:transform .3s cubic-bezier(.23, 1, .32, 1),opacity .3s cubic-bezier(.23, 1, .32, 1),-webkit-transform .3s cubic-bezier(.23, 1, .32, 1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55, 0, .1, 1);transition:opacity .3s cubic-bezier(.55, 0, .1, 1)}.el-collapse{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.el-collapse-item.is-disabled .el-collapse-item__header{color:#bbb;cursor:not-allowed}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#00873c}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ebeef5}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,0.03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-tag{background-color:#e6f3ec;border-color:#cce7d8;color:#00873c;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#00873c;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#00873c}.el-tag .el-tag__close{color:#00873c}.el-tag .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#00873c;border-color:#00873c;color:#fff}.el-tag--dark.is-hit{border-color:#00873c}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#fff;background-color:#339f63}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#fff;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#fff;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#99cfb1;color:#00873c}.el-tag--plain.is-hit{border-color:#00873c}.el-tag--plain .el-tag__close{color:#00873c}.el-tag--plain .el-tag__close:hover{color:#fff;background-color:#00873c}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#fff;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#fff;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#fff;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#fff;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-radio{color:#606266;font-weight:500;line-height:1;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;outline:0;font-size:14px;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#00873c}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__label{font-size:12px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#00873c;background:#00873c}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#00873c}.el-radio__input.is-focus .el-radio__inner{border-color:#00873c}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;position:relative;cursor:pointer;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#00873c}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #00873c;box-shadow:0 0 2px 2px #00873c}.el-radio__label{font-size:14px;padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;font-size:14px}.el-cascader-panel.is-bordered{border:solid 1px #e4e7ed;border-radius:4px}.el-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:solid 1px #e4e7ed}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#c0c4cc}.el-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#00873c;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#f5f7fa}.el-cascader-node.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:#c0c4cc}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:focus{border-color:#00873c}.el-cascader .el-input .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:#909399}.el-cascader .el-input.is-focus .el-input__inner{border-color:#00873c}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#c0c4cc}.el-cascader__dropdown{margin:5px 0;font-size:14px;background:#fff;border:solid 1px #e4e7ed;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__tags .el-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#c0c4cc;color:#fff}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:#909399}.el-cascader__suggestion-panel{border-radius:4px}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.el-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:#f5f7fa}.el-cascader__suggestion-item.is-checked{color:#00873c;font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:#c0c4cc}.el-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__search-input::-webkit-input-placeholder{color:#c0c4cc}.el-cascader__search-input::-moz-placeholder{color:#c0c4cc}.el-cascader__search-input::-ms-input-placeholder{color:#c0c4cc}.el-cascader__search-input::placeholder{color:#c0c4cc}.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #00873c;box-shadow:0 0 3px 2px #00873c}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#00873c;border-color:#00873c}.el-color-dropdown__link-btn{cursor:pointer;color:#00873c;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#00873c,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:#999;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#00873c}.el-textarea .el-input__count{color:#909399;background:#fff;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea.is-exceed .el-textarea__inner{border-color:#f56c6c}.el-textarea.is-exceed .el-input__count{color:#f56c6c}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645, .045, .355, 1);transition:color .2s cubic-bezier(.645, .045, .355, 1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645, .045, .355, 1);transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{outline:0;border-color:#00873c}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:#00873c}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:#00873c;border-color:#b3dbc5;background-color:#e6f3ec}.el-button:active{color:#007a36;border-color:#007a36;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#00873c;color:#00873c}.el-button.is-plain:active{background:#fff;border-color:#007a36;color:#007a36;outline:0}.el-button.is-active{color:#007a36;border-color:#007a36}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#00873c;border-color:#00873c}.el-button--primary:focus,.el-button--primary:hover{background:#339f63;border-color:#339f63;color:#fff}.el-button--primary:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-active{background:#007a36;border-color:#007a36;color:#fff}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#80c39e;border-color:#80c39e}.el-button--primary.is-plain{color:#00873c;background:#e6f3ec;border-color:#99cfb1}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#00873c;border-color:#00873c;color:#fff}.el-button--primary.is-plain:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#66b78a;background-color:#e6f3ec;border-color:#cce7d8}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#00873c;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#339f63;border-color:transparent;background-color:transparent}.el-button--text:active{color:#007a36;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#00873c;font-size:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled{border:1px solid #dcdfe6;background-color:#f5f7fa;color:#c0c4cc}.el-transfer__button.is-disabled:hover{border:1px solid #dcdfe6;background-color:#f5f7fa;color:#c0c4cc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer-panel{border:1px solid #ebeef5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#00873c}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #ebeef5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-timeline{margin:0;font-size:14px;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid #e4e7ed}.el-timeline-item__icon{color:#fff;font-size:13px}.el-timeline-item__node{position:absolute;background-color:#e4e7ed;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-timeline-item__node--normal{left:-1px;width:12px;height:12px}.el-timeline-item__node--large{left:-2px;width:14px;height:14px}.el-timeline-item__node--primary{background-color:#00873c}.el-timeline-item__node--success{background-color:#67c23a}.el-timeline-item__node--warning{background-color:#e6a23c}.el-timeline-item__node--danger{background-color:#f56c6c}.el-timeline-item__node--info{background-color:#909399}.el-timeline-item__dot{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-timeline-item__content{color:#303133}.el-timeline-item__timestamp{color:#909399;line-height:1;font-size:13px}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:14px;font-weight:500}.el-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid #00873c}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:#606266}.el-link.el-link--default:hover{color:#00873c}.el-link.el-link--default:after{border-color:#00873c}.el-link.el-link--default.is-disabled{color:#c0c4cc}.el-link.el-link--primary{color:#00873c}.el-link.el-link--primary:hover{color:#339f63}.el-link.el-link--primary:after{border-color:#00873c}.el-link.el-link--primary.is-disabled{color:#80c39e}.el-link.el-link--primary.is-underline:hover:after{border-color:#00873c}.el-link.el-link--danger{color:#f56c6c}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger:after{border-color:#f56c6c}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--danger.is-underline:hover:after{border-color:#f56c6c}.el-link.el-link--success{color:#67c23a}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success:after{border-color:#67c23a}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--success.is-underline:hover:after{border-color:#67c23a}.el-link.el-link--warning{color:#e6a23c}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning:after{border-color:#e6a23c}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--warning.is-underline:hover:after{border-color:#e6a23c}.el-link.el-link--info{color:#909399}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info:after{border-color:#909399}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-link.el-link--info.is-underline:hover:after{border-color:#909399}.el-divider{background-color:#dcdfe6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:#303133;font-size:14px}.el-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-divider__text.is-center{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__placeholder{background:#f5f7fa}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background:#f5f7fa;color:#c0c4cc;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__prev{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff;left:40px}.el-image-viewer__next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff;right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:#00873c;border-color:#b3dbc5;background-color:#e6f3ec}.el-button:active{color:#007a36;border-color:#007a36;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#00873c;color:#00873c}.el-button.is-plain:active{background:#fff;border-color:#007a36;color:#007a36;outline:0}.el-button.is-active{color:#007a36;border-color:#007a36}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#00873c;border-color:#00873c}.el-button--primary:focus,.el-button--primary:hover{background:#339f63;border-color:#339f63;color:#fff}.el-button--primary:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-active{background:#007a36;border-color:#007a36;color:#fff}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#80c39e;border-color:#80c39e}.el-button--primary.is-plain{color:#00873c;background:#e6f3ec;border-color:#99cfb1}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#00873c;border-color:#00873c;color:#fff}.el-button--primary.is-plain:active{background:#007a36;border-color:#007a36;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#66b78a;background-color:#e6f3ec;border-color:#cce7d8}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#00873c;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#339f63;border-color:transparent;background-color:transparent}.el-button--text:active{color:#007a36;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-calendar{background-color:#fff}.el-calendar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #ebeef5}.el-calendar__title{color:#000;-ms-flex-item-align:center;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:#606266;font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:#c0c4cc}.el-calendar-table td{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;vertical-align:top;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.el-calendar-table td.is-selected{background-color:#f2f8fe}.el-calendar-table td.is-today{color:#00873c}.el-calendar-table tr:first-child td{border-top:1px solid #ebeef5}.el-calendar-table tr td:first-child{border-left:1px solid #ebeef5}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:85px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:#f2f8fe}.el-backtop{position:fixed;background-color:#fff;width:40px;height:40px;border-radius:50%;color:#00873c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#f2f6fc}.el-page-header{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:24px}.el-page-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{content:"";position:absolute;width:1px;height:16px;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#dcdfe6}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;-ms-flex-item-align:center;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#00873c}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#00873c}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#00873c;border-color:#00873c}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition:border-color .25s cubic-bezier(.71, -.46, .29, 1.46),background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}.el-checkbox__inner:hover{border-color:#00873c}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);transition:all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#00873c}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#00873c;border-color:#00873c;-webkit-box-shadow:-1px 0 0 0 #66b78a;box-shadow:-1px 0 0 0 #66b78a}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#00873c}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#00873c}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-radio{color:#606266;font-weight:500;line-height:1;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;outline:0;font-size:14px;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#00873c}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__label{font-size:12px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#00873c;background:#00873c}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#00873c}.el-radio__input.is-focus .el-radio__inner{border-color:#00873c}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;position:relative;cursor:pointer;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#00873c}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #00873c;box-shadow:0 0 2px 2px #00873c}.el-radio__label{font-size:14px;padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;font-size:14px}.el-cascader-panel.is-bordered{border:solid 1px #e4e7ed;border-radius:4px}.el-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:solid 1px #e4e7ed}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#c0c4cc}.el-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#00873c;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#f5f7fa}.el-cascader-node.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-avatar{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#c0c4cc;width:40px;height:40px;line-height:40px;font-size:14px}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{width:40px;height:40px;line-height:40px}.el-avatar--medium{width:36px;height:36px;line-height:36px}.el-avatar--small{width:28px;height:28px;line-height:28px}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@-webkit-keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@-webkit-keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@-webkit-keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}.el-drawer{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;outline:0}.el-drawer.rtl{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s}.el-drawer__open .el-drawer.rtl{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.el-drawer.ltr{-webkit-animation:ltr-drawer-out .3s;animation:ltr-drawer-out .3s}.el-drawer__open .el-drawer.ltr{-webkit-animation:ltr-drawer-in .3s 1ms;animation:ltr-drawer-in .3s 1ms}.el-drawer.ttb{-webkit-animation:ttb-drawer-out .3s;animation:ttb-drawer-out .3s}.el-drawer__open .el-drawer.ttb{-webkit-animation:ttb-drawer-in .3s 1ms;animation:ttb-drawer-in .3s 1ms}.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s}.el-drawer__open .el-drawer.btt{-webkit-animation:btt-drawer-in .3s 1ms;animation:btt-drawer-in .3s 1ms}.el-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.el-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#72767b;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;padding:20px;padding-bottom:0}.el-drawer__header>:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-drawer__title{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.el-drawer__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.el-drawer__body>*{-webkit-box-sizing:border-box;box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer__container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.el-drawer-fade-enter-active{-webkit-animation:el-drawer-fade-in .3s;animation:el-drawer-fade-in .3s}.el-drawer-fade-leave-active{animation:el-drawer-fade-in .3s reverse}.el-popconfirm__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}@-webkit-keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton__paragraph{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton.is-animated .el-skeleton__item{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading 1.4s ease infinite;animation:el-skeleton-loading 1.4s ease infinite}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}.el-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__image img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{fill:#DCDDE0;width:100%;height:100%;vertical-align:top}.el-empty__description{margin-top:20px}.el-empty__description p{margin:0;font-size:14px;color:#909399}.el-empty__bottom{margin-top:20px}.el-descriptions-item{vertical-align:top}.el-descriptions-item__container{display:-webkit-box;display:-ms-flexbox;display:flex}.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.el-descriptions-item__container .el-descriptions-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-descriptions-item__content{word-break:break-word;overflow-wrap:break-word}.el-descriptions{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#303133}.el-descriptions__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.el-descriptions__title{font-size:16px;font-weight:700}.el-descriptions__body{color:#606266;background-color:#fff}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%;table-layout:fixed}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{text-align:right}.el-descriptions .is-bordered{table-layout:auto}.el-descriptions .is-bordered .el-descriptions-item__cell{border:1px solid #ebeef5;padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions-item__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:10px}.el-descriptions--small{font-size:12px}.el-descriptions--small.is-bordered .el-descriptions-item__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:8px}.el-descriptions--mini{font-size:12px}.el-descriptions--mini.is-bordered .el-descriptions-item__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:6px}.el-descriptions-item{vertical-align:top}.el-descriptions-item__container{display:-webkit-box;display:-ms-flexbox;display:flex}.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.el-descriptions-item__container .el-descriptions-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-descriptions-item__content{word-break:break-word;overflow-wrap:break-word}.el-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px}.el-result__icon svg{width:64px;height:64px}.el-result__title{margin-top:20px}.el-result__title p{margin:0;font-size:20px;color:#303133;line-height:1.3}.el-result__subtitle{margin-top:10px}.el-result__subtitle p{margin:0;font-size:14px;color:#606266;line-height:1.3}.el-result__extra{margin-top:30px}.el-result .icon-success{fill:#67C23A}.el-result .icon-error{fill:#F56C6C}.el-result .icon-info{fill:#909399}.el-result .icon-warning{fill:#E6A23C} |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="bookInfo"> |
|---|
| | | <div class="recommend"> |
|---|
| | | <div class="title">æ¨èçç±</div> |
|---|
| | | <div class="content"> |
|---|
| | | æ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è;(2)ç©è´¨ä»£è°¢é¨å,å
æ¬ç³ç±»ä»£è°¢ãè类代谢ãæ°¨åºé
¸ä»£è°¢ãæ ¸è·é
¸ä»£è°¢ãè½é代谢以ååéå¾çç¸äºèç³»åæ´ä½è°æ§;(3)éä¼ ä¿¡æ¯çä¼ éä¸è°æ§,å
æ¬å¤å¶ã转å½ãç¿»è¯ãåºå 表达è°æ§;(4)å¨ç©ä½ä»£è°¢çç¹ç¹,å
æ¬å¨ç©ä½é
¸ç¢±å¹³è¡¡ä¸é磷代谢ãè¡æ¶²çåãèèçåã大èçå;(5)ç°ä»£çç©ææ¯åå
¶å¨çç§å
½å»ä¸çåºç¨ãæ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è;(2)ç©è´¨ä»£è°¢é¨å,å
æ¬ç³ç±»ä»£è°¢ãè类代谢ãæ°¨åºé
¸ä»£è°¢ãæ ¸è·é
¸ä»£è°¢ãè½é代谢以ååéå¾çç¸äºèç³»åæ´ä½è°æ§;(3)éä¼ ä¿¡æ¯çä¼ éä¸è°æ§,å
æ¬å¤å¶ã转å½ãç¿»è¯ãåºå 表达è°æ§;(4)å¨ç©ä½ä»£è°¢çç¹ç¹,å
æ¬å¨ç©ä½é
¸ç¢±å¹³è¡¡ä¸é磷代谢ãè¡æ¶²çåãèèçåã大èçå;(5)ç°ä»£çç©ææ¯åå
¶å¨çç§å
½å»ä¸çåºç¨ãæ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è;(2)ç©è´¨ä»£è°¢é¨å,å
æ¬ç³ç±»ä»£è°¢ãè类代谢ãæ°¨åºé
¸ä»£è°¢ãæ ¸è·é
¸ä»£è°¢ãè½é代谢以ååéå¾çç¸äºèç³»åæ´ä½è°æ§;(3)éä¼ ä¿¡æ¯çä¼ éä¸è°æ§,å
æ¬å¤å¶ã转å½ãç¿»è¯ãåºå 表达è°æ§;(4)å¨ç©ä½ä»£è°¢çç¹ç¹,å
æ¬å¨ç©ä½é
¸ç¢±å¹³è¡¡ä¸é磷代谢ãè¡æ¶²çåãèèçåã大èçå;(5)ç°ä»£çç©ææ¯åå
¶å¨çç§å
½å»ä¸çåºç¨ãæ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è;(2)ç©è´¨ä»£è°¢é¨å,å
æ¬ç³ç±»ä»£è°¢ãè类代谢ãæ°¨åºé
¸ä»£è°¢ãæ ¸è·é
¸ä»£è°¢ãè½é代谢以ååéå¾çç¸äºèç³»åæ´ä½è°æ§;(3)éä¼ ä¿¡æ¯çä¼ éä¸è°æ§,å
æ¬å¤å¶ã转å½ãç¿»è¯ãåºå 表达è°æ§;(4)å¨ç©ä½ä»£è°¢çç¹ç¹,å
æ¬å¨ç©ä½é
¸ç¢±å¹³è¡¡ä¸é磷代谢ãè¡æ¶²çåãèèçåã大èçå;(5)ç°ä»£çç©ææ¯åå
¶å¨çç§å
½å»ä¸çåºç¨ãæ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è;(2)ç©è´¨ä»£è°¢é¨å,å
æ¬ç³ç±»ä»£è°¢ãè类代谢ãæ°¨åºé
¸ä»£è°¢ãæ ¸è·é
¸ä»£è°¢ãè½é代谢以ååéå¾çç¸äºèç³»åæ´ä½è°æ§;(3)éä¼ ä¿¡æ¯çä¼ éä¸è°æ§,å
æ¬å¤å¶ã转å½ãç¿»è¯ãåºå 表达è°æ§;(4)å¨ç©ä½ä»£è°¢çç¹ç¹,å
æ¬å¨ç©ä½é
¸ç¢±å¹³è¡¡ä¸é磷代谢ãè¡æ¶²çåãèèçåã大èçå;(5)ç°ä»£çç©ææ¯åå
¶å¨çç§å
½å»ä¸çåºç¨ãæ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è;(2)ç©è´¨ä»£è°¢é¨å,å
æ¬ç³ç±»ä»£è°¢ãè类代谢ãæ°¨åºé
¸ä»£è°¢ãæ ¸è·é
¸ä»£è°¢ãè½é代谢以ååéå¾çç¸äºèç³»åæ´ä½è°æ§;(3)éä¼ ä¿¡æ¯çä¼ éä¸è°æ§,å
æ¬å¤å¶ã转å½ãç¿»è¯ãåºå 表达è°æ§;(4)å¨ç©ä½ä»£è°¢çç¹ç¹,å
æ¬å¨ç©ä½é
¸ç¢±å¹³è¡¡ä¸é磷代谢ãè¡æ¶²çåãèèçåã大èçå;(5)ç°ä»£çç©ææ¯åå
¶å¨çç§å
½å»ä¸çåºç¨ã |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="otherBox"> |
|---|
| | | <div class="itemBox" v-for="(item,index) in dataList" :key="index"> |
|---|
| | | <div class="itemTitle"><div class="titleName">{{item.title}}</div></div> |
|---|
| | | <div class="itemContent"> |
|---|
| | | {{item.content}} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [ |
|---|
| | | { |
|---|
| | | title: "ä½è
æå¡", |
|---|
| | | content: |
|---|
| | | "æ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: "ä½è
æå¡", |
|---|
| | | content: |
|---|
| | | "æ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: "ä½è
æå¡", |
|---|
| | | content: |
|---|
| | | "æ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: "ä½è
æå¡", |
|---|
| | | content: |
|---|
| | | "æ¬ä¹¦å±äºæ®éé«çæè²âåä¸äºâ*è§åææ,主è¦é对é«çåä¸é¢æ ¡å¨ç©å»å¦åå¨ç©ç§å¦ä¸ä¸å¦çç¼åãå
容注éåºç¡ç¥è¯,é度èç³»ä¸ä¸å®é
,并å¼å
¥äºçç©åå¦çæ°è¿å±ãå
容å
±å为15ç« ,å
æ¬äºå¤§é¨å:(1)çç©ååçç»æä¸åè½,å
æ¬æ ¸é
¸ãèç½è´¨ãé
¶åçç©è", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .bookInfo { |
|---|
| | | width: 813px; |
|---|
| | | background-color: #fff; |
|---|
| | | margin: 10px 0 0 10px; |
|---|
| | | padding: 40px; |
|---|
| | | } |
|---|
| | | .recommend { |
|---|
| | | max-height: 270px; |
|---|
| | | background-color: #fbf5eb; |
|---|
| | | overflow: auto; |
|---|
| | | border-radius: 4px; |
|---|
| | | border: 1px solid #ebd5b4; |
|---|
| | | } |
|---|
| | | .title { |
|---|
| | | height: 20px; |
|---|
| | | line-height: 20px; |
|---|
| | | border-bottom: 1px dashed #d6d6d6; |
|---|
| | | padding: 20px; |
|---|
| | | color: #333333; |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | .content { |
|---|
| | | max-height: 210px; |
|---|
| | | line-height: 40px; |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | .itemTitle { |
|---|
| | | height: 20px; |
|---|
| | | background: #f8f8f8; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .titleName { |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | position: absolute; |
|---|
| | | top: -10px; |
|---|
| | | } |
|---|
| | | .otherBox { |
|---|
| | | margin-top: 40px; |
|---|
| | | } |
|---|
| | | .itemContent { |
|---|
| | | padding: 20px; |
|---|
| | | line-height: 20px; |
|---|
| | | } |
|---|
| | | .itemBox{ |
|---|
| | | margin-top: 50px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="bookInfo"> |
|---|
| | | <div class="recommend" v-if="bookInfo.caupress_recommendationReason"> |
|---|
| | | <div class="title">æ¨èçç±</div> |
|---|
| | | <div |
|---|
| | | class="content" |
|---|
| | | v-html="bookInfo.caupress_recommendationReason" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | <div class="otherBox"> |
|---|
| | | <div class="itemBox" v-for="(item, index) in dataList" :key="index"> |
|---|
| | | <div v-if="item.content != undefined && item.content.length > 0"> |
|---|
| | | <div class="itemTitle"> |
|---|
| | | <div class="titleName">{{ item.title }}</div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="itemContent" |
|---|
| | | v-html="item.content" |
|---|
| | | v-if="item.content != undefined" |
|---|
| | | ></div> |
|---|
| | | <el-empty description="ææ å
容" v-else></el-empty> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [ |
|---|
| | | { |
|---|
| | | title: "ä½è
ç®ä»", |
|---|
| | | content: null, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: "ç®ä»", |
|---|
| | | content: null, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: "åè¨", |
|---|
| | | content: null, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: "ç®å½", |
|---|
| | | content: null, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | bookInfo: { |
|---|
| | | type: Object, |
|---|
| | | default: () => {}, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | bookInfo() { |
|---|
| | | this.dataList.forEach((item) => { |
|---|
| | | if (item.title == "ä½è
ç®ä»") |
|---|
| | | item.content = this.bookInfo.caupress_authorAbout; |
|---|
| | | if (item.title == "ç®ä»") item.content = this.bookInfo.caupress_content; |
|---|
| | | if (item.title == "åè¨") item.content = this.bookInfo.caupress_preface; |
|---|
| | | if (item.title == "ç®å½") item.content = this.bookInfo.caupress_catalog; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .bookInfo { |
|---|
| | | width: 813px; |
|---|
| | | background-color: #fff; |
|---|
| | | margin: 10px 0 0 10px; |
|---|
| | | padding: 40px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .recommend { |
|---|
| | | max-height: 270px; |
|---|
| | | background-color: #fbf5eb; |
|---|
| | | overflow: auto; |
|---|
| | | border-radius: 4px; |
|---|
| | | border: 1px solid #ebd5b4; |
|---|
| | | } |
|---|
| | | .title { |
|---|
| | | height: 20px; |
|---|
| | | line-height: 20px; |
|---|
| | | border-bottom: 1px dashed #d6d6d6; |
|---|
| | | padding: 20px; |
|---|
| | | color: #333333; |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | .content { |
|---|
| | | max-height: 210px; |
|---|
| | | line-height: 40px; |
|---|
| | | margin-top: 20px; |
|---|
| | | padding: 20px; |
|---|
| | | } |
|---|
| | | .itemTitle { |
|---|
| | | height: 20px; |
|---|
| | | position: relative; |
|---|
| | | border-left: 3px solid #019E58; |
|---|
| | | line-height: 20px; |
|---|
| | | padding-left: 20px; |
|---|
| | | } |
|---|
| | | .titleName { |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | position: absolute; |
|---|
| | | } |
|---|
| | | .otherBox { |
|---|
| | | margin-top: 40px; |
|---|
| | | } |
|---|
| | | .itemContent { |
|---|
| | | padding: 20px; |
|---|
| | | line-height: 25px; |
|---|
| | | max-height: 900px; |
|---|
| | | overflow: auto; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | margin-top: 50px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="relatedBox"> |
|---|
| | | <div class="headBox"> |
|---|
| | | <div class="titleBox">{{ title }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="bookBox" v-if="dataList.length > 0"> |
|---|
| | | <div class="itemBox" v-for="(item, index) in dataList" :key="index"> |
|---|
| | | <div class="checkBox"> |
|---|
| | | <el-checkbox |
|---|
| | | @change="selectBook(item)" |
|---|
| | | v-model="item.checked" |
|---|
| | | label |
|---|
| | | ></el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="rightBox"> |
|---|
| | | <div class="bookName"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox">ä½è
ï¼{{ item.caupress_author }}</div> |
|---|
| | | <div class="authorBox"> |
|---|
| | | åºçæ¶é´ï¼{{ |
|---|
| | | item.caupress_publicationDate |
|---|
| | | ? moment(item.caupress_publicationDate).format("YYYY-MM-DD") |
|---|
| | | : "-" |
|---|
| | | }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox">ISBNï¼{{ item.caupress_ISBN }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="iconBox" @click="deleteItem(item, index)"> |
|---|
| | | <i class="iconfont icon-shanchu"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-empty :image-size="100" description="ææ èµæº" v-else></el-empty> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [], |
|---|
| | | detailRoute: "bookStore-detail", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.getData("caupress_teachingResource"); |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | title: { |
|---|
| | | type: String, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getData(channel) { |
|---|
| | | if (this.$route.name == "teachingServices-applyBook-paper") { |
|---|
| | | this.dataList = this.$store.state.paperCopiesList; |
|---|
| | | } else { |
|---|
| | | this.dataList = this.$store.state.electronicBookList; |
|---|
| | | } |
|---|
| | | this.dataList.forEach((item) => { |
|---|
| | | this.$set(item,"checked",false) |
|---|
| | | // item.checked = false; |
|---|
| | | }); |
|---|
| | | // this.dataList = res.datas; |
|---|
| | | // this.$emit("getList", this.dataList); |
|---|
| | | }, |
|---|
| | | selectBook(val) { |
|---|
| | | this.$emit("getList", this.dataList); |
|---|
| | | }, |
|---|
| | | toDetail(row) { |
|---|
| | | this.$emit("reloadPage", row); |
|---|
| | | }, |
|---|
| | | deleteItem(item, index) { |
|---|
| | | this.$confirm("æ¯å¦å é¤å½åæ ·ä¹¦?", "æ示", { |
|---|
| | | confirmButtonText: "ç¡®å®", |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | if (this.$route.name == "teachingServices-applyBook-paper") { |
|---|
| | | this.$store.commit("deletePbookList", index); |
|---|
| | | } else { |
|---|
| | | this.$store.commit("deleteEbookList", index); |
|---|
| | | } |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | if (this.dataList.length == 0) { |
|---|
| | | this.$router.push("/teachingServices"); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .relatedBox { |
|---|
| | | width: 100%; |
|---|
| | | background-color: #fff; |
|---|
| | | margin: 10px 0 0 0px; |
|---|
| | | border-top: 1px solid #00873c; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | .bookBox { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 100px; |
|---|
| | | height: 150px; |
|---|
| | | position: relative; |
|---|
| | | border: 1px solid #eee; |
|---|
| | | } |
|---|
| | | .rightBox { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | display: flex; |
|---|
| | | padding: 10px; |
|---|
| | | position: relative; |
|---|
| | | border: 1px solid #ccc; |
|---|
| | | margin: 0 5px; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | font-size: 16px !important; |
|---|
| | | line-height: 20px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | display: -webkit-box; |
|---|
| | | -webkit-box-orient: vertical; |
|---|
| | | -webkit-line-clamp: 2; /* è¿éæ¯è¶
åºå è¡çç¥ */ |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .authorBox { |
|---|
| | | margin-top: 20px; |
|---|
| | | color: #666666; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .iconBox { |
|---|
| | | cursor: pointer; |
|---|
| | | color: red; |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .toDetail { |
|---|
| | | margin-top: 50px; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .authorName { |
|---|
| | | max-width: 86px; |
|---|
| | | position: absolute; |
|---|
| | | line-height: 20px; |
|---|
| | | top: -4px; |
|---|
| | | left: 44px; |
|---|
| | | } |
|---|
| | | .headBox { |
|---|
| | | display: flex; |
|---|
| | | background: #d8f7e6; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | .viewMore { |
|---|
| | | cursor: pointer; |
|---|
| | | padding: 20px; |
|---|
| | | color: #999; |
|---|
| | | } |
|---|
| | | .checkBox { |
|---|
| | | margin-right: 10px; |
|---|
| | | line-height: 150px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="infoBox"> |
|---|
| | | <div class="contentBox"> |
|---|
| | | <div class="crumbs"> |
|---|
| | | <el-breadcrumb separator-class="el-icon-arrow-right"> |
|---|
| | | <el-breadcrumb-item :to="{ name: 'bookStore' }" |
|---|
| | | >æ°åææ</el-breadcrumb-item |
|---|
| | | > |
|---|
| | | <el-breadcrumb-item>详æ
</el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | | </div> |
|---|
| | | <div class="infoTag" v-if="bookInfo.caupress_projectTitle"> |
|---|
| | | <el-tooltip |
|---|
| | | class="item" |
|---|
| | | effect="dark" |
|---|
| | | :content="bookInfo.caupress_projectTitle" |
|---|
| | | placement="top-start" |
|---|
| | | > |
|---|
| | | <div class="tagText"> |
|---|
| | | {{ bookInfo.caupress_projectTitle }} |
|---|
| | | </div> |
|---|
| | | </el-tooltip> |
|---|
| | | </div> |
|---|
| | | <div class="bookDetail"> |
|---|
| | | <div class="bookImg"> |
|---|
| | | <img class="autoImg" :src="bookInfo.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <span class="iconfont icon-tubiaozhizuo"></span> |
|---|
| | | |
|---|
| | | <div class="detailBox"> |
|---|
| | | <div class="bookTitle"> |
|---|
| | | <div class="bookName" :title="bookInfo.name"> |
|---|
| | | {{ bookInfo.name }} |
|---|
| | | </div> |
|---|
| | | <div class="bookTag" :title="bookInfo.caupress_seriesName"> |
|---|
| | | {{ bookInfo.caupress_seriesName }} |
|---|
| | | </div> |
|---|
| | | <div class="collectBox"> |
|---|
| | | <img |
|---|
| | | @click="collectBook" |
|---|
| | | v-if="bookInfo.isFavourite" |
|---|
| | | class="buyIcon" |
|---|
| | | src="@/assets/images/bookStore/shoucang.svg" |
|---|
| | | style="margin-right: 10px" |
|---|
| | | /> |
|---|
| | | <span |
|---|
| | | @click="collectBook" |
|---|
| | | v-else |
|---|
| | | class="iconfont icon-shoucang" |
|---|
| | | style="margin-right: 10px" |
|---|
| | | > |
|---|
| | | </span> |
|---|
| | | <div |
|---|
| | | class="collectText" |
|---|
| | | @click="collectBook" |
|---|
| | | v-if="bookInfo.isFavourite" |
|---|
| | | > |
|---|
| | | å·²æ¶è |
|---|
| | | </div> |
|---|
| | | <div class="collectText" @click="collectBook" v-else>æ¶è</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="authorBox"> |
|---|
| | | <div class="titleBox1"> |
|---|
| | | <div>ä½è
ï¼</div> |
|---|
| | | <div>åºçæ¶é´ï¼</div> |
|---|
| | | </div> |
|---|
| | | <div class="valueBox"> |
|---|
| | | <div> |
|---|
| | | {{ bookInfo.caupress_author ? bookInfo.caupress_author : "-" }} |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | {{ |
|---|
| | | bookInfo.caupress_publicationDate |
|---|
| | | ? moment(bookInfo.caupress_publicationDate).format( |
|---|
| | | "YYYY-MM-DD" |
|---|
| | | ) |
|---|
| | | : "-" |
|---|
| | | }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="titleBox1" style="margin-left: 30px"> |
|---|
| | | <div>ISBNï¼</div> |
|---|
| | | <div>ç次ï¼</div> |
|---|
| | | </div> |
|---|
| | | <div class="valueBox"> |
|---|
| | | <div> |
|---|
| | | {{ bookInfo.caupress_ISBN ? bookInfo.caupress_ISBN : "-" }} |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | {{ |
|---|
| | | bookInfo.caupress_pubNumber |
|---|
| | | ? bookInfo.caupress_pubNumber |
|---|
| | | : "-" |
|---|
| | | }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="authorBox" style="box-sizing: border-box"> |
|---|
| | | <div class="titleBox1"> |
|---|
| | | <div>ä¸çº§åç±»ï¼</div> |
|---|
| | | <div>äºçº§åç±»ï¼</div> |
|---|
| | | </div> |
|---|
| | | <div class="valueBox"> |
|---|
| | | <div>å
¨å½é«çèä¸æè²é¢é²å»å¦ä¸ä¸è§åææ</div> |
|---|
| | | <div>äºçº§åç±»ï¼é«çèä¸æè²</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="purchaseBox"> |
|---|
| | | <div class="priceBox"> |
|---|
| | | <span v-if="bookInfo.price && bookInfo.price > 0"> |
|---|
| | | <span>å®ä»·ï¼</span><span>ï¿¥</span> |
|---|
| | | <span>{{ this.tool.toDecimal2(bookInfo.price) || "-" }}</span |
|---|
| | | ><span v-if="bookInfo.VirtualPrice" |
|---|
| | | >åä»·ï¼ï¿¥{{ bookInfo.VirtualPrice }}</span |
|---|
| | | > |
|---|
| | | </span> |
|---|
| | | |
|---|
| | | <span class="price" v-else> |
|---|
| | | <span class="freePrice">å
è´¹</span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="buyInfo" |
|---|
| | | v-if=" |
|---|
| | | (currentRoute !== 'teachingServices' && |
|---|
| | | bookInfo.caupress_paperBookDD) || |
|---|
| | | bookInfo.caupress_paperBookJD || |
|---|
| | | bookInfo.caupress_paperBookTmall |
|---|
| | | " |
|---|
| | | > |
|---|
| | | 纸质书å
¶ä»è´ä¹°æ¸ éï¼ |
|---|
| | | <span @click="toJDLink" v-if="bookInfo.caupress_paperBookJD"> |
|---|
| | | <img |
|---|
| | | class="buyIcon" |
|---|
| | | src="@/assets/images/bookStore/京ä¸icon-01.svg" |
|---|
| | | />京ä¸</span |
|---|
| | | > |
|---|
| | | <span @click="toDDLink" v-if="bookInfo.caupress_paperBookDD" |
|---|
| | | ><img |
|---|
| | | class="buyIcon" |
|---|
| | | src="@/assets/images/bookStore/å½å½ç½.svg" |
|---|
| | | />å½å½</span |
|---|
| | | > |
|---|
| | | <span @click="toTmLink" v-if="bookInfo.caupress_paperBookTmall" |
|---|
| | | ><img |
|---|
| | | class="buyIcon" |
|---|
| | | src="@/assets/images/bookStore/tianmaologo2.svg" |
|---|
| | | />天ç«</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="btnBox"> |
|---|
| | | <el-button |
|---|
| | | v-if=" |
|---|
| | | currentRoute !== 'teachingServices' && |
|---|
| | | !this.bookInfo.alreadyBuy && |
|---|
| | | this.bookInfo.caupress_isSell && |
|---|
| | | this.bookInfo.caupress_isSell == '1' |
|---|
| | | " |
|---|
| | | type="primary" |
|---|
| | | :disabled="this.bookInfo.alreadyBuy" |
|---|
| | | @click="gotoOrder" |
|---|
| | | >çµå书è´ä¹°</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | v-if="bookInfo.caupress_pdfFreeFile && !this.bookInfo.alreadyBuy" |
|---|
| | | type="primary" |
|---|
| | | plain |
|---|
| | | style="min-width: 98px" |
|---|
| | | @click="previewBook" |
|---|
| | | >è¯è¯»</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | v-else-if="bookInfo.caupress_pdfFile && this.bookInfo.alreadyBuy" |
|---|
| | | type="primary" |
|---|
| | | plain |
|---|
| | | style="min-width: 98px" |
|---|
| | | @click="previewBook" |
|---|
| | | >ç«å³é
读</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | v-if=" |
|---|
| | | currentRoute == 'teachingServices' && !this.bookInfo.alreadyBuy |
|---|
| | | " |
|---|
| | | plain |
|---|
| | | @click="addEbook" |
|---|
| | | >çµåæ ·ä¹¦</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | v-if="currentRoute == 'teachingServices'" |
|---|
| | | plain |
|---|
| | | @click="addPaperBook" |
|---|
| | | >çº¸è´¨æ ·ä¹¦</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-dialog |
|---|
| | | title="èç³»ç¼è¾" |
|---|
| | | :visible.sync="contactVisible" |
|---|
| | | width="30%" |
|---|
| | | :lock-scroll="false" |
|---|
| | | > |
|---|
| | | <div class="contactBox" v-if="this.bookInfo.caupress_editor"> |
|---|
| | | <div class="contacItem"> |
|---|
| | | <i class="iconfont icon-renwu-ren contacIcon"></i> |
|---|
| | | {{ this.bookInfo.caupress_editor.name }} |
|---|
| | | </div> |
|---|
| | | <div class="contacItem"> |
|---|
| | | <i class="iconfont icon-QQ contacIcon"></i> |
|---|
| | | {{ this.bookInfo.caupress_editor.qq }} |
|---|
| | | </div> |
|---|
| | | <div class="contacItem"> |
|---|
| | | <i class="iconfont icon-tongxunlu contacIcon"></i> |
|---|
| | | {{ this.bookInfo.caupress_editor.phone }} |
|---|
| | | </div> |
|---|
| | | <div class="contacItem"> |
|---|
| | | <i class="iconfont icon-dianhua contacIcon"></i> |
|---|
| | | {{ this.bookInfo.caupress_editor.telephone }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-empty |
|---|
| | | v-else |
|---|
| | | description="ææ æ°æ®" |
|---|
| | | class="empty" |
|---|
| | | :image-size="100" |
|---|
| | | ></el-empty> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | title="ä¿¡æ¯åé¦" |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | width="50%" |
|---|
| | | :lock-scroll="false" |
|---|
| | | > |
|---|
| | | <div class="infoDialog"> |
|---|
| | | <el-input |
|---|
| | | type="textarea" |
|---|
| | | :rows="8" |
|---|
| | | placeholder="详ç»æè¿°æ¨æéå°çé®é¢ï¼æå©äºå¿«éç»æ¨åé¦ï¼" |
|---|
| | | v-model="textarea" |
|---|
| | | > |
|---|
| | | </el-input> |
|---|
| | | <div class="subBtn"> |
|---|
| | | <el-button type="primary" @click="sendDiscuss">æ交</el-button> |
|---|
| | | </div> |
|---|
| | | <div class="infoList"> |
|---|
| | | <div |
|---|
| | | class="infoItem" |
|---|
| | | v-for="(item, index) in commentList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <div class="infoImg"> |
|---|
| | | <img v-if="item.icon" class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | <i v-else class="el-icon-user-solid"></i> |
|---|
| | | </div> |
|---|
| | | <div class="infoContent"> |
|---|
| | | <div class="infoTitle"> |
|---|
| | | <div class="userNameBox">{{ item.content.name }}</div> |
|---|
| | | <div class="userNameBox"> |
|---|
| | | {{ moment(item.createDate).format("YYYY-MM-DD") }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="infoText"> |
|---|
| | | {{ item.content.content }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapState } from "vuex"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | tagText: "æ®éé«çæè²åä¸äºè§åææï¼å
¨å½é«çæè²æ
游è§åææ", |
|---|
| | | price: 29, |
|---|
| | | dialogVisible: false, |
|---|
| | | contactVisible: false, |
|---|
| | | textarea: "", |
|---|
| | | // bookInfo: {}, |
|---|
| | | currentRoute: this.$route, |
|---|
| | | discussAreaId: "", //è¯è®ºID |
|---|
| | | |
|---|
| | | commentList: [], |
|---|
| | | editor: { |
|---|
| | | qq: "", |
|---|
| | | telephone: "", |
|---|
| | | mobilePhone: "", |
|---|
| | | name: "", |
|---|
| | | }, |
|---|
| | | paginationData: { |
|---|
| | | page: 1, |
|---|
| | | limit: 10, |
|---|
| | | totalCount: 0, |
|---|
| | | totalPage: 0, |
|---|
| | | }, |
|---|
| | | commentText: "", |
|---|
| | | requestedEBookList: [], // å·²ç³è¯·ççµå书 |
|---|
| | | requestedPBookList: [], // å·²ç³è¯·ç纸质书 |
|---|
| | | ebookTotalCount: 0, |
|---|
| | | pbookTotalCount: 0, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | bookInfo: { |
|---|
| | | type: Object, |
|---|
| | | default: () => {}, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | console.log(this.userInfo, "userInfo"); |
|---|
| | | this.currentRoute = this.currentRoute.fullPath.split("/")[1]; |
|---|
| | | this.getCommentTopic(); |
|---|
| | | this.getRequestedEBookList(); |
|---|
| | | this.getRequestedPBookList(); |
|---|
| | | let roleId = this.userInfo ? this.userInfo.roleId : null; |
|---|
| | | if (roleId) { |
|---|
| | | this.getEbookTicketRes(); |
|---|
| | | this.getPbookTicketRes(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapState(["userInfo"]), |
|---|
| | | }, |
|---|
| | | mounted() {}, |
|---|
| | | methods: { |
|---|
| | | //è·åçµå书å©ä½ç³è¯·æ¬¡æ° |
|---|
| | | getEbookTicketRes() { |
|---|
| | | this.MG.app |
|---|
| | | .getTicketResult({ |
|---|
| | | ticketRefCodeOrGuid: "electronicSampleBookapplyNum", |
|---|
| | | roleId: this.userInfo.roleId, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.ebookTotalCount = res.totalCount - res.usedCount; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //è·å纸质å©ä½ç³è¯·æ¬¡æ° |
|---|
| | | getPbookTicketRes() { |
|---|
| | | this.MG.app |
|---|
| | | .getTicketResult({ |
|---|
| | | ticketRefCodeOrGuid: "paperSampleBookapplyNum", |
|---|
| | | roleId: this.userInfo.roleId, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.pbookTotalCount = res.totalCount - res.usedCount; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //跳转è³äº¬ä¸é¾æ¥ |
|---|
| | | toJDLink() { |
|---|
| | | window.open(this.bookInfo.caupress_paperBookJD); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //跳转è³å½å½é¾æ¥ |
|---|
| | | toDDLink() { |
|---|
| | | window.open(this.bookInfo.caupress_paperBookDD); |
|---|
| | | }, |
|---|
| | | toTmLink() { |
|---|
| | | window.open(this.bookInfo.caupress_paperBookTmall); |
|---|
| | | }, |
|---|
| | | //è·åè¯è®ºID |
|---|
| | | getCommentTopic() { |
|---|
| | | this.MG.ugc |
|---|
| | | .getProductCommentTopic({ |
|---|
| | | productId: this.$route.query.id, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.discussAreaId = res.id; |
|---|
| | | this.sysType = res.sysType; |
|---|
| | | this.getCommentList(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åè¯è®ºå表 |
|---|
| | | getCommentList() { |
|---|
| | | this.MG.ugc |
|---|
| | | .getTopicMessageList({ |
|---|
| | | sort: { |
|---|
| | | type: "Desc", |
|---|
| | | field: "CreateDate", |
|---|
| | | }, |
|---|
| | | size: this.paginationData.limit, |
|---|
| | | start: (this.paginationData.page - 1) * this.paginationData.limit, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | topicIdOrRefCode: JSON.stringify(this.discussAreaId), |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.commentList = res.datas; |
|---|
| | | this.commentList.forEach((item) => { |
|---|
| | | if (item.content) { |
|---|
| | | item.content = JSON.parse(item.content); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | console.log(this.commentList, "this.commentList"); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å表è¯è®º |
|---|
| | | sendDiscuss() { |
|---|
| | | if (this.textarea == "") { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "è¯è®ºä¸è½ä¸ºç©º", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | let content = { |
|---|
| | | content: this.textarea, |
|---|
| | | name: this.userInfo.name, |
|---|
| | | }; |
|---|
| | | const data = { |
|---|
| | | topicIdOrRefCode: JSON.stringify(this.discussAreaId), |
|---|
| | | name: this.bookInfo.name, |
|---|
| | | icon: this.userInfo.icon, |
|---|
| | | content: JSON.stringify(content), |
|---|
| | | type: "ProductComment", |
|---|
| | | cmsTypeRefCode: "", |
|---|
| | | newDataListRequest: [], |
|---|
| | | }; |
|---|
| | | this.MG.ugc.newTopicMessage(data).then((res) => { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "è¯è®ºæå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.textarea = ""; |
|---|
| | | this.getCommentList(); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | relation() { |
|---|
| | | this.contactVisible = true; |
|---|
| | | }, |
|---|
| | | setInfo() { |
|---|
| | | if (this.userInfo == null) { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | redirectPath: this.$route.fullPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.dialogVisible = true; |
|---|
| | | }, |
|---|
| | | //å å
¥çº¸è´¨æ ·ä¹¦ |
|---|
| | | addPaperBook() { |
|---|
| | | if (!this.$store.state.token) { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | redirectPath: this.$route.fullPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | if (this.$store.state.userInfo.role !== "Teacher") { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "请å
è¿è¡æå¸è®¤è¯", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } else { |
|---|
| | | if (this.pbookTotalCount == 0) { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "纸质书ç³è¯·æ¬¡æ°ä¸è¶³ï¼", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let isHave = this.requestedPBookList.find( |
|---|
| | | (e) => e.state == "WaitAudit" && e.id == this.bookInfo.id |
|---|
| | | ); |
|---|
| | | if (isHave) { |
|---|
| | | this.$message.warning("æ¨å·²ç³è¯·è¯¥æ ·ä¹¦ï¼çå¾
å®¡æ ¸ä¸!"); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.$store.state.paperCopiesList.length >= 3) { |
|---|
| | | this.$message.warning("æ·»å 书ç±ä¸è½è¶
è¿ä¸æ¬"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.paperCopiesList.length > 0) { |
|---|
| | | let currentBook = this.$store.state.paperCopiesList.filter( |
|---|
| | | (item) => item.id == this.bookInfo.id |
|---|
| | | ); |
|---|
| | | if (currentBook.length > 0) { |
|---|
| | | this.$message.warning("请å¿éå¤æ·»å 书ç±"); |
|---|
| | | return; |
|---|
| | | } else { |
|---|
| | | this.$store.commit("addPbookList", this.bookInfo); |
|---|
| | | this.$message.success("æ·»å æåï¼"); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | this.$store.commit("addPbookList", this.bookInfo); |
|---|
| | | this.$message.success("æ·»å æåï¼"); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // è·åå·²ç³è¯·ççµå书 |
|---|
| | | getRequestedEBookList() { |
|---|
| | | const data = { |
|---|
| | | start: 0, |
|---|
| | | size: 99999999, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | topicIdOrRefCode: this.config.refCodes.applyBook, |
|---|
| | | }; |
|---|
| | | this.MG.ugc.getTopicMessageList(data).then((res) => { |
|---|
| | | try { |
|---|
| | | if (res && res.datas.length > 0) { |
|---|
| | | let list = []; |
|---|
| | | for (let i = 0; i < res.datas.length; i++) { |
|---|
| | | const ele = res.datas[i]; |
|---|
| | | if (ele.content) { |
|---|
| | | ele.content = JSON.parse(ele.content); |
|---|
| | | ele.content.map((item) => (item.state = ele.state)); |
|---|
| | | } |
|---|
| | | if (ele.feedBack) { |
|---|
| | | ele.isRead = false; |
|---|
| | | ele.feedBack = JSON.parse(ele.feedBack); |
|---|
| | | const readDate = new Date( |
|---|
| | | ele.feedBack.endDate + " 23:59:59" |
|---|
| | | ).getTime(); |
|---|
| | | const currentDate = Number(sessionStorage.currentDate); |
|---|
| | | if (readDate > currentDate) { |
|---|
| | | ele.isRead = true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | list.push(...ele.content); |
|---|
| | | } |
|---|
| | | this.requestedEBookList = list; |
|---|
| | | } |
|---|
| | | } catch (error) { |
|---|
| | | this.requestedEBookList = []; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åå·²ç³è¯·ç纸质书 |
|---|
| | | getRequestedPBookList() { |
|---|
| | | const data = { |
|---|
| | | start: 0, |
|---|
| | | size: 99999999, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | topicIdOrRefCode: this.config.refCodes.applyEntityBook, |
|---|
| | | }; |
|---|
| | | this.MG.ugc.getTopicMessageList(data).then((res) => { |
|---|
| | | try { |
|---|
| | | if (res && res.datas.length > 0) { |
|---|
| | | let list = []; |
|---|
| | | for (let i = 0; i < res.datas.length; i++) { |
|---|
| | | const ele = res.datas[i]; |
|---|
| | | if (ele.content) { |
|---|
| | | ele.content = JSON.parse(ele.content); |
|---|
| | | ele.content.map((item) => (item.state = ele.state)); |
|---|
| | | } |
|---|
| | | list.push(...ele.content); |
|---|
| | | } |
|---|
| | | this.requestedPBookList = list; |
|---|
| | | } |
|---|
| | | } catch (error) { |
|---|
| | | this.requestedPBookList = []; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //å å
¥çµåæ ·ä¹¦ |
|---|
| | | addEbook() { |
|---|
| | | if (!this.$store.state.token) { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | redirectPath: this.$route.fullPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | console.log(this.ebookTotalCount, "this.ebookTotalCount"); |
|---|
| | | console.log(this.pbookTotalCount, "this.pookTotalCount"); |
|---|
| | | if (this.$store.state.userInfo.role !== "Teacher") { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "请å
è¿è¡æå¸è®¤è¯", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.ebookTotalCount == 0) { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "çµå书ç³è¯·æ¬¡æ°ä¸è¶³ï¼", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } else { |
|---|
| | | if (this.bookInfo.alreadyBuy) { |
|---|
| | | this.$message.warning("æ¬ä¹¦å·²å¨æææå
ï¼è¯·å¿éå¤ç³è¯·"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let isHave = this.requestedEBookList.find( |
|---|
| | | (e) => e.state == "WaitAudit" && e.id == this.bookInfo.id |
|---|
| | | ); |
|---|
| | | if (isHave) { |
|---|
| | | this.$message.warning("æ¨å·²ç³è¯·è¯¥æ ·ä¹¦ï¼çå¾
å®¡æ ¸ä¸!"); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.$store.state.electronicBookList.length >= 3) { |
|---|
| | | this.$message.warning("æ·»å 书ç±ä¸è½è¶
è¿ä¸æ¬"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.electronicBookList.length > 0) { |
|---|
| | | let currentBook = this.$store.state.electronicBookList.filter( |
|---|
| | | (item) => item.id == this.bookInfo.id |
|---|
| | | ); |
|---|
| | | if (currentBook.length > 0) { |
|---|
| | | this.$message.warning("请å¿éå¤æ·»å 书ç±"); |
|---|
| | | return; |
|---|
| | | } else { |
|---|
| | | this.$store.commit("addEbookList", this.bookInfo); |
|---|
| | | this.$message.success("æ·»å æåï¼"); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | this.$store.commit("addEbookList", this.bookInfo); |
|---|
| | | this.$message.success("æ·»å æåï¼"); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | gotoOrder() { |
|---|
| | | if (this.$store.state.token) { |
|---|
| | | let saleMethod = this.bookInfo.saleMethod.find( |
|---|
| | | (item) => item.Type == "defaultSaleMethod" |
|---|
| | | ); |
|---|
| | | if (saleMethod) { |
|---|
| | | console.log(saleMethod, "saleMethod"); |
|---|
| | | this.MG.store |
|---|
| | | .initOrder({ |
|---|
| | | requests: [ |
|---|
| | | { |
|---|
| | | saleMethodId: saleMethod.Id, |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | console.log(res, "res"); |
|---|
| | | if (res.orderNumber) { |
|---|
| | | this.$router.push({ |
|---|
| | | name: "bookStore-order", |
|---|
| | | query: { |
|---|
| | | orderNum: res.orderNumber, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$message.warning("å½å书ç±éå®æ¹å¼è¿æï¼è¯·è系管çåï¼"); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: "æªè·åå°å¯å®åçè§æ ¼ï¼è¯·è系管çåï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | redirectPath: this.$route.fullPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | collectBook() { |
|---|
| | | if (this.tool.getCookie(this.config.tokenKey)) { |
|---|
| | | if (this.bookInfo.isFavourite) { |
|---|
| | | this.MG.store |
|---|
| | | .delProductLink({ |
|---|
| | | productIds: [this.$route.query.id], |
|---|
| | | linkType: "Favorite", |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.$parent.getData(); |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | let params = { |
|---|
| | | productIds: [this.$route.query.id], |
|---|
| | | linkType: "Favorite", |
|---|
| | | }; |
|---|
| | | if (this.$route.path == "/bookStore/detail") { |
|---|
| | | params.LinkTag = "bookStore"; |
|---|
| | | } else { |
|---|
| | | params.LinkTag = "teachingServices"; |
|---|
| | | } |
|---|
| | | this.MG.store.productLink(params).then((res) => { |
|---|
| | | this.$parent.getData(); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | redirectPath: this.$route.fullPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | previewBook() { |
|---|
| | | let routeUrl = this.$router.resolve({ |
|---|
| | | name: "preview-pdf", |
|---|
| | | query: { |
|---|
| | | md5: this.bookInfo.alreadyBuy |
|---|
| | | ? this.bookInfo.caupress_pdfFile |
|---|
| | | : this.bookInfo.caupress_pdfFreeFile, |
|---|
| | | titleName: this.bookInfo.name, |
|---|
| | | productLinkPath: this.bookInfo.productLinkPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | window.open(routeUrl.href, "_blank"); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .infoBox { |
|---|
| | | width: 100%; |
|---|
| | | height: 530px; |
|---|
| | | padding-top: 10px; |
|---|
| | | background-color: #fff; |
|---|
| | | background-image: url("@/assets/images/xiehe/detail/details_bg.png"); |
|---|
| | | } |
|---|
| | | .infoTag { |
|---|
| | | position: relative; |
|---|
| | | width: 0px; |
|---|
| | | height: 0px; |
|---|
| | | border-right: 20px solid #fff; |
|---|
| | | border-left: 503px solid #e50021; |
|---|
| | | border-top: 19px solid #e50021; |
|---|
| | | border-bottom: 19px solid #e50021; |
|---|
| | | } |
|---|
| | | .tagText { |
|---|
| | | position: absolute; |
|---|
| | | left: -480px; |
|---|
| | | top: -9.5px; |
|---|
| | | max-width: 480px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 18px; |
|---|
| | | overflow: hidden; |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | | .bookDetail { |
|---|
| | | display: flex; |
|---|
| | | overflow: hidden; |
|---|
| | | margin-top: 30px; |
|---|
| | | } |
|---|
| | | .bookImg { |
|---|
| | | position: relative; |
|---|
| | | width: 338px; |
|---|
| | | height: 400px; |
|---|
| | | box-shadow: 2px 2px 10px #f2f2f2; |
|---|
| | | } |
|---|
| | | .detailBox { |
|---|
| | | flex: 1; |
|---|
| | | height: 450px; |
|---|
| | | position: relative; |
|---|
| | | margin-top: 20px; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .collectBox { |
|---|
| | | position: absolute; |
|---|
| | | right: 80px; |
|---|
| | | font-size: 14px; |
|---|
| | | color: #999999; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .collectBox span:nth-child(1) { |
|---|
| | | margin-right: 10px; |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | .collectBox span:nth-child(2) { |
|---|
| | | margin-left: 10px; |
|---|
| | | margin-right: 10px; |
|---|
| | | |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | .iconfont { |
|---|
| | | font-size: 25px !important; |
|---|
| | | vertical-align: middle; |
|---|
| | | } |
|---|
| | | .bookTitle { |
|---|
| | | width: 100%; |
|---|
| | | height: 40px; |
|---|
| | | line-height: 40px; |
|---|
| | | padding-left: 100px; |
|---|
| | | display: flex; |
|---|
| | | padding-right: 240px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .collectText { |
|---|
| | | font-size: 16px; |
|---|
| | | line-height: 25px; |
|---|
| | | display: inline-block; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | flex: 1; |
|---|
| | | font-size: 26px; |
|---|
| | | color: #333; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | white-space: nowrap; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .bookTag { |
|---|
| | | max-width: 200px; |
|---|
| | | font-size: 16px; |
|---|
| | | color: #333; |
|---|
| | | line-height: 36px; |
|---|
| | | margin-left: 15px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | white-space: nowrap; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .authorBox { |
|---|
| | | width: 80%; |
|---|
| | | display: flex; |
|---|
| | | padding: 20px; |
|---|
| | | padding-left: 100px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .valueBox { |
|---|
| | | margin-left: 20px; |
|---|
| | | } |
|---|
| | | .valueBox div { |
|---|
| | | height: 30px; |
|---|
| | | } |
|---|
| | | .titleBox1 div { |
|---|
| | | height: 30px; |
|---|
| | | } |
|---|
| | | .relationBox { |
|---|
| | | position: absolute; |
|---|
| | | right: 50px; |
|---|
| | | color: #999; |
|---|
| | | cursor: pointer; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | .purchaseBox { |
|---|
| | | margin-left: 100px; |
|---|
| | | padding-top: 20px; |
|---|
| | | } |
|---|
| | | .priceBox { |
|---|
| | | border-bottom: 1px dashed #ececec; |
|---|
| | | background-color: #B2D9C8; |
|---|
| | | height: 50px; |
|---|
| | | line-height: 50px; |
|---|
| | | padding-left: 20px; |
|---|
| | | } |
|---|
| | | .priceBox span:nth-child(1) { |
|---|
| | | color: #000; |
|---|
| | | font-weight: 700; |
|---|
| | | font-size: 16px; |
|---|
| | | padding-right: 20px; |
|---|
| | | } |
|---|
| | | .priceBox span:nth-child(2) { |
|---|
| | | color: #e50021; |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | .priceBox span:nth-child(3) { |
|---|
| | | color: #e50021; |
|---|
| | | font-size: 22px; |
|---|
| | | font-weight: 700; |
|---|
| | | padding-right: 20px; |
|---|
| | | } |
|---|
| | | .priceBox span:nth-child(4) { |
|---|
| | | color: #333; |
|---|
| | | font-size: 16px; |
|---|
| | | padding-right: 20px; |
|---|
| | | text-decoration: line-through; |
|---|
| | | } |
|---|
| | | .buyInfo { |
|---|
| | | padding: 20px 0px; |
|---|
| | | border-bottom: 1px dashed #ececec; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .buyInfo img { |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .btnBox { |
|---|
| | | margin-left: 100px; |
|---|
| | | margin-top: 30px; |
|---|
| | | } |
|---|
| | | .infoItem { |
|---|
| | | display: flex; |
|---|
| | | margin-top: 40px; |
|---|
| | | } |
|---|
| | | .infoImg { |
|---|
| | | width: 50px; |
|---|
| | | height: 50px; |
|---|
| | | border-radius: 50%; |
|---|
| | | border: 1px solid #ccc; |
|---|
| | | background: #efefef; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 60px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .infoImg i { |
|---|
| | | font-size: 28px; |
|---|
| | | } |
|---|
| | | .infoList { |
|---|
| | | margin-top: 20px; |
|---|
| | | overflow: auto; |
|---|
| | | } |
|---|
| | | .infoContent { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | padding: 0 20px 0 10px; |
|---|
| | | } |
|---|
| | | .infoDialog { |
|---|
| | | padding: 20px; |
|---|
| | | } |
|---|
| | | .infoTitle { |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | .infoText { |
|---|
| | | margin-top: 24px; |
|---|
| | | line-height: 20px; |
|---|
| | | } |
|---|
| | | .contactBox { |
|---|
| | | padding: 0px 40px; |
|---|
| | | } |
|---|
| | | .contacItem { |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | .contacIcon { |
|---|
| | | padding-right: 20px; |
|---|
| | | } |
|---|
| | | .subBtn { |
|---|
| | | margin-top: 20px; |
|---|
| | | text-align: right; |
|---|
| | | } |
|---|
| | | .buyIcon { |
|---|
| | | width: 24px; |
|---|
| | | height: 24px; |
|---|
| | | vertical-align: middle; |
|---|
| | | } |
|---|
| | | .crumbs { |
|---|
| | | margin-top: 10px; |
|---|
| | | border-bottom: 1px solid rgba(20, 73, 65, 0.26); |
|---|
| | | padding-bottom: 20px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="relatedBox"> |
|---|
| | | <div class="headBox"> |
|---|
| | | <div class="titleBox">çµåæ ·ä¹¦</div> |
|---|
| | | <div class="inventory" @click="createList"> |
|---|
| | | <i class="iconfont icon-tongxunlu"></i> çææ¸
å |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="bookBox" v-if="$store.state.electronicBookList.length > 0"> |
|---|
| | | <div |
|---|
| | | class="itemBox" |
|---|
| | | v-for="(item, index) in $store.state.electronicBookList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="rightBox"> |
|---|
| | | <div class="bookName"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox1"> |
|---|
| | | ä½è
ï¼ |
|---|
| | | <div class="authorName">{{ item.caupress_author }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="iconBox" @click="deleteItem(item, index)"> |
|---|
| | | <i class="iconfont icon-shanchu"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="emptyBox" v-else> |
|---|
| | | <el-empty :image-size="100" description="ææ 书ç±"></el-empty> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | deleteItem(item, index) { |
|---|
| | | this.$confirm("æ¯å¦å é¤å½åæ ·ä¹¦?", "æ示", { |
|---|
| | | confirmButtonText: "ç¡®å®", |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | this.$store.commit("deleteEbookList", index); |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | }, |
|---|
| | | createList() { |
|---|
| | | if (this.$store.state.userInfo.role !== "Teacher") { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "请å
è¿è¡æå¸è®¤è¯", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.electronicBookList.length == 0) { |
|---|
| | | this.$message.error("请添å çµåæ ·ä¹¦åçææ¸
åï¼"); |
|---|
| | | return; |
|---|
| | | } else { |
|---|
| | | this.$router.push("applyBook-electronic"); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .relatedBox { |
|---|
| | | width: 377px; |
|---|
| | | margin-top: 10px; |
|---|
| | | border-top: 1px solid #00873c; |
|---|
| | | } |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | .bookBox { |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 100px; |
|---|
| | | height: 150px; |
|---|
| | | position: relative; |
|---|
| | | padding: 10px; |
|---|
| | | border: 1px solid #ccc; |
|---|
| | | } |
|---|
| | | .rightBox { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | position: relative; |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | display: flex; |
|---|
| | | border-bottom: 1px solid #eeeeee; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | font-size: 16px !important; |
|---|
| | | line-height: 20px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | display: -webkit-box; |
|---|
| | | -webkit-box-orient: vertical; |
|---|
| | | -webkit-line-clamp: 2; /* è¿éæ¯è¶
åºå è¡çç¥ */ |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .authorBox1 { |
|---|
| | | margin-top: 10px; |
|---|
| | | color: #666666; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .toDetail { |
|---|
| | | margin-top: 50px; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .authorName { |
|---|
| | | position: absolute; |
|---|
| | | line-height: 20px; |
|---|
| | | top: -4px; |
|---|
| | | left: 44px; |
|---|
| | | } |
|---|
| | | .headBox { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | background: #d8f7e6; |
|---|
| | | } |
|---|
| | | .inventory { |
|---|
| | | cursor: pointer; |
|---|
| | | padding: 20px; |
|---|
| | | color: #999; |
|---|
| | | } |
|---|
| | | .iconBox { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 20px; |
|---|
| | | right: 20px; |
|---|
| | | display: none; |
|---|
| | | cursor: pointer; |
|---|
| | | color: red; |
|---|
| | | } |
|---|
| | | .itemBox:hover .iconBox { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .emptyBox { |
|---|
| | | background-color: #fff; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="historyBox"> |
|---|
| | | <div class="titleBox">æµè§åå²</div> |
|---|
| | | <div class="iconBox" @click="deleteAll"> |
|---|
| | | <i class="iconfont icon-shanchu"></i> |
|---|
| | | </div> |
|---|
| | | <div class="itemBox"> |
|---|
| | | <div |
|---|
| | | class="historyItem" |
|---|
| | | v-for="(item, index) in this.$store.state.historyBook" |
|---|
| | | :key="index" |
|---|
| | | @click="toDetail(item)" |
|---|
| | | > |
|---|
| | | <div class="nameBox"> {{ item.name }}</div> |
|---|
| | | <div class="deleteIcon" @click="deleteHistory(index)">Ã</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: "history", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | //å»è¯¦æ
|
|---|
| | | toDetail(row) { |
|---|
| | | this.$router.replace({ |
|---|
| | | name: "bookStore-detail", |
|---|
| | | query: { id: row.id, cmsPath: row.rootCmsItemId }, |
|---|
| | | }); |
|---|
| | | this.$emit("reloadPage", row); |
|---|
| | | }, |
|---|
| | | deleteHistory(index) { |
|---|
| | | this.$confirm("æ¯å¦å é¤å½åæµè§è®°å½?", "æ示", { |
|---|
| | | confirmButtonText: "ç¡®å®", |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | this.$store.commit("deleteHistoryBook", index); |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | }, |
|---|
| | | deleteAll() { |
|---|
| | | this.$confirm("æ¯å¦å é¤å½åæµè§è®°å½?", "æ示", { |
|---|
| | | confirmButtonText: "ç¡®å®", |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | this.$store.commit("deleteAllHistory"); |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | // this.dataList = this.$store.state.historyBook; |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .historyBox { |
|---|
| | | position: relative; |
|---|
| | | width: 377px; |
|---|
| | | margin-top: 10px; |
|---|
| | | border-top: 1px solid #00873c; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | padding: 0 40px; |
|---|
| | | background-color: #fff; |
|---|
| | | max-height: 1000px; |
|---|
| | | overflow-y: auto; |
|---|
| | | } |
|---|
| | | .historyItem { |
|---|
| | | height: 50px; |
|---|
| | | line-height: 50px; |
|---|
| | | width: 100%; |
|---|
| | | background-color: #fff; |
|---|
| | | border-bottom: 1px solid #eeeeee; |
|---|
| | | color: #333333; |
|---|
| | | position: relative; |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | .historyItem .nameBox { |
|---|
| | | width: 80%; |
|---|
| | | overflow: hidden; |
|---|
| | | white-space: nowrap; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | } |
|---|
| | | .deleteIcon { |
|---|
| | | position: absolute; |
|---|
| | | right: 10px; |
|---|
| | | top: 0px; |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | .historyItem:hover div { |
|---|
| | | display: block; |
|---|
| | | color: #00873c; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .historyItem:hover { |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .iconBox { |
|---|
| | | position: absolute; |
|---|
| | | top: 20px; |
|---|
| | | right: 20px; |
|---|
| | | cursor: pointer; |
|---|
| | | color: red; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="relatedBox"> |
|---|
| | | <div class="headBox"> |
|---|
| | | <div class="titleBox">çº¸è´¨æ ·ä¹¦</div> |
|---|
| | | <div class="inventory" @click="createList"> |
|---|
| | | <i class="iconfont icon-tongxunlu"></i> çææ¸
å |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="bookBox" v-if="$store.state.paperCopiesList.length > 0"> |
|---|
| | | <div |
|---|
| | | class="itemBox" |
|---|
| | | v-for="(item, index) in $store.state.paperCopiesList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="rightBox"> |
|---|
| | | <div class="bookName"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox1"> |
|---|
| | | ä½è
ï¼ |
|---|
| | | <div class="authorName">{{ item.caupress_author }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="iconBox"> |
|---|
| | | <i |
|---|
| | | class="iconfont icon-shanchu" |
|---|
| | | @click="deleteItem(item, index)" |
|---|
| | | ></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="emptyBox" v-else> |
|---|
| | | <el-empty :image-size="100" description="ææ 书ç±"></el-empty> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [ |
|---|
| | | { |
|---|
| | | img: "@/assets/images/bookStore/testImg.png", |
|---|
| | | title: "æ æ¡çä¸èå°æ°´å å¨æå群è½ç¹å¾ç 究", |
|---|
| | | author: "å¾è£/æçå® ä½å³°/èé½è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | img: "@/assets/images/bookStore/testImg.png", |
|---|
| | | title: "æ æ¡çä¸èå°æ°´å å¨æå群è½ç¹å¾ç 究", |
|---|
| | | author: "å¾è£/æçå® ä½å³°/èé½è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | img: "@/assets/images/bookStore/testImg.png", |
|---|
| | | title: "æ æ¡çä¸èå°æ°´å å¨æå群è½ç¹å¾ç 究", |
|---|
| | | author: "å¾è£/æçå® ä½å³°/èé½è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | img: "@/assets/images/bookStore/testImg.png", |
|---|
| | | title: "æ æ¡çä¸èå°æ°´å å¨æå群è½ç¹å¾ç 究", |
|---|
| | | author: "å¾è£/æçå® ä½å³°/èé½è", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | img: "@/assets/images/bookStore/testImg.png", |
|---|
| | | title: "æ æ¡çä¸èå°æ°´å å¨æå群è½ç¹å¾ç 究", |
|---|
| | | author: "å¾è£/æçå® ä½å³°/èé½è", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | deleteItem(item, index) { |
|---|
| | | this.$confirm("æ¯å¦å é¤å½åæ ·ä¹¦?", "æ示", { |
|---|
| | | confirmButtonText: "ç¡®å®", |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | this.$store.commit("deletePbookList", index); |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | }, |
|---|
| | | createList() { |
|---|
| | | if (this.$store.state.userInfo.role !== "Teacher") { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: "请å
è¿è¡æå¸è®¤è¯", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.paperCopiesList.length == 0) { |
|---|
| | | this.$message.error("请添å çº¸è´¨æ ·ä¹¦åçææ¸
åï¼"); |
|---|
| | | return; |
|---|
| | | } else { |
|---|
| | | this.$router.push("applyBook-paper"); |
|---|
| | | } |
|---|
| | | // this.$store.commit("addPbookList", this.dataList[0]); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .relatedBox { |
|---|
| | | width: 377px; |
|---|
| | | margin-top: 10px; |
|---|
| | | border-top: 1px solid #00873c; |
|---|
| | | } |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | .bookBox { |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 100px; |
|---|
| | | height: 150px; |
|---|
| | | position: relative; |
|---|
| | | padding: 10px; |
|---|
| | | border: 1px solid #ccc; |
|---|
| | | } |
|---|
| | | .rightBox { |
|---|
| | | position: relative; |
|---|
| | | margin-left: 10px; |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | display: flex; |
|---|
| | | border-bottom: 1px solid #eeeeee; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | font-size: 16px !important; |
|---|
| | | line-height: 20px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | display: -webkit-box; |
|---|
| | | -webkit-box-orient: vertical; |
|---|
| | | -webkit-line-clamp: 2; /* è¿éæ¯è¶
åºå è¡çç¥ */ |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .authorBox1 { |
|---|
| | | margin-top: 10px; |
|---|
| | | color: #666666; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .toDetail { |
|---|
| | | margin-top: 50px; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .authorName { |
|---|
| | | position: absolute; |
|---|
| | | line-height: 20px; |
|---|
| | | top: -4px; |
|---|
| | | left: 44px; |
|---|
| | | } |
|---|
| | | .headBox { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | background: #d8f7e6; |
|---|
| | | } |
|---|
| | | .inventory { |
|---|
| | | cursor: pointer; |
|---|
| | | padding: 20px; |
|---|
| | | color: #999; |
|---|
| | | } |
|---|
| | | .iconBox { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 20px; |
|---|
| | | right: 20px; |
|---|
| | | display: none; |
|---|
| | | cursor: pointer; |
|---|
| | | color: red; |
|---|
| | | } |
|---|
| | | .itemBox:hover .iconBox { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .emptyBox { |
|---|
| | | background-color: #fff; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="relatedBox" v-loading="loading"> |
|---|
| | | <div class="titleBox">æ¨èææ</div> |
|---|
| | | <div v-if="dataList.length == 0 && !loading" class="emptyBox"> |
|---|
| | | <el-empty :image-size="100" description="ææ èµæº"></el-empty> |
|---|
| | | </div> |
|---|
| | | <div class="bookBox" v-if="dataList.length > 0 && !loading"> |
|---|
| | | <div |
|---|
| | | class="itemBox" |
|---|
| | | v-for="(item, index) in dataList" |
|---|
| | | :key="index" |
|---|
| | | @click="toDetail(item)" |
|---|
| | | > |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="rightBox"> |
|---|
| | | <div class="bookName ellipsis" :title="item.name"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox"> |
|---|
| | | <div>ä½è
ï¼</div> |
|---|
| | | <div class="authorName" :title="item.caupress_author"> |
|---|
| | | {{ item.caupress_author }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="toDetail" @click="toDetail(item)">详æ
>></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | props: ["recommendKey", "bookInfo"], |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [], |
|---|
| | | loading: true, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | // this.getData(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getData(val) { |
|---|
| | | console.log(val); |
|---|
| | | let query = { |
|---|
| | | path: "caupress_bookMall", // 书åç¸å
³æ¨è |
|---|
| | | queryType: "*", |
|---|
| | | paging: { |
|---|
| | | start: 0, |
|---|
| | | size: 7, // å¤è·åä¸æ¡ï¼é²æ¢éæºå°èªèº« |
|---|
| | | }, |
|---|
| | | sort: { Random: "Asc" }, |
|---|
| | | fields: { |
|---|
| | | caupress_author: [], |
|---|
| | | "caupress_catalogue*": val ? val : [], |
|---|
| | | }, |
|---|
| | | coverSize: { |
|---|
| | | height: 200, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | console.log(query, "query"); |
|---|
| | | this.MG.store.getProductList(query).then((res) => { |
|---|
| | | this.dataList = res.datas.filter((item) => item.id != this.bookInfo.id); |
|---|
| | | this.dataList = this.dataList.slice(0, 6); |
|---|
| | | console.log(this.dataList, "this.dataList"); |
|---|
| | | this.loading = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | toDetail(row) { |
|---|
| | | this.$router.replace({ |
|---|
| | | name: "bookStore-detail", |
|---|
| | | query: { id: row.id, cmsPath: row.rootCmsItemId }, |
|---|
| | | }); |
|---|
| | | this.$emit("reloadPage", row); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | recommendKey(key) { |
|---|
| | | if (key === "null") { |
|---|
| | | this.loading = false; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .relatedBox { |
|---|
| | | width: 357px; |
|---|
| | | margin-top: 10px; |
|---|
| | | margin-left: 20px; |
|---|
| | | border-radius: 5%; |
|---|
| | | border: 1px solid #e4e7ed; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | font-size: 18px; |
|---|
| | | background-color: #fff; |
|---|
| | | color: #333333; |
|---|
| | | |
|---|
| | | border-bottom: 1px solid #e4e7ed; |
|---|
| | | } |
|---|
| | | .bookBox { |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 100px; |
|---|
| | | height: 150px; |
|---|
| | | position: relative; |
|---|
| | | border: 1px solid #e6e6e6; |
|---|
| | | } |
|---|
| | | .rightBox { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | display: flex; |
|---|
| | | border-bottom: 1px solid #eeeeee; |
|---|
| | | padding: 10px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | font-size: 16px !important; |
|---|
| | | line-height: 20px; |
|---|
| | | } |
|---|
| | | .authorBox { |
|---|
| | | margin-top: 10px; |
|---|
| | | color: #666666; |
|---|
| | | position: relative; |
|---|
| | | display: flex; |
|---|
| | | line-height: 20px; |
|---|
| | | } |
|---|
| | | .toDetail { |
|---|
| | | margin-top: 40px; |
|---|
| | | color: #00873c; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .authorName { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | display: -webkit-box; |
|---|
| | | -webkit-line-clamp: 3; |
|---|
| | | -webkit-box-orient: vertical; |
|---|
| | | } |
|---|
| | | .emptyBox { |
|---|
| | | background-color: #fff; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="resourceBox"> |
|---|
| | | <div> |
|---|
| | | <div class="itemTitle"> |
|---|
| | | <div class="titleName">é
å¥èµæºç¤ºä¾</div> |
|---|
| | | </div> |
|---|
| | | <div class="resourceItem" v-if="resourceSupportList.length > 0"> |
|---|
| | | <div |
|---|
| | | class="itemBox" |
|---|
| | | v-for="(item, index) in resourceSupportList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <div class="tag"> |
|---|
| | | {{ item.caupress_fileType.split("_")[1] | fileType }} |
|---|
| | | </div> |
|---|
| | | <div class="countentBox"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="previewBox"> |
|---|
| | | <div @click="preview(item)"> |
|---|
| | | é¢è§ |
|---|
| | | <i class="iconfont icon-icon_yulan"></i> |
|---|
| | | </div> |
|---|
| | | <div @click="collectReource(item)" v-if="!item.isFavourite"> |
|---|
| | | æ¶è |
|---|
| | | <i class="iconfont icon-shoucang"></i> |
|---|
| | | </div> |
|---|
| | | <div @click="collectReource(item)" v-else> |
|---|
| | | å·²æ¶è |
|---|
| | | <i class="iconfont icon-shoucang" style="color: red"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-empty :image-size="100" description="ææ èµæº" v-else></el-empty> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div> |
|---|
| | | <div class="itemTitle allResource"> |
|---|
| | | <div class="titleName">å
¨é¨èµæº</div> |
|---|
| | | <span |
|---|
| | | v-if=" |
|---|
| | | userInfo && |
|---|
| | | userInfo.role == 'Teacher' && |
|---|
| | | downloadState == undefined && |
|---|
| | | allResource.length > 0 |
|---|
| | | " |
|---|
| | | class="applyForDownload" |
|---|
| | | @click="applyForDownload" |
|---|
| | | > |
|---|
| | | ç³è¯·ä¸è½½ |
|---|
| | | <i class="el-icon-download"></i> |
|---|
| | | </span> |
|---|
| | | <span |
|---|
| | | v-if=" |
|---|
| | | userInfo && |
|---|
| | | userInfo.role == 'Teacher' && |
|---|
| | | downloadState == 'Normal' && |
|---|
| | | allResource.length > 0 |
|---|
| | | " |
|---|
| | | class="resoucename2btn" |
|---|
| | | > |
|---|
| | | ç»ææ¶é´ï¼{{ downloadEndDate }} |
|---|
| | | </span> |
|---|
| | | <span |
|---|
| | | v-if=" |
|---|
| | | userInfo && |
|---|
| | | userInfo.role == 'Teacher' && |
|---|
| | | downloadState == 'WaitAudit' && |
|---|
| | | allResource.length > 0 |
|---|
| | | " |
|---|
| | | class="resoucename3" |
|---|
| | | > |
|---|
| | | å®¡æ ¸ä¸.. |
|---|
| | | </span> |
|---|
| | | <span |
|---|
| | | v-if=" |
|---|
| | | userInfo && |
|---|
| | | userInfo.role == 'Teacher' && |
|---|
| | | downloadState == 'Reject' && |
|---|
| | | allResource.length > 0 |
|---|
| | | " |
|---|
| | | class="popoverItem" |
|---|
| | | > |
|---|
| | | <el-popover width="400" placement="top" trigger="hover"> |
|---|
| | | <p class="reason"> |
|---|
| | | <span> æç»åå ï¼ </span> |
|---|
| | | {{ popoverReasen }} |
|---|
| | | </p> |
|---|
| | | <el-button class="reApply" type="success" @click="applyForDownload" |
|---|
| | | >éæ°ç³è¯·</el-button |
|---|
| | | > |
|---|
| | | <template slot="reference"> |
|---|
| | | <span style="cursor: pointer"> å·²æç» </span> |
|---|
| | | </template> |
|---|
| | | </el-popover> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | <div class="resourceItem" v-if="allResource.length > 0"> |
|---|
| | | <div class="itemBox" v-for="(item, index) in allResource" :key="index"> |
|---|
| | | <div class="tag allTag"> |
|---|
| | | {{ item.caupress_fileType.split("_")[1] }} |
|---|
| | | </div> |
|---|
| | | <div class="countentBox"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="previewBox allBox" v-if="downloadState == 'Normal'"> |
|---|
| | | <div |
|---|
| | | @click="downloadResource(item)" |
|---|
| | | v-if="downloadState == 'Normal'" |
|---|
| | | > |
|---|
| | | ä¸è½½ |
|---|
| | | <i class="iconfont icon-xiazai"></i> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- <div |
|---|
| | | @click="collectReource(item)" |
|---|
| | | v-if="!item.isFavourite" |
|---|
| | | > |
|---|
| | | æ¶è |
|---|
| | | <i class="iconfont icon-shoucang"></i> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | @click="collectReource(item)" |
|---|
| | | v-else |
|---|
| | | > |
|---|
| | | å·²æ¶è |
|---|
| | | <i |
|---|
| | | class="iconfont icon-shoucang" |
|---|
| | | style="color: #009a44" |
|---|
| | | ></i> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | <div class="previewBox allBox grey" v-else> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-empty :image-size="100" description="ææ èµæº" v-else></el-empty> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapState } from "vuex"; |
|---|
| | | export default { |
|---|
| | | props: { |
|---|
| | | allResource: { |
|---|
| | | type: Array, |
|---|
| | | default: () => {}, |
|---|
| | | }, |
|---|
| | | resourceSupportList: { |
|---|
| | | type: Array, |
|---|
| | | default: () => {}, |
|---|
| | | }, |
|---|
| | | bookInfo: { |
|---|
| | | type: Object, |
|---|
| | | default: () => {}, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapState(["userInfo"]), |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | resourceTypeList: { |
|---|
| | | caupress_audio: "é³é¢", |
|---|
| | | caupress_video: "è§é¢", |
|---|
| | | caupress_zip: "èµæºå
", |
|---|
| | | caupress_pdf: "PDF", |
|---|
| | | caupress_img: "å¾ç", |
|---|
| | | caupress_document: "ææ¡£", |
|---|
| | | }, |
|---|
| | | downloadState: "WaitAudit", // ä¸è½½ç¶æ |
|---|
| | | popoverReasen: "", // å®¡æ ¸æç»çåå |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.isPass(); |
|---|
| | | }, |
|---|
| | | filters: { |
|---|
| | | fileType: function (val) { |
|---|
| | | if (val == "audio") { |
|---|
| | | return "mp3"; |
|---|
| | | } else if (val == "video") { |
|---|
| | | return "mp4"; |
|---|
| | | } else { |
|---|
| | | return val; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // æªè´ä¹°ç¹å»æ¶è |
|---|
| | | |
|---|
| | | toBuyBook() { |
|---|
| | | this.$alert("å½å书ç±å°æªè´ä¹°ï¼è¯·è´ä¹°åæä½ï¼", "æ示", { |
|---|
| | | confirmButtonText: "ç¡®å®", |
|---|
| | | callback: (action) => {}, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // ä¸è½½èµæº |
|---|
| | | downloadResource(item) { |
|---|
| | | let end = new Date(this.downloadEndDate + "T23:59:59").getTime(); |
|---|
| | | let getEndNum = Number(sessionStorage.currentDate); |
|---|
| | | console.log(); |
|---|
| | | console.log(end,"end"); |
|---|
| | | console.log(getEndNum,"getEndNum"); |
|---|
| | | |
|---|
| | | if (end < getEndNum) { |
|---|
| | | this.$message({ |
|---|
| | | type: "warning", |
|---|
| | | message: "å
许èµæºå¯ä¸è½½æ¶é´å·²å°æï¼è¯·è系管çåï¼", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | // if (this.downloadState != "Normal") { |
|---|
| | | // this.$message({ |
|---|
| | | // type: "warning", |
|---|
| | | // message: "æªç³è¯·èµæºä¸è½½æç³è¯·æªéè¿ï¼è¯·è系管çåï¼", |
|---|
| | | // }); |
|---|
| | | // return false; |
|---|
| | | // } |
|---|
| | | let url = |
|---|
| | | this.config.requestCtx + |
|---|
| | | "/file/api/ApiDownload?md5=" + |
|---|
| | | item.caupress_file; |
|---|
| | | window.open(url, "_blank"); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | downloadSupport(item) { |
|---|
| | | if (item.caupress_file) { |
|---|
| | | let url = |
|---|
| | | this.config.requestCtx + |
|---|
| | | "/file/api/ApiDownload?md5=" + |
|---|
| | | item.caupress_file; |
|---|
| | | window.open(url, "_blank"); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | type: "warning", |
|---|
| | | message: "ææ å¯ä¸è½½èµæº", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // é¢è§ |
|---|
| | | preview(item) { |
|---|
| | | let previewType = item.caupress_fileType.split("_")[1]; |
|---|
| | | console.log(previewType, "previewType"); |
|---|
| | | if (previewType == "zip") { |
|---|
| | | this.$message({ |
|---|
| | | type: "warning", |
|---|
| | | message: "æ¤æ件类åä¸æ¯æé¢è§", |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$router.push({ |
|---|
| | | name: `preview-${previewType}`, |
|---|
| | | query: { |
|---|
| | | md5: item.caupress_file, |
|---|
| | | titleName: item.name, |
|---|
| | | productLinkPath: item.productLinkInfo[0].LinkPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // ç³è¯·ä¸è½½ |
|---|
| | | applyForDownload() { |
|---|
| | | let obj = { |
|---|
| | | name: this.bookInfo.name, // 书å |
|---|
| | | icon: this.bookInfo.icon, // å°é¢ |
|---|
| | | idPath: this.bookInfo.idPath, // 请æ±è·¯å¾ |
|---|
| | | rootCmsItemId: this.bookInfo.rootCmsItemId, |
|---|
| | | isdn: this.bookInfo.caupress_ISBN, // ISDNå· |
|---|
| | | author: this.bookInfo.caupress_author, // ä½è
|
|---|
| | | id: this.bookInfo.id, |
|---|
| | | }; |
|---|
| | | this.MG.ugc.delTopicMessage({ messageIds: [] }).then(() => {}); |
|---|
| | | let data = { |
|---|
| | | topicIdOrRefCode: this.config.refCodes.productDownLoad, |
|---|
| | | name: this.bookInfo.name, |
|---|
| | | content: JSON.stringify(obj), |
|---|
| | | state: "WaitAudit", |
|---|
| | | type: "applyForDownload", |
|---|
| | | icon: this.bookInfo.icon, |
|---|
| | | cmsTypeRefCode: "", |
|---|
| | | newDataListRequest: [], |
|---|
| | | }; |
|---|
| | | |
|---|
| | | this.MG.ugc.newTopicMessage(data).then((res) => { |
|---|
| | | if (res) { |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "ç³è¯·æåï¼çå¾
管çåå®¡æ ¸!", |
|---|
| | | }); |
|---|
| | | this.isPass(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //æ¶è |
|---|
| | | collectReource(item) { |
|---|
| | | if (item.isFavourite) { |
|---|
| | | this.MG.resource |
|---|
| | | .delCmsItemLink({ |
|---|
| | | cmsItemIds: [item.id], |
|---|
| | | linkType: "Favorite", |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.$parent.getData(); |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.MG.resource |
|---|
| | | .collectCmsItem({ |
|---|
| | | cmsItemIds: [item.id], |
|---|
| | | linkType: "Favorite", |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.$parent.getData(); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // è·åç³è¯·çä¸è½½ç¶æ |
|---|
| | | isPass() { |
|---|
| | | let data = { |
|---|
| | | start: 0, |
|---|
| | | size: 1, |
|---|
| | | topicIdOrRefCode: "productDownLoad", |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | sort: { |
|---|
| | | type: "Desc", |
|---|
| | | field: "CreateDate", |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | this.MG.ugc.getTopicMessageList(data).then((res) => { |
|---|
| | | // try { |
|---|
| | | console.log(res,"endTime"); |
|---|
| | | if (res.datas.length > 0) { |
|---|
| | | this.downloadState = res.datas[0].state; |
|---|
| | | if (res.datas[0].feedBack) { |
|---|
| | | let feedBack = JSON.parse(res.datas[0].feedBack); |
|---|
| | | res.datas[0].endDate = feedBack.endDate ? feedBack.endDate : ""; |
|---|
| | | this.popoverReasen = feedBack.reason ? feedBack.reason : ""; |
|---|
| | | this.downloadEndDate = res.datas[0].endDate; |
|---|
| | | let end = new Date(this.downloadEndDate + "T23:59:59").getTime(); |
|---|
| | | let getEndNum = Number(sessionStorage.currentDate); |
|---|
| | | if (end < getEndNum) { |
|---|
| | | this.downloadState = undefined; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | this.downloadState = undefined; |
|---|
| | | } |
|---|
| | | console.log(this.downloadState,"downloadState"); |
|---|
| | | // } catch (error) { |
|---|
| | | // this.downloadState = undefined; |
|---|
| | | // } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .resourceBox { |
|---|
| | | width: 813px; |
|---|
| | | background-color: #fff; |
|---|
| | | margin: 10px 0 0 10px; |
|---|
| | | padding: 40px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .itemTitle { |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | padding: 0 10px; |
|---|
| | | background: #f8f8f8; |
|---|
| | | /* position: relative; */ |
|---|
| | | } |
|---|
| | | .titleName { |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | /* position: absolute; |
|---|
| | | top: -10px; */ |
|---|
| | | } |
|---|
| | | .applyForDownload { |
|---|
| | | font-size: 16px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .resourceItem { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | width: 350px; |
|---|
| | | height: 120px; |
|---|
| | | box-shadow: 2px 2px 10px #f2f2f2; |
|---|
| | | margin-top: 20px; |
|---|
| | | position: relative; |
|---|
| | | border-radius: 4px; |
|---|
| | | line-height: 80px; |
|---|
| | | } |
|---|
| | | .tag { |
|---|
| | | position: absolute; |
|---|
| | | width: 60px; |
|---|
| | | height: 20px; |
|---|
| | | background-color: #f2f2f2; |
|---|
| | | right: 0px; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 20px; |
|---|
| | | border-radius: 0px 4px 0px 4px; |
|---|
| | | } |
|---|
| | | .previewBox { |
|---|
| | | width: 100%; |
|---|
| | | position: absolute; |
|---|
| | | height: 40px; |
|---|
| | | background-color: #d8f7e6; |
|---|
| | | bottom: 0px; |
|---|
| | | border-radius: 4px; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 40px; |
|---|
| | | color: #00873c; |
|---|
| | | cursor: pointer; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-around; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .disable { |
|---|
| | | background-color: #ccc; |
|---|
| | | } |
|---|
| | | .countentBox { |
|---|
| | | height: 60px; |
|---|
| | | margin-top: 20px; |
|---|
| | | line-height: 30px; |
|---|
| | | padding: 0 20px; |
|---|
| | | color: #444444; |
|---|
| | | font-weight: 700; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | display: -webkit-box; |
|---|
| | | -webkit-box-orient: vertical; |
|---|
| | | -webkit-line-clamp: 2; /* è¿éæ¯è¶
åºå è¡çç¥ */ |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .allResource { |
|---|
| | | margin-top: 40px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | .allTag { |
|---|
| | | background-color: #d8f7e6; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .allBox { |
|---|
| | | background-color: #00873c; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | .resoucename2btn { |
|---|
| | | font-size: 14px; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .resoucename3 { |
|---|
| | | color: #8b4513; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | .popoverItem { |
|---|
| | | color: #ee0a24; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | .reApply { |
|---|
| | | float: right; |
|---|
| | | } |
|---|
| | | .reason { |
|---|
| | | display: inline-block; |
|---|
| | | padding-bottom: 20px; |
|---|
| | | } |
|---|
| | | .grey{ |
|---|
| | | background-color: #ccc; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="relatedBox"> |
|---|
| | | <div class="headBox"> |
|---|
| | | <div class="titleBox">ç¸å
³æ¨è</div> |
|---|
| | | </div> |
|---|
| | | <div class="bookBox" v-if="dataList.length > 0 && !loading"> |
|---|
| | | <div class="itemBox" v-for="(item, index) in dataList" :key="index" @click="toDetail(item)"> |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="rightBox"> |
|---|
| | | <div class="bookName ellipsis" :title="item.name"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox"> |
|---|
| | | <div>ä½è
ï¼</div> |
|---|
| | | <div class="authorName" :title="item.caupress_author"> |
|---|
| | | {{ item.caupress_author }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="toDetail" @click="toDetail(item)">详æ
>></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-empty |
|---|
| | | :image-size="100" |
|---|
| | | description="ææ èµæº" |
|---|
| | | v-if="dataList.length == 0 && !loading" |
|---|
| | | ></el-empty> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | props: ["recommendKey", "bookInfo"], |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [], |
|---|
| | | loading: true |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | // this.getData(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getData(val) { |
|---|
| | | console.log(val); |
|---|
| | | let query = { |
|---|
| | | path: "caupress_teachingResource", // 书åç¸å
³æ¨è |
|---|
| | | queryType: "*", |
|---|
| | | paging: { |
|---|
| | | start: 0, |
|---|
| | | size: 7 // å¤è·åä¸æ¡ï¼é²æ¢éæºå°èªèº« |
|---|
| | | }, |
|---|
| | | sort: { Random: "Asc" }, |
|---|
| | | fields: { |
|---|
| | | caupress_author: [], |
|---|
| | | "caupress_catalogue*": val ? val : [], |
|---|
| | | }, |
|---|
| | | coverSize: { |
|---|
| | | height: 200 |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | this.MG.store.getProductList(query).then((res) => { |
|---|
| | | this.dataList = res.datas.filter((item) => item.id != this.bookInfo.id); |
|---|
| | | this.dataList = this.dataList.slice(0, 6); |
|---|
| | | this.loading = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | toDetail(row) { |
|---|
| | | this.$router.replace({ |
|---|
| | | name: "teachingServices-detail", |
|---|
| | | query: { id: row.id, cmsPath: row.rootCmsItemId } |
|---|
| | | }); |
|---|
| | | this.$emit("reloadPage", row); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | recommendKey(key) { |
|---|
| | | if (key === "null") { |
|---|
| | | this.loading = false; |
|---|
| | | } else if (key) { |
|---|
| | | // this.getData(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | bookInfo(key) { |
|---|
| | | // this.getData(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .relatedBox { |
|---|
| | | width: 813px; |
|---|
| | | background-color: #fff; |
|---|
| | | margin: 10px 0 0 10px; |
|---|
| | | border-top: 1px solid #00873c; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | .bookBox { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 100px; |
|---|
| | | height: 150px; |
|---|
| | | position: relative; |
|---|
| | | border: 1px solid #e6e6e6; |
|---|
| | | } |
|---|
| | | .rightBox { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | width: 50%; |
|---|
| | | display: flex; |
|---|
| | | padding: 10px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | font-size: 16px !important; |
|---|
| | | line-height: 20px; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | } |
|---|
| | | .authorBox { |
|---|
| | | margin-top: 10px; |
|---|
| | | color: #666666; |
|---|
| | | position: relative; |
|---|
| | | display: flex; |
|---|
| | | line-height: 20px; |
|---|
| | | } |
|---|
| | | .toDetail { |
|---|
| | | cursor: pointer; |
|---|
| | | margin-top: 40px; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | .authorName { |
|---|
| | | flex: 1; |
|---|
| | | overflow: hidden; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | display: -webkit-box; |
|---|
| | | -webkit-line-clamp: 3; |
|---|
| | | -webkit-box-orient: vertical; |
|---|
| | | } |
|---|
| | | .headBox { |
|---|
| | | display: flex; |
|---|
| | | background: #d8f7e6; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | .viewMore { |
|---|
| | | cursor: pointer; |
|---|
| | | padding: 20px; |
|---|
| | | color: #999; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="wrap bookList" v-loading="reLoading"> |
|---|
| | | <el-empty |
|---|
| | | description="ææ æ°æ®" |
|---|
| | | class="empty" |
|---|
| | | :image-size="200" |
|---|
| | | v-if="bookList.length == 0 && !reLoading" |
|---|
| | | ></el-empty> |
|---|
| | | <template v-if="bookList.length > 0 && !reLoading"> |
|---|
| | | <div |
|---|
| | | class="bookListItem" |
|---|
| | | v-for="(item, index) in bookList" |
|---|
| | | :key="index" |
|---|
| | | @click="toDetail(item)" |
|---|
| | | > |
|---|
| | | <div class="wrapImg"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="ellipsis" :title="item.name"> |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | <!-- <p> |
|---|
| | | <span style="font-size: 12px">ï¿¥</span> |
|---|
| | | {{ item.price }} |
|---|
| | | </p> --> |
|---|
| | | <div class="priceBox"> |
|---|
| | | <span class="price" v-if="item.price && item.price > 0" |
|---|
| | | >Â¥ |
|---|
| | | <span>{{ tool.toDecimal2(item.price) }}</span> |
|---|
| | | </span> |
|---|
| | | <span class="price" v-else> |
|---|
| | | <span class="freePrice">å
è´¹</span> |
|---|
| | | </span> |
|---|
| | | <span class="oldPrice" v-if="item.oldPrice" |
|---|
| | | >åä»·ï¼Â¥{{ tool.toDecimal2(item.oldPrice) }}</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </div> |
|---|
| | | <!-- å页 --> |
|---|
| | | <div class="pageinateBox" v-if="bookList.length > 0"> |
|---|
| | | <el-pagination |
|---|
| | | @size-change=" |
|---|
| | | (val) => { |
|---|
| | | paginationData.limit = val; |
|---|
| | | getData(); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | @current-change=" |
|---|
| | | (val) => { |
|---|
| | | paginationData.page = val; |
|---|
| | | getData(); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | background="" |
|---|
| | | :current-page="paginationData.page - 0" |
|---|
| | | :page-size="paginationData.limit" |
|---|
| | | prev-text="ä¸ä¸é¡µ" |
|---|
| | | next-text="ä¸ä¸é¡µ" |
|---|
| | | layout="total, prev, pager, next, slot, jumper" |
|---|
| | | :total="paginationData.totalCount" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | reLoading: true, |
|---|
| | | tabLoading: true, |
|---|
| | | paginationData: { |
|---|
| | | page: 1, |
|---|
| | | totalCount: 0, |
|---|
| | | limit: 20, |
|---|
| | | totalPage: 0, |
|---|
| | | }, |
|---|
| | | bookList: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | channel: { |
|---|
| | | type: String, |
|---|
| | | }, |
|---|
| | | selectListKey: { |
|---|
| | | type: Array, |
|---|
| | | defaultValue: [], |
|---|
| | | }, |
|---|
| | | searchFields: { |
|---|
| | | type: String, |
|---|
| | | defaultValue: "", |
|---|
| | | }, |
|---|
| | | searchValue: { |
|---|
| | | type: String, |
|---|
| | | defaultValue: "", |
|---|
| | | }, |
|---|
| | | detailRoute: { |
|---|
| | | type: String, |
|---|
| | | defaultValue: "", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.getData(); |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | searchValue: { |
|---|
| | | handler: function (val, oldVal) { |
|---|
| | | this.paginationData.page = 1; |
|---|
| | | this.getData(); |
|---|
| | | }, |
|---|
| | | // 深度è§å¯çå¬ |
|---|
| | | deep: true, |
|---|
| | | }, |
|---|
| | | channel: { |
|---|
| | | handler: function (val, oldVal) { |
|---|
| | | this.paginationData.page = 1; |
|---|
| | | this.getData(); |
|---|
| | | }, |
|---|
| | | // 深度è§å¯çå¬ |
|---|
| | | deep: true, |
|---|
| | | }, |
|---|
| | | searchFields: { |
|---|
| | | handler: function (val, oldVal) { |
|---|
| | | this.paginationData.page = 1; |
|---|
| | | this.getData(); |
|---|
| | | }, |
|---|
| | | // 深度è§å¯çå¬ |
|---|
| | | deep: true, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | toDetail(row) { |
|---|
| | | this.$router.push({ |
|---|
| | | name: this.detailRoute, |
|---|
| | | query: { id: row.id, cmsPath: row.rootCmsItemId }, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getData() { |
|---|
| | | this.reLoading = true; |
|---|
| | | let { limit, page } = this.paginationData; |
|---|
| | | let query = { |
|---|
| | | path: this.channel, |
|---|
| | | queryType: this.channel == "*" ? "*" : "", |
|---|
| | | paging: { |
|---|
| | | start: limit * page - limit, |
|---|
| | | size: limit, |
|---|
| | | }, |
|---|
| | | fields: { |
|---|
| | | caupress_catalogue: [], |
|---|
| | | caupress_projectTitle: [], |
|---|
| | | caupress_ISBN: [], |
|---|
| | | caupress_author: [], |
|---|
| | | }, |
|---|
| | | filterList: {}, |
|---|
| | | coverSize: { |
|---|
| | | height: 200, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | // æ·»å çéæ¡ä»¶ |
|---|
| | | if (this.selectListKey) { |
|---|
| | | console.log(this.selectListKey[0] == "All", "isTru"); |
|---|
| | | if (this.selectListKey[0] != "All") { |
|---|
| | | Object.assign(query.filterList, { |
|---|
| | | "caupress_catalogue*": this.selectListKey[0], |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | if (this.selectListKey[1] != "arrangementAll") { |
|---|
| | | if (this.selectListKey[0] != "All") { |
|---|
| | | Object.assign(query.filterList, { |
|---|
| | | "caupress_catalogue*": [ |
|---|
| | | this.selectListKey[0], |
|---|
| | | "&" + this.selectListKey[1], |
|---|
| | | ], |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | Object.assign(query.filterList, { |
|---|
| | | "caupress_catalogue*": [this.selectListKey[1]], |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (this.selectListKey[2] != "projectTitleAll") { |
|---|
| | | Object.assign(query.filterList, { |
|---|
| | | "caupress_projectTitle*": [this.selectListKey[2]], |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å¢å 头é¨æç´¢æ¡ä»¶ |
|---|
| | | if (this.searchFields) { |
|---|
| | | Object.assign(query.filterList, { |
|---|
| | | [this.searchFields + "*"]: this.searchValue, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | console.log(this.selectListKey, "this.selectListKey"); |
|---|
| | | |
|---|
| | | console.log(query, "query"); |
|---|
| | | this.MG.store.getProductList(query).then((res) => { |
|---|
| | | this.bookList = res.datas; |
|---|
| | | this.paginationData.totalCount = res.total; |
|---|
| | | // ç¶ç»ä»¶éè¦è·åå¾ä¹¦æ°éæ¶è°ç¨ |
|---|
| | | if (this.$listeners["gainTotalCount"]) { |
|---|
| | | this.$emit("gainTotalCount", res.total); |
|---|
| | | } |
|---|
| | | this.reLoading = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .wrap { |
|---|
| | | padding: 20px; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | background-color: #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .bookList { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: repeat(5, 150px); |
|---|
| | | grid-column-gap: 100px; |
|---|
| | | min-height: 400px; |
|---|
| | | |
|---|
| | | .empty { |
|---|
| | | width: 1160px; |
|---|
| | | margin: 0 auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .bookListItem { |
|---|
| | | width: 150px; |
|---|
| | | height: 280px; |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | .wrapImg { |
|---|
| | | width: 150px; |
|---|
| | | height: 200px; |
|---|
| | | position: relative; |
|---|
| | | border: 1px solid #e6e6e6; |
|---|
| | | background: #f2f2f2; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ellipsis { |
|---|
| | | width: 150px; |
|---|
| | | line-height: 40px; |
|---|
| | | color: #333333; |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .priceBox { |
|---|
| | | .oldPrice { |
|---|
| | | font-size: 12px; |
|---|
| | | color: #444444; |
|---|
| | | text-decoration: line-through; |
|---|
| | | margin-left: 6px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .price { |
|---|
| | | font-size: 12px; |
|---|
| | | color: #e50021; |
|---|
| | | |
|---|
| | | span { |
|---|
| | | font-weight: bold; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pageinateBox { |
|---|
| | | text-align: center; |
|---|
| | | margin: 40px 0; |
|---|
| | | |
|---|
| | | :deep(.el-pagination.is-background .btn-next) { |
|---|
| | | padding: 0 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-pagination.is-background .btn-prev) { |
|---|
| | | padding: 0 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div |
|---|
| | | v-show="!$route.query.searchOptionHidden" |
|---|
| | | class="wrap" |
|---|
| | | v-loading="tabLoading" |
|---|
| | | > |
|---|
| | | <div class="arrangement e7f9ef"> |
|---|
| | | <div class="primaryBack title">{{ arrangement.name }}:</div> |
|---|
| | | <div class="classification"> |
|---|
| | | <div :class="arrangement.openTag ? 'txtBox show' : 'txtBox'"> |
|---|
| | | <span |
|---|
| | | :class=" |
|---|
| | | selectListKey.indexOf(cval.value) > -1 |
|---|
| | | ? 'txt primaryTxt' |
|---|
| | | : 'txt' |
|---|
| | | " |
|---|
| | | v-for="(cval, ckey) in arrangement.child" |
|---|
| | | :key="ckey" |
|---|
| | | @click="selectTxt(arrangement.name, cval.value, cval.name, ckey)" |
|---|
| | | >{{ cval.name }}</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <span |
|---|
| | | v-if="Object.keys(arrangement.child).length > 12" |
|---|
| | | class="more" |
|---|
| | | @click="showList(arrangement)" |
|---|
| | | >{{ arrangement.openTag ? "æ¶èµ·" : "å±å¼" }} |
|---|
| | | <img |
|---|
| | | src="@/assets/images/packUp.png" |
|---|
| | | v-if="arrangement.openTag" |
|---|
| | | alt="" |
|---|
| | | srcset="" |
|---|
| | | /> |
|---|
| | | <img src="@/assets/images/packDown.png" alt="" v-else srcset="" /> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="arrangement"> |
|---|
| | | <div class="flex"> |
|---|
| | | <span class="title">{{ catalogue.name }}:</span> |
|---|
| | | <div :class="catalogue.openTag ? 'txtBox show' : 'txtBox'"> |
|---|
| | | <span |
|---|
| | | :class=" |
|---|
| | | selectListKey.indexOf(cval.value) > -1 |
|---|
| | | ? 'txt primaryTxt' |
|---|
| | | : 'txt' |
|---|
| | | " |
|---|
| | | v-for="(cval, ckey) in catalogue.child" |
|---|
| | | :key="ckey" |
|---|
| | | @click="selectTxt(catalogue.name, cval.value, cval.name)" |
|---|
| | | >{{ cval.name }}</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <span |
|---|
| | | v-if="Object.keys(catalogue.child).length > 12" |
|---|
| | | class="more" |
|---|
| | | @click="showList(catalogue)" |
|---|
| | | >{{ catalogue.openTag ? "æ¶èµ·" : "å±å¼" }} |
|---|
| | | <img |
|---|
| | | src="@/assets/images/packUp.png" |
|---|
| | | v-if="catalogue.openTag" |
|---|
| | | alt="" |
|---|
| | | srcset="" |
|---|
| | | /> |
|---|
| | | <img src="@/assets/images/packDown.png" alt="" v-else srcset="" /> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="arrangement dashedBorder"> |
|---|
| | | <div class="flex"> |
|---|
| | | <span class="title">{{ projectTitle.name }}:</span> |
|---|
| | | <div :class="projectTitle.openTag ? 'txtBox show' : 'txtBox'"> |
|---|
| | | <span |
|---|
| | | :class=" |
|---|
| | | selectListKey.indexOf(cval.value) > -1 |
|---|
| | | ? 'txt primaryTxt' |
|---|
| | | : 'txt' |
|---|
| | | " |
|---|
| | | v-for="(cval, ckey) in projectTitle.child" |
|---|
| | | :key="ckey" |
|---|
| | | @click="selectTxt(projectTitle.name, cval.value, cval.name)" |
|---|
| | | >{{ cval.name }}</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <span |
|---|
| | | v-if="Object.keys(projectTitle.child).length > 12" |
|---|
| | | class="more" |
|---|
| | | @click="showList(projectTitle)" |
|---|
| | | >{{ projectTitle.openTag ? "æ¶èµ·" : "å±å¼" }} |
|---|
| | | <img |
|---|
| | | src="@/assets/images/packUp.png" |
|---|
| | | v-if="projectTitle.openTag" |
|---|
| | | alt="" |
|---|
| | | srcset="" |
|---|
| | | /> |
|---|
| | | <img src="@/assets/images/packDown.png" alt="" v-else srcset="" /> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div v-show="!$route.query.searchOptionHidden" class="wrap retrieval"> |
|---|
| | | <div> |
|---|
| | | å±æ¬¡ï¼{{ selectListName[0] }} |
|---|
| | | <img |
|---|
| | | v-show="selectListName[0] != 'å
¨é¨'" |
|---|
| | | src="@/assets/images/delete.png" |
|---|
| | | class="deleteImg" |
|---|
| | | @click="deleteOption(0)" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | <el-divider direction="vertical"></el-divider>åç±»ï¼{{ |
|---|
| | | selectListName[1] |
|---|
| | | }} |
|---|
| | | <img |
|---|
| | | v-show="selectListName[1] != 'å
¨é¨'" |
|---|
| | | src="@/assets/images/delete.png" |
|---|
| | | class="deleteImg" |
|---|
| | | @click="deleteOption(1)" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | <el-divider direction="vertical"></el-divider>ç«é¡¹å åï¼ |
|---|
| | | {{ selectListName[2] }} |
|---|
| | | <img |
|---|
| | | v-show="selectListName[2] != 'å
¨é¨'" |
|---|
| | | src="@/assets/images/delete.png" |
|---|
| | | class="deleteImg" |
|---|
| | | @click="deleteOption(2)" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div>å
±è®¡ï¼{{ totalCount }}æ¬</div> |
|---|
| | | </div> |
|---|
| | | <div class="crumbs" v-show="$route.query.searchOptionHidden"> |
|---|
| | | <el-breadcrumb separator-class="el-icon-arrow-right"> |
|---|
| | | <el-breadcrumb-item :to="{ name: 'home' }">é¦é¡µ</el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | | </div> |
|---|
| | | <DataList |
|---|
| | | ref="dataList" |
|---|
| | | :channel="channel" |
|---|
| | | :selectListKey="selectListKey" |
|---|
| | | @gainTotalCount="gainTotalCount" |
|---|
| | | :detailRoute="detailRoute" |
|---|
| | | ></DataList> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import DataList from "@/components/list/data.vue"; |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | DataList |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | channel: { |
|---|
| | | type: String |
|---|
| | | }, |
|---|
| | | detailRoute: { |
|---|
| | | type: String |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | arrangement: { |
|---|
| | | name: "å±æ¬¡", |
|---|
| | | openTag: false, |
|---|
| | | child: [] |
|---|
| | | }, |
|---|
| | | catalogue: { |
|---|
| | | name: "åç±»", |
|---|
| | | openTag: false, |
|---|
| | | child: [] |
|---|
| | | }, |
|---|
| | | projectTitle: { |
|---|
| | | name: "ç«é¡¹å å", |
|---|
| | | openTag: false, |
|---|
| | | child: [] |
|---|
| | | }, |
|---|
| | | totalCount: 0, |
|---|
| | | selectListKey: ["All", "arrangementAll", "projectTitleAll"], |
|---|
| | | selectListName: ["å
¨é¨", "å
¨é¨", "å
¨é¨"] |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.getHierarchyType(); |
|---|
| | | this.getProjectTitle(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // è·åå±æ¬¡ç±»åä¸çº§åç±» |
|---|
| | | getHierarchyType() { |
|---|
| | | this.tabLoading = true; |
|---|
| | | let query = { |
|---|
| | | refCodes: ["caupress_catalogue"] |
|---|
| | | }; |
|---|
| | | this.MG.store.getProductTypeField(query).then((res) => { |
|---|
| | | this.arrangement.child = JSON.parse(res[0].config).option; |
|---|
| | | let allChild = [ |
|---|
| | | { |
|---|
| | | name: "å
¨é¨", |
|---|
| | | value: "arrangementAll", |
|---|
| | | checked: "" |
|---|
| | | } |
|---|
| | | ]; |
|---|
| | | this.arrangement.child.map((item) => { |
|---|
| | | if (item.child) { |
|---|
| | | allChild = allChild.concat(item.child); |
|---|
| | | } |
|---|
| | | if (item.child) { |
|---|
| | | item.child.unshift({ |
|---|
| | | name: "å
¨é¨", |
|---|
| | | value: "arrangementAll", |
|---|
| | | checked: "" |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | item.child = [ |
|---|
| | | { |
|---|
| | | name: "å
¨é¨", |
|---|
| | | value: "arrangementAll", |
|---|
| | | checked: "" |
|---|
| | | } |
|---|
| | | ]; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | this.arrangement.child.unshift({ |
|---|
| | | name: "å
¨é¨", |
|---|
| | | value: "All", |
|---|
| | | child: allChild, |
|---|
| | | checked: "" |
|---|
| | | }); |
|---|
| | | this.catalogue.child = this.arrangement.child[0].child; |
|---|
| | | this.tabLoading = false; |
|---|
| | | console.log(this.arrangement); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åç«é¡¹å å |
|---|
| | | getProjectTitle() { |
|---|
| | | this.tabLoading = true; |
|---|
| | | let query = { |
|---|
| | | refCodes: ["caupress_projectTitle"] |
|---|
| | | }; |
|---|
| | | this.MG.store.getProductTypeField(query).then((res) => { |
|---|
| | | this.projectTitle.child = JSON.parse(res[0].config).option; |
|---|
| | | this.projectTitle.child.unshift({ |
|---|
| | | name: "å
¨é¨", |
|---|
| | | value: "projectTitleAll", |
|---|
| | | checked: "" |
|---|
| | | }); |
|---|
| | | this.tabLoading = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // æ§å¶æ ç¾å表å±å¼ |
|---|
| | | showList(data) { |
|---|
| | | data.openTag = !data.openTag; |
|---|
| | | this.$forceUpdate(); |
|---|
| | | }, |
|---|
| | | // éæ©æ¡ä»¶ |
|---|
| | | selectTxt(key, cval, cname, ckey) { |
|---|
| | | console.log(cval,"cval"); |
|---|
| | | console.log(key,"key"); |
|---|
| | | console.log(cname,"cname"); |
|---|
| | | console.log(ckey,"ckey"); |
|---|
| | | switch (key) { |
|---|
| | | case "å±æ¬¡": |
|---|
| | | this.$set(this.selectListKey, 0, cval); |
|---|
| | | this.selectListName[0] = cname; |
|---|
| | | this.catalogue.child = this.arrangement.child[ckey].child; |
|---|
| | | // éç½®åç±» |
|---|
| | | this.deleteOption(1); |
|---|
| | | break; |
|---|
| | | case "åç±»": |
|---|
| | | this.$set(this.selectListKey, 1, cval); |
|---|
| | | this.selectListName[1] = cname; |
|---|
| | | this.$refs.dataList.paginationData.page = 1; |
|---|
| | | console.log(this.selectListKey,"this.selectListKey"); |
|---|
| | | this.$refs.dataList.getData(); |
|---|
| | | break; |
|---|
| | | case "ç«é¡¹å å": |
|---|
| | | this.$set(this.selectListKey, 2, cval); |
|---|
| | | this.selectListName[2] = cname; |
|---|
| | | this.$refs.dataList.paginationData.page = 1; |
|---|
| | | this.$refs.dataList.getData(); |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // å é¤æ ç¾ |
|---|
| | | deleteOption(index) { |
|---|
| | | this.selectListName[index] = "å
¨é¨"; |
|---|
| | | switch (index) { |
|---|
| | | case 0: |
|---|
| | | this.$set(this.selectListKey, 0, "All"); |
|---|
| | | // éç½®åç±» |
|---|
| | | this.deleteOption(1); |
|---|
| | | break; |
|---|
| | | case 1: |
|---|
| | | this.$set(this.selectListKey, 1, "arrangementAll"); |
|---|
| | | break; |
|---|
| | | case 2: |
|---|
| | | this.$set(this.selectListKey, 2, "projectTitleAll"); |
|---|
| | | } |
|---|
| | | // éæ°è·åæ°æ® |
|---|
| | | this.$refs.dataList.paginationData.page = 1; |
|---|
| | | this.$refs.dataList.getData(); |
|---|
| | | }, |
|---|
| | | // æ´æ°æ¥è¯¢æ»æ°é |
|---|
| | | gainTotalCount(total) { |
|---|
| | | this.totalCount = total; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .crumbs { |
|---|
| | | padding: 35px 0; |
|---|
| | | line-height: 70px; |
|---|
| | | } |
|---|
| | | .wrap { |
|---|
| | | padding: 20px; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | background-color: #fff; |
|---|
| | | .e7f9ef { |
|---|
| | | background-color: #e7f9ef; |
|---|
| | | border: 1px solid #ededed; |
|---|
| | | border-radius: 4px; |
|---|
| | | } |
|---|
| | | .arrangement { |
|---|
| | | width: 100%; |
|---|
| | | line-height: 60px; |
|---|
| | | display: flex; |
|---|
| | | .title { |
|---|
| | | font-size: 16px; |
|---|
| | | font-weight: bold; |
|---|
| | | width: 80px; |
|---|
| | | text-align: center; |
|---|
| | | border-top-left-radius: 4px; |
|---|
| | | border-bottom-left-radius: 4px; |
|---|
| | | } |
|---|
| | | .txtBox { |
|---|
| | | overflow: hidden; |
|---|
| | | height: 60px; |
|---|
| | | display: flex; |
|---|
| | | flex: 1; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | .txt { |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 20px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .show { |
|---|
| | | height: auto; |
|---|
| | | } |
|---|
| | | .more { |
|---|
| | | width: 50px; |
|---|
| | | color: #999999; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .dashedBorder { |
|---|
| | | border-top: 1px dashed #ededed; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .retrieval { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | color: #999999; |
|---|
| | | > div { |
|---|
| | | line-height: 21px; |
|---|
| | | } |
|---|
| | | :deep(.el-divider--vertical) { |
|---|
| | | width: 0; |
|---|
| | | border: 1px dashed #dcdfe6; |
|---|
| | | height: 21px; |
|---|
| | | margin: 0 30px; |
|---|
| | | } |
|---|
| | | :deep(.el-divider) { |
|---|
| | | background-color: #fff; |
|---|
| | | } |
|---|
| | | .deleteImg { |
|---|
| | | display: inline-block; |
|---|
| | | width: 9px; |
|---|
| | | height: 9px; |
|---|
| | | margin-left: 10px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="relatedBox"> |
|---|
| | | <div class="titleBox">ç¸å
³æ¨è</div> |
|---|
| | | <div class="bookBox"> |
|---|
| | | <div class="itemBox" v-for="(item, index) in dataList" :key="index"> |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img src="@/assets/images/bookStore/testImg.png" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="rightBox"> |
|---|
| | | <div class="bookName"> |
|---|
| | | {{ item.title }} |
|---|
| | | </div> |
|---|
| | | <div class="authorBox1">ä½è
ï¼{{ item.author }}</div> |
|---|
| | | <div class="toDetail">详æ
>></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dataList: [], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .relatedBox { |
|---|
| | | width: 377px; |
|---|
| | | margin-top: 10px; |
|---|
| | | border-top: 1px solid #00873c; |
|---|
| | | } |
|---|
| | | .titleBox { |
|---|
| | | height: 60px; |
|---|
| | | background: #d8f7e6; |
|---|
| | | line-height: 60px; |
|---|
| | | padding: 0 40px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #00873c; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | .bookBox { |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 20px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 200px; |
|---|
| | | height: 150px; |
|---|
| | | position: relative; |
|---|
| | | border: 1px solid #e6e6e6; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox img { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | .rightBox { |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | .itemBox { |
|---|
| | | display: flex; |
|---|
| | | border-bottom: 1px solid #eeeeee; |
|---|
| | | padding: 20px; |
|---|
| | | } |
|---|
| | | .bookName { |
|---|
| | | font-size: 16px !important; |
|---|
| | | } |
|---|
| | | .authorBox1 { |
|---|
| | | margin-top: 10px; |
|---|
| | | color: #666666; |
|---|
| | | } |
|---|
| | | .toDetail { |
|---|
| | | margin-top: 20px; |
|---|
| | | color: #00873c; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="container"> |
|---|
| | | <div class="videoBox"> |
|---|
| | | <video |
|---|
| | | @canplay="getDuration" |
|---|
| | | @timeupdate="updateTime" |
|---|
| | | ref="audio" |
|---|
| | | controls |
|---|
| | | controlsList="nodownload" |
|---|
| | | autoplay |
|---|
| | | :src="videoSrc" |
|---|
| | | > |
|---|
| | | <!-- <source :src="videoSrc" type="video/mp4" ref="myPlayer" /> --> |
|---|
| | | </video> |
|---|
| | | </div> |
|---|
| | | <div class="calssInfo"> |
|---|
| | | <el-tabs type="border-card"> |
|---|
| | | <el-tab-pane label="课ç¨ç®ä»"> |
|---|
| | | <div class="tabItem" v-loading="descriptionLoading"> |
|---|
| | | <div |
|---|
| | | class="richTextBox" |
|---|
| | | v-html="description.autism_introduction" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="ç« èç®å½"> |
|---|
| | | <div class="tabItem" v-loading="catalogueLoading"> |
|---|
| | | <p v-for="(item, index) in catalogue" :key="index" class="selected"> |
|---|
| | | {{ item.name }} |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getImage } from "@/assets/js/toolClass"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | props: { |
|---|
| | | query: { |
|---|
| | | type: Object |
|---|
| | | }, |
|---|
| | | idPath: { |
|---|
| | | type: String |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | videoSrc: "", |
|---|
| | | description: "", |
|---|
| | | catalogue: "", |
|---|
| | | descriptionLoading: true, |
|---|
| | | catalogueLoading: true |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.getData(); |
|---|
| | | this.getCatalogue(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // è·å详æ
|
|---|
| | | getData() { |
|---|
| | | this.descriptionLoading = true; |
|---|
| | | let query = { |
|---|
| | | path: this.query.LinkPath, |
|---|
| | | fields: { |
|---|
| | | autism_introduction: [], |
|---|
| | | autism_totalDuration: [] |
|---|
| | | }, |
|---|
| | | filterList: { |
|---|
| | | "Id=": this.query.id |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | this.MG.resource.getItem(query).then((res) => { |
|---|
| | | this.description = res.datas[0]; |
|---|
| | | this.descriptionLoading = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åç®å½ |
|---|
| | | getCatalogue() { |
|---|
| | | this.catalogueLoading = true; |
|---|
| | | let query = { |
|---|
| | | path: this.idPath, |
|---|
| | | fields: { |
|---|
| | | autism_video: [], |
|---|
| | | autism_introduction: [], |
|---|
| | | autism_totalDuration: [] |
|---|
| | | }, |
|---|
| | | filterList: { |
|---|
| | | "SysType=":"Cmsitem" |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | this.MG.resource.getItem(query).then((res) => { |
|---|
| | | this.catalogue = res.datas; |
|---|
| | | this.aliVod(this.catalogue[0].autism_video); |
|---|
| | | this.catalogueLoading = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åå éå°å |
|---|
| | | aliVod(md5) { |
|---|
| | | let query = { |
|---|
| | | md5: md5, |
|---|
| | | appRefCode: this.config.appRefCode |
|---|
| | | }; |
|---|
| | | this.MG.file.getAliVod(query).then((res) => { |
|---|
| | | if (res) { |
|---|
| | | this.videoSrc = res; |
|---|
| | | } else { |
|---|
| | | this.videoSrc = getImage(md5); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getDuration() { |
|---|
| | | this.audio = this.$refs.audio; |
|---|
| | | this.duration = this.timeFormat(this.$refs.audio.duration); |
|---|
| | | }, |
|---|
| | | timeFormat(number) { |
|---|
| | | let minute = parseInt(number / 60); |
|---|
| | | let second = parseInt(number % 60); |
|---|
| | | minute = minute >= 10 ? minute : "0" + minute; |
|---|
| | | second = second >= 10 ? second : "0" + second; |
|---|
| | | return minute + ":" + second; |
|---|
| | | }, |
|---|
| | | updateTime() { |
|---|
| | | if (!this.$refs.progress) return; |
|---|
| | | this.currentDuration = this.timeFormat(this.audio.currentTime); |
|---|
| | | //å¦æä¸æ¯æ£å¨ç§»å¨ å 没ææåææ¾å°±æ§è¡ |
|---|
| | | if (!this.isMoveIn || !this.audio.paused) { |
|---|
| | | // 设置å½åæ¶é´ |
|---|
| | | let MoveX = |
|---|
| | | this.$refs.progress.clientWidth * |
|---|
| | | (this.audio.currentTime / this.audio.duration); |
|---|
| | | //ææ¾æ¶æ´æ°è·ç¦» |
|---|
| | | this.$refs.currentProgress.style.width = MoveX + "px"; |
|---|
| | | this.$refs.circle.style.left = |
|---|
| | | MoveX - this.$refs.circle.clientWidth / 2 + "px"; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .videoBox { |
|---|
| | | height: 657px; |
|---|
| | | width: 100%; |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | video { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | .calssInfo { |
|---|
| | | margin-top: 20px; |
|---|
| | | height: 290px; |
|---|
| | | background-color: #e4e4e4; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | padding: 30px; |
|---|
| | | } |
|---|
| | | .tabItem { |
|---|
| | | height: 220px; |
|---|
| | | .selected { |
|---|
| | | font-size: 14px; |
|---|
| | | color: #0079fe; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | /deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { |
|---|
| | | background-color: rgba(0, 121, 254, 1); |
|---|
| | | color: #fff !important; |
|---|
| | | } |
|---|
| | | /deep/ .el-tabs__item { |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <keep-alive v-if="keepAliveList.length > 0" :include="keepAliveList"> |
|---|
| | | <router-view /> |
|---|
| | | </keep-alive> |
|---|
| | | <router-view v-else /> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapState } from "vuex"; |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapState(["keepAliveList"]) |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | $route(to, from) { |
|---|
| | | if (to.meta.keepAlive && this.keepAliveList.indexOf(to.name) == -1) { |
|---|
| | | this.$store.commit("addKeepAlive", to.name); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="pageFooter"> |
|---|
| | | <div class="footerContent contentBox flex"> |
|---|
| | | <div class="logoBox"> |
|---|
| | | <div style="width: 182px; height: 50px; position: relative;overflow: hidden;"> |
|---|
| | | <img |
|---|
| | | class="autoImg" |
|---|
| | | src="@/assets/images/yinpian/home/image-2@w.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | style=" |
|---|
| | | width: 182px; |
|---|
| | | height: 50px; |
|---|
| | | position: relative; |
|---|
| | | margin-top: 20px; |
|---|
| | | " |
|---|
| | | > |
|---|
| | | <img |
|---|
| | | class="autoImg svgColor" |
|---|
| | | src="@/assets/images/yinpian/home/sylogo.svg" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="infoBox flex1"> |
|---|
| | | <ul class="linkBox"> |
|---|
| | | <li |
|---|
| | | class="link" |
|---|
| | | @click="toAboutus(index)" |
|---|
| | | v-for="(item, index) in linkList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <ul class="linkBox"> |
|---|
| | | <li |
|---|
| | | class="link" |
|---|
| | | @click="toAboutus(index)" |
|---|
| | | v-for="(item, index) in newList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <ul class="linkBox"> |
|---|
| | | <li |
|---|
| | | class="link" |
|---|
| | | @click="toAboutus(index)" |
|---|
| | | v-for="(item, index) in serviceList" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="QRCodeBox"> |
|---|
| | | <div class="codeItem"> |
|---|
| | | <img src="@/assets/images/yinpian/home/QRcode.png" /> |
|---|
| | | </div> |
|---|
| | | <div class="codeItem"> |
|---|
| | | <img src="@/assets/images/yinpian/home/QRcode.png" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="copyrightBox"> |
|---|
| | | <span style="display: block" |
|---|
| | | >COPYRIGHT © 2025ä¸å½ä¸å»ç§å¦é¢ çæææ</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | linkList: [ |
|---|
| | | { |
|---|
| | | name: "å
³äº", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ç½ç«åè®®", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "帮主", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | newList: [ |
|---|
| | | { |
|---|
| | | name: "åæ
é¾æ¥", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä¸å½ä¸å»ç§å¦é¢", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å½å®¶åºå ç»æ°æ®ä¸å¿", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | serviceList: [ |
|---|
| | | { |
|---|
| | | name: "å½å®¶ä¸å»è¯ç®¡çå± ", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä¸å½ä¸å»ç§å¦é¢ç 究çé¢", |
|---|
| | | url: "", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // å¤æ¡ |
|---|
| | | toLink() { |
|---|
| | | const url = "https://beian.miit.gov.cn/"; |
|---|
| | | window.open(url, "_blank"); |
|---|
| | | }, |
|---|
| | | toAboutus(index) { |
|---|
| | | switch (index) { |
|---|
| | | case 0: |
|---|
| | | window.open("http://xy.caupress.cn", "_blank"); |
|---|
| | | break; |
|---|
| | | case 1: |
|---|
| | | window.open( |
|---|
| | | "https://zndts.tmall.com/?spm=a1z10.1-b.1997427721.d4918089.561b7c19JR8QxF", |
|---|
| | | "_blank" |
|---|
| | | ); |
|---|
| | | break; |
|---|
| | | case 2: |
|---|
| | | this.$router.push({ |
|---|
| | | name: "authorServices", |
|---|
| | | }); |
|---|
| | | break; |
|---|
| | | case 3: |
|---|
| | | this.$router.push({ |
|---|
| | | name: "aboutUs", |
|---|
| | | query: { |
|---|
| | | aboutUs: 5, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | break; |
|---|
| | | case 4: |
|---|
| | | if (this.$route.name == "aboutUs-index") { |
|---|
| | | this.$router.replace({ |
|---|
| | | name: "aboutUs", |
|---|
| | | query: { |
|---|
| | | aboutUs: 4, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$router.push({ |
|---|
| | | name: "aboutUs", |
|---|
| | | query: { |
|---|
| | | aboutUs: 4, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | break; |
|---|
| | | default: |
|---|
| | | this.$message("æ£å¨å»ºè®¾ä¸..."); |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | |
|---|
| | | .pageFooter { |
|---|
| | | background: #01644c; |
|---|
| | | .footerContent { |
|---|
| | | padding: 30px 0; |
|---|
| | | .infoBox { |
|---|
| | | display: flex; |
|---|
| | | .linkBox { |
|---|
| | | font-size: 16px; |
|---|
| | | margin-left: 50px; |
|---|
| | | .link { |
|---|
| | | padding-right: 15px; |
|---|
| | | cursor: pointer; |
|---|
| | | color: #fff; |
|---|
| | | margin-top: 20px; |
|---|
| | | opacity: 0.7; |
|---|
| | | &::after { |
|---|
| | | margin-left: 15px; |
|---|
| | | } |
|---|
| | | &:last-child::after { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | &:first-child { |
|---|
| | | color: #fff; |
|---|
| | | opacity: 1; |
|---|
| | | font-size: 20px; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .address { |
|---|
| | | margin-top: 30px; |
|---|
| | | font-size: 14px; |
|---|
| | | color: #ccc; |
|---|
| | | span { |
|---|
| | | margin-right: 30px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .logo { |
|---|
| | | height: 50px; |
|---|
| | | margin-top: 30px; |
|---|
| | | img { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .QRCodeBox { |
|---|
| | | .codeItem { |
|---|
| | | display: inline-block; |
|---|
| | | text-align: center; |
|---|
| | | margin-left: 40px; |
|---|
| | | p { |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | img { |
|---|
| | | width: 100px; |
|---|
| | | height: 100px; |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .copyrightBox { |
|---|
| | | text-align: center; |
|---|
| | | color: #fff; |
|---|
| | | background-color: #185742; |
|---|
| | | height: 50px; |
|---|
| | | line-height: 40px; |
|---|
| | | font-size: 12px; |
|---|
| | | border-top: 1px solid #e6e6e6; |
|---|
| | | .beian { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .beian:hover { |
|---|
| | | color: blue; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="pageHeader"> |
|---|
| | | <!-- 页ç --> |
|---|
| | | <div class="topBar"> |
|---|
| | | <div class="contentBox"></div> |
|---|
| | | </div> |
|---|
| | | <div class="contentBox logoBox"> |
|---|
| | | <div class="logo"> |
|---|
| | | <img |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | $router.push({ |
|---|
| | | path: '/home', |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | src="@/assets/images/xiehe/home/Group_303.png" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="searchBox" v-show="!hideSerch"> |
|---|
| | | <el-input |
|---|
| | | style="width: 500px" |
|---|
| | | placeholder="请è¾å
¥å
容" |
|---|
| | | @change="gotoSearch" |
|---|
| | | v-model="searchKey" |
|---|
| | | :suffix-icon="Search" |
|---|
| | | > |
|---|
| | | <!-- <el-select |
|---|
| | | v-model="searchType" |
|---|
| | | slot="prepend" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | class="searchItem" |
|---|
| | | @change="changeSelectType" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in searchTypeList" |
|---|
| | | :key="item.vlaue" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.value" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> --> |
|---|
| | | <!-- <el-button |
|---|
| | | slot="append" |
|---|
| | | @click="gotoSearch" |
|---|
| | | class="searchItem searchBtn" |
|---|
| | | >æç´¢</el-button |
|---|
| | | > --> |
|---|
| | | </el-input> |
|---|
| | | <div class="loginInfoBox"> |
|---|
| | | <div v-if="!userInfo" class="loginBtnBox"> |
|---|
| | | <a |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | $router.push({ |
|---|
| | | path: '/register', |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | >注å</a |
|---|
| | | > |
|---|
| | | | |
|---|
| | | <a |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | $router.push({ |
|---|
| | | path: '/login', |
|---|
| | | query: { |
|---|
| | | redirectPath: $route.fullPath, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | >ç»å½</a |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div v-else class="userInfoBox"> |
|---|
| | | <el-dropdown @command="handleCommand"> |
|---|
| | | <span style="cursor: pointer">欢è¿æ¨ï¼{{ userInfo.name }}ï¼</span> |
|---|
| | | <el-dropdown-menu slot="dropdown"> |
|---|
| | | <el-dropdown-item |
|---|
| | | icon="el-icon-user" |
|---|
| | | command="gotoPersonalCenter" |
|---|
| | | >个人ä¸å¿</el-dropdown-item |
|---|
| | | > |
|---|
| | | <el-dropdown-item icon="el-icon-switch-button" command="logout" |
|---|
| | | >éåºç»å½</el-dropdown-item |
|---|
| | | > |
|---|
| | | </el-dropdown-menu> |
|---|
| | | </el-dropdown> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="contentBox navBox" v-show="!hideNav"> |
|---|
| | | <div |
|---|
| | | :class="{ |
|---|
| | | navItem: true, |
|---|
| | | active: $route.fullPath.indexOf(item.path) > -1, |
|---|
| | | }" |
|---|
| | | v-for="(item, index) in navData" |
|---|
| | | :key="index" |
|---|
| | | @click="gotoPage(item)" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapState } from "vuex"; |
|---|
| | | export default { |
|---|
| | | name: "pageHeader", |
|---|
| | | props: { |
|---|
| | | hideNav: { |
|---|
| | | type: Boolean, |
|---|
| | | default: false, |
|---|
| | | }, |
|---|
| | | hideSerch: { |
|---|
| | | type: Boolean, |
|---|
| | | default: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | searchKey: "", |
|---|
| | | searchType: "projectTitle", |
|---|
| | | searchTypeList: [ |
|---|
| | | { |
|---|
| | | name: "书å", |
|---|
| | | value: "bookName", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "书å·", |
|---|
| | | value: "isbn", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä½è
", |
|---|
| | | value: "author", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ç«é¡¹å å", |
|---|
| | | value: "projectTitle", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | navData: [ |
|---|
| | | { |
|---|
| | | name: "é¦é¡µ", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "æè²åºç", |
|---|
| | | path: "/bookStore", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "读è
æå¡", |
|---|
| | | path: "/teachingServices", |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // name: "èµè®¯ä¸å¿", |
|---|
| | | // path: "/informationCenter", |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // name: "ä½è
æå¡", |
|---|
| | | // path: "/authorServices", |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | name: "å
³äºæ们", |
|---|
| | | path: "/aboutUs", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapState(["userInfo"]), |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | //åæ¢æ索类å |
|---|
| | | changeSelectType(val) { |
|---|
| | | this.searchKey = ""; |
|---|
| | | }, |
|---|
| | | gotoPage(item) { |
|---|
| | | this.searchKey = ""; |
|---|
| | | if (item.path) { |
|---|
| | | if (item.path == "/bookStore") { |
|---|
| | | console.log(1); |
|---|
| | | this.$store.commit("delKeepAlive", "bookStore-index"); |
|---|
| | | } else if (item.path == "/teachingServices") { |
|---|
| | | this.$store.commit("delKeepAlive", "teachingServices-index"); |
|---|
| | | } |
|---|
| | | this.$router.push({ |
|---|
| | | path: item.path, |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: "建设ä¸...", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | gotoSearch() { |
|---|
| | | let query = { |
|---|
| | | searchType: this.searchType, |
|---|
| | | searchValue: this.searchKey, |
|---|
| | | }; |
|---|
| | | if (this.$route.path.indexOf("/teachingServices") > -1) { |
|---|
| | | query.searchPath = "caupress_teachingResource"; |
|---|
| | | } |
|---|
| | | this.$router.push({ |
|---|
| | | name: "search", |
|---|
| | | query: { ...query }, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | handleCommand(command) { |
|---|
| | | if (command == "gotoPersonalCenter") { |
|---|
| | | this.$router.push({ |
|---|
| | | name: "personalCenter", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | if (command == "logout") { |
|---|
| | | this.$store.dispatch("setToken", null); |
|---|
| | | this.$store.dispatch("setUserInfo", null); |
|---|
| | | this.$router.push({ |
|---|
| | | name: "home", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .pageHeader { |
|---|
| | | width: 100%; |
|---|
| | | background-color: #fff; |
|---|
| | | border-bottom: 1px solid #e6e6e6; |
|---|
| | | .topBar { |
|---|
| | | background: #e6e6e6; |
|---|
| | | color: #808080; |
|---|
| | | overflow: hidden; |
|---|
| | | padding: 14px 0; |
|---|
| | | p { |
|---|
| | | float: left; |
|---|
| | | } |
|---|
| | | .loginInfoBox { |
|---|
| | | float: right; |
|---|
| | | .loginBtnBox { |
|---|
| | | a { |
|---|
| | | cursor: pointer; |
|---|
| | | text-decoration: none; |
|---|
| | | color: inherit; |
|---|
| | | margin: 0 4px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .logoBox { |
|---|
| | | padding: 25px 0; |
|---|
| | | overflow: hidden; |
|---|
| | | max-width: 1200px !important; |
|---|
| | | .logo { |
|---|
| | | float: left; |
|---|
| | | height: 66px; |
|---|
| | | img { |
|---|
| | | height: 100%; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .searchBox { |
|---|
| | | width: 670px; |
|---|
| | | float: right; |
|---|
| | | padding-right: 10px; |
|---|
| | | line-height: 66px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | .searchItem { |
|---|
| | | width: 120px; |
|---|
| | | vertical-align: initial; |
|---|
| | | } |
|---|
| | | .searchBtn { |
|---|
| | | width: auto; |
|---|
| | | background: #144941; |
|---|
| | | color: #fff; |
|---|
| | | padding: 0 20px; |
|---|
| | | height: 40px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .navBox { |
|---|
| | | .navItem { |
|---|
| | | display: inline-block; |
|---|
| | | width: 120px; |
|---|
| | | height: 50px; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 50px; |
|---|
| | | font-size: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | &.active { |
|---|
| | | background: #144941; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | .pageHeader .searchBox .el-input-group__prepend { |
|---|
| | | background: #fff; |
|---|
| | | color: #444; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="homeLayoutBox"> |
|---|
| | | <!-- <PageHeader |
|---|
| | | :hideNav="$route.name == 'register' || $route.name == 'login'" |
|---|
| | | :hideSerch="$route.name == 'register' || $route.name == 'login'" |
|---|
| | | v-if="!$route.meta.noWrapHeadFooter" |
|---|
| | | ></PageHeader> --> |
|---|
| | | <div class="pageContentBox"> |
|---|
| | | <keep-alive v-if="keepAliveList.length > 0" :include="keepAliveList"> |
|---|
| | | <router-view /> |
|---|
| | | </keep-alive> |
|---|
| | | <router-view v-else /> |
|---|
| | | </div> |
|---|
| | | <PageFooter v-if="!$route.meta.noWrapHeadFooter"></PageFooter> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import PageHeader from "./components/header"; |
|---|
| | | import PageFooter from "./components/footer"; |
|---|
| | | import { mapState } from "vuex"; |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | // PageHeader, |
|---|
| | | PageFooter |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapState(["keepAliveList"]) |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | $route(to, from) { |
|---|
| | | if (to.meta.keepAlive && this.keepAliveList.indexOf(to.name) == -1) { |
|---|
| | | // this.$store.commit("addKeepAlive", to.name); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .homeLayoutBox { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | .pageContentBox { |
|---|
| | | min-height: calc(100% - 232px); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | import Vue from "vue"; |
|---|
| | | import App from "./App.vue"; |
|---|
| | | import router from "./router"; |
|---|
| | | import store from "./store"; |
|---|
| | | |
|---|
| | | // èªå®ä¹é
ç½® |
|---|
| | | |
|---|
| | | import "@/assets/iconfont/iconfont.css"; |
|---|
| | | import config from "@/assets/js/config"; |
|---|
| | | Vue.prototype.config = config; |
|---|
| | | |
|---|
| | | // axios |
|---|
| | | import service from "@/plugin/axios"; |
|---|
| | | Vue.prototype.request = service; |
|---|
| | | |
|---|
| | | import { |
|---|
| | | setNewView |
|---|
| | | } from "@/assets/js/userAction" |
|---|
| | | Vue.prototype.setNewView = setNewView; |
|---|
| | | // ElementUI |
|---|
| | | import ElementUI from "element-ui"; |
|---|
| | | import "@/assets/theme/index.css"; |
|---|
| | | Vue.use(ElementUI); |
|---|
| | | |
|---|
| | | import { |
|---|
| | | tokenKey |
|---|
| | | } from "@/assets/js/config"; |
|---|
| | | //å·¥å
·ç±» |
|---|
| | | import tool from "@/assets/js/toolClass"; |
|---|
| | | Vue.prototype.tool = tool; |
|---|
| | | |
|---|
| | | // è·¯ç±å¤æç»å½ æ ¹æ®è·¯ç±é
ç½®æ件çåæ° |
|---|
| | | router.beforeEach((to, from, next) => { |
|---|
| | | if (to.matched.some((record) => record.meta.authentication)) { |
|---|
| | | // å¤æ该路ç±æ¯å¦éè¦ç»å½æé |
|---|
| | | if (tool.getCookie(tokenKey)) { |
|---|
| | | // å¤æå½åçtokenæ¯å¦åå¨ ï¼ ç»å½åå
¥çtoken |
|---|
| | | if (to.path === "/login") { |
|---|
| | | tool.delCookie(tokenKey); |
|---|
| | | // removeToken(); |
|---|
| | | window.location.reload(); |
|---|
| | | } else { |
|---|
| | | next(); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | next({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | redirect: to.fullPath |
|---|
| | | }, // å°è·³è½¬çè·¯ç±pathä½ä¸ºåæ°ï¼ç»å½æåå跳转å°è¯¥è·¯ç± |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | next(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | // 请æ±å¤ç |
|---|
| | | import MG from "@/assets/js/middleGround/WebMiddleGroundApi"; |
|---|
| | | Vue.prototype.MG = MG; |
|---|
| | | |
|---|
| | | // æ¶é´å¤ç |
|---|
| | | import moment from "moment"; |
|---|
| | | Vue.prototype.moment = moment; |
|---|
| | | |
|---|
| | | Vue.config.productionTip = false; |
|---|
| | | |
|---|
| | | new Vue({ |
|---|
| | | router, |
|---|
| | | store, |
|---|
| | | render: (h) => h(App), |
|---|
| | | }).$mount("#app"); |
|---|
| New file |
| | |
|---|
| | | import axios from "axios"; |
|---|
| | | import myConfig from "@/assets/js/config"; |
|---|
| | | import toolClass from "@/assets/js/toolClass"; |
|---|
| | | import { Message } from "element-ui"; |
|---|
| | | |
|---|
| | | import router from "@/router"; |
|---|
| | | |
|---|
| | | // å建 axios å®ä¾ |
|---|
| | | const service = axios.create({ |
|---|
| | | baseURL: myConfig.requestCtx, |
|---|
| | | timeout: myConfig.requestTimeOut, // 请æ±è¶
æ¶æ¶é´ |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 请æ±æ¦æªå¨ |
|---|
| | | service.interceptors.request.use( |
|---|
| | | (config) => { |
|---|
| | | let token = toolClass.getCookie(myConfig.tokenKey); |
|---|
| | | if (token) config.headers["Authorization"] = `bearer ${token}`; |
|---|
| | | return config; |
|---|
| | | }, |
|---|
| | | (error) => { |
|---|
| | | // åé失败 |
|---|
| | | Promise.reject(error); |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | |
|---|
| | | // ååºæ¦æªå¨ |
|---|
| | | service.interceptors.response.use( |
|---|
| | | (response) => { |
|---|
| | | // dataAxios æ¯ axios è¿åæ°æ®ä¸ç data |
|---|
| | | const dataAxios = response.data; |
|---|
| | | const { success } = dataAxios; |
|---|
| | | if (dataAxios.currentDate) { |
|---|
| | | sessionStorage.currentDate = new Date(dataAxios.currentDate).getTime(); |
|---|
| | | } |
|---|
| | | // æ ¹æ® code è¿è¡å¤æ |
|---|
| | | if (success) { |
|---|
| | | // å¤çä¸ä¼ æ件 |
|---|
| | | if (dataAxios.msg == "æ件ä¸ä¼ æå") { |
|---|
| | | return dataAxios.msg; |
|---|
| | | } |
|---|
| | | // å¦æè¿åå¼ä¸º å¸å°(Boolean)ç±»åï¼ç´æ¥è¿åå³å¯ï¼ä¾å¦ï¼æ´æ¹ç»å®ææºå·ï¼ |
|---|
| | | if (typeof dataAxios.data == "boolean") { |
|---|
| | | return dataAxios.data; |
|---|
| | | } |
|---|
| | | return dataAxios.data ? dataAxios.data : dataAxios.result; |
|---|
| | | } else { |
|---|
| | | // æ示é误 |
|---|
| | | console.error(dataAxios.msg); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | (error) => { |
|---|
| | | if (error.response && error.response.status == 401) { |
|---|
| | | toolClass.delCookie(myConfig.tokenKey); |
|---|
| | | toolClass.delCookie(myConfig.userInfoKey); |
|---|
| | | router.replace({ |
|---|
| | | path: "/login", |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | if (error.response && error.response.data && error.response.data) { |
|---|
| | | console.error(error.response.data.msg); |
|---|
| | | Message({ |
|---|
| | | message: error.response.data.msg, |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | console.error("请æ±åçé误"); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return Promise.reject(error); |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | |
|---|
| | | export default service; |
|---|
| New file |
| | |
|---|
| | | import Vue from "vue"; |
|---|
| | | import VueRouter from "vue-router"; |
|---|
| | | import HomeLayout from "@/layout"; |
|---|
| | | import Home from "@/views/home"; |
|---|
| | | import Search from "@/views/home/search"; |
|---|
| | | import Detail from "@/views/home/detail"; |
|---|
| | | import baseLayout from "@/layout/base"; |
|---|
| | | const originalPush = VueRouter.prototype.push |
|---|
| | | VueRouter.prototype.push = function push(location) { |
|---|
| | | return originalPush.call(this, location).catch(err => err) |
|---|
| | | } |
|---|
| | | |
|---|
| | | Vue.use(VueRouter); |
|---|
| | | |
|---|
| | | const routes = [{ |
|---|
| | | path: "/", |
|---|
| | | name: "HomeLayout", |
|---|
| | | component: HomeLayout, |
|---|
| | | redirect: { |
|---|
| | | name: "home" |
|---|
| | | }, |
|---|
| | | children: [ |
|---|
| | | // å¨ä¸»æ¡æ¶å
|
|---|
| | | { |
|---|
| | | path: "home", |
|---|
| | | name: "home", |
|---|
| | | meta: { |
|---|
| | | name: "é¦é¡µ", |
|---|
| | | authentication: false, // æ¯å¦éè¦ç»å½éªè¯ |
|---|
| | | keepAlive: false, // æ¯å¦éè¦ç¼å |
|---|
| | | }, |
|---|
| | | component: baseLayout, |
|---|
| | | redirect: { |
|---|
| | | name: "index" |
|---|
| | | }, |
|---|
| | | children: [{ |
|---|
| | | path: "index", |
|---|
| | | name: "index", |
|---|
| | | meta: { |
|---|
| | | name: "é¦é¡µ", |
|---|
| | | authentication: false, // æ¯å¦éè¦ç»å½éªè¯ |
|---|
| | | keepAlive: false, // æ¯å¦éè¦ç¼å |
|---|
| | | }, |
|---|
| | | component: Home, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: "search", |
|---|
| | | name: "search", |
|---|
| | | meta: { |
|---|
| | | name: "é¦é¡µæç´¢", |
|---|
| | | authentication: false, // æ¯å¦éè¦ç»å½éªè¯ |
|---|
| | | keepAlive: true, // æ¯å¦éè¦ç¼å |
|---|
| | | }, |
|---|
| | | component: Search, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: "detail", |
|---|
| | | name: "detail", |
|---|
| | | meta: { |
|---|
| | | name: "详æ
", |
|---|
| | | // authentication: false, // æ¯å¦éè¦ç»å½éªè¯ |
|---|
| | | // keepAlive: true, // æ¯å¦éè¦ç¼å |
|---|
| | | }, |
|---|
| | | component: Detail, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: "/login", |
|---|
| | | name: "login", |
|---|
| | | meta: { |
|---|
| | | name: "ç»å½", |
|---|
| | | authentication: false, |
|---|
| | | }, |
|---|
| | | component: () => import("@/views/login/login"), |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: "/register", |
|---|
| | | name: "register", |
|---|
| | | meta: { |
|---|
| | | name: "注å", |
|---|
| | | authentication: false, |
|---|
| | | }, |
|---|
| | | component: () => import("@/views/login/register"), |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | // ä¸å¨ä¸»æ¡æ¶å
|
|---|
| | | |
|---|
| | | { |
|---|
| | | path: "/findPassword", |
|---|
| | | name: "findPassword", |
|---|
| | | meta: { |
|---|
| | | name: "ç»å½", |
|---|
| | | }, |
|---|
| | | component: () => import("@/views/login/findPassword"), |
|---|
| | | }, |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | const router = new VueRouter({ |
|---|
| | | routes, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | export default router; |
|---|
| New file |
| | |
|---|
| | | import Vue from "vue"; |
|---|
| | | import Vuex from "vuex"; |
|---|
| | | import tool from "@/assets/js/toolClass"; |
|---|
| | | import { tokenKey, userInfoKey } from "@/assets/js/config"; |
|---|
| | | |
|---|
| | | Vue.use(Vuex); |
|---|
| | | |
|---|
| | | export default new Vuex.Store({ |
|---|
| | | state: { |
|---|
| | | token: tool.getCookie(tokenKey), |
|---|
| | | userInfo: tool.getCookie(userInfoKey) |
|---|
| | | ? JSON.parse(tool.getCookie(userInfoKey)) |
|---|
| | | : null, |
|---|
| | | //书åæµè§åå² |
|---|
| | | historyBook: [], |
|---|
| | | //çµåæ ·ä¹¦å表 |
|---|
| | | electronicBookList: [], |
|---|
| | | //çº¸è´¨æ ·ä¹¦ç³è¯·å表 |
|---|
| | | paperCopiesList: [], |
|---|
| | | keepAliveList: [], |
|---|
| | | }, |
|---|
| | | getters: {}, |
|---|
| | | mutations: { |
|---|
| | | changeLogin(state, val) { |
|---|
| | | if (val) { |
|---|
| | | state.token = val; |
|---|
| | | tool.setCookie(tokenKey, val); |
|---|
| | | } else { |
|---|
| | | state.token = null; |
|---|
| | | tool.delCookie(tokenKey); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | changeUserInfo(state, val) { |
|---|
| | | if (val) { |
|---|
| | | // é»è®¤å¤´å |
|---|
| | | // if (!val.icon) |
|---|
| | | // val.icon = require("@/assets/images/common/pageHeader/userIcon.png"); |
|---|
| | | state.userInfo = JSON.parse(JSON.stringify(val)); |
|---|
| | | tool.setCookie(userInfoKey, JSON.stringify(val)); |
|---|
| | | } else { |
|---|
| | | state.userInfo = null; |
|---|
| | | tool.delCookie(userInfoKey); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //设置æµè§è®°å½ |
|---|
| | | setHistoryBook(state, val) { |
|---|
| | | let currentIndex = ""; |
|---|
| | | if (state.historyBook.length > 0) { |
|---|
| | | var res = state.historyBook.some((item, index) => { |
|---|
| | | if (item.id == val.id) { |
|---|
| | | currentIndex = index; |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | if (!res) { |
|---|
| | | state.historyBook.unshift(val); |
|---|
| | | } else { |
|---|
| | | state.historyBook.splice(currentIndex, 1); |
|---|
| | | state.historyBook.unshift(val); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | state.historyBook.unshift(val); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //å é¤æµè§è®°å½ |
|---|
| | | deleteHistoryBook(state, val) { |
|---|
| | | state.historyBook.splice(val, 1); |
|---|
| | | }, |
|---|
| | | //å¢å çµåæ ·ä¹¦ |
|---|
| | | addEbookList(state, val) { |
|---|
| | | state.electronicBookList.push(val); |
|---|
| | | }, |
|---|
| | | //å¢å çº¸è´¨æ ·ä¹¦ |
|---|
| | | addPbookList(state, val) { |
|---|
| | | state.paperCopiesList.push(val); |
|---|
| | | }, |
|---|
| | | //å é¤çµåæ ·ä¹¦ |
|---|
| | | deleteEbookList(state, val) { |
|---|
| | | if (val == "all") { |
|---|
| | | state.electronicBookList = []; |
|---|
| | | } else { |
|---|
| | | state.electronicBookList.splice(val, 1); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //å é¤çº¸è´¨æ ·ä¹¦ |
|---|
| | | deletePbookList(state, val) { |
|---|
| | | if (val == "all") { |
|---|
| | | state.paperCopiesList = []; |
|---|
| | | } else { |
|---|
| | | state.paperCopiesList.splice(val, 1); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | emptyBookList(state, val) { |
|---|
| | | state.electronicBookList = []; |
|---|
| | | state.paperCopiesList = []; |
|---|
| | | }, |
|---|
| | | deleteAllHistory(state) { |
|---|
| | | state.historyBook = []; |
|---|
| | | }, |
|---|
| | | addKeepAlive(state, val) { |
|---|
| | | state.keepAliveList.push(val); |
|---|
| | | console.log("state", state.keepAliveList); |
|---|
| | | }, |
|---|
| | | delKeepAlive(state, val) { |
|---|
| | | if (state.keepAliveList.findIndex((item) => item == val) != -1) { |
|---|
| | | state.keepAliveList.splice( |
|---|
| | | state.keepAliveList.findIndex((item) => item == val), |
|---|
| | | 1 |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | actions: { |
|---|
| | | setUserInfo(context, val) { |
|---|
| | | context.commit("changeUserInfo", val); |
|---|
| | | }, |
|---|
| | | setToken(context, val) { |
|---|
| | | context.commit("changeLogin", val); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | modules: {}, |
|---|
| | | }); |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="detail"> |
|---|
| | | <div class="contentBox"> |
|---|
| | | <div class="headerBox"> |
|---|
| | | <div class="contentBox container"> |
|---|
| | | <div class="headerTitle">ä¸è¯é¥®çå¨çº¿å¦ä¹ ä¸æºå¨è§è§è¯å«å¹³å°</div> |
|---|
| | | <div class="headerNav"> |
|---|
| | | <div |
|---|
| | | class="navItem" |
|---|
| | | v-for="(item, index) in navigatorList" |
|---|
| | | :class="{ active: index === 1 }" |
|---|
| | | :key="index" |
|---|
| | | @click="navigatorTo(item)" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="backBtn" @click="$router.go(-1)">{{ "< è¿åå表" }}</div> |
|---|
| | | |
|---|
| | | <div style="display: flex; justify-content: space-between"> |
|---|
| | | <div class="detailContentBox"> |
|---|
| | | <div class="cardTitle"> |
|---|
| | | <div class="cardTitleText"> |
|---|
| | | <div>{{ detailInfo.name }}</div> |
|---|
| | | <div class="shadowText">01</div> |
|---|
| | | </div> |
|---|
| | | <div class="subTitle">{{ detailInfo.Tibetan }}</div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | style="display: flex; justify-content: space-between; width: 100%" |
|---|
| | | > |
|---|
| | | <div class="detailInfoBox"> |
|---|
| | | <div> |
|---|
| | | <div class="arrowBox"> |
|---|
| | | <div class="bookmark"></div> |
|---|
| | | <div class="arrow"></div> |
|---|
| | | <div class="pngArrow"> |
|---|
| | | <img |
|---|
| | | class="arrowImg" |
|---|
| | | src="@/assets/images/yinpian/home/arrow.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="pointBox">æ¥æº</div> |
|---|
| | | </div> |
|---|
| | | <div class="infoText"> |
|---|
| | | {{ detailInfo.base }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="infoItem"> |
|---|
| | | <div class="arrowBox"> |
|---|
| | | <div class="bookmark"></div> |
|---|
| | | <div class="arrow"></div> |
|---|
| | | <div class="pngArrow"> |
|---|
| | | <img |
|---|
| | | class="arrowImg" |
|---|
| | | src="@/assets/images/yinpian/home/arrow.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="pointBox">产å°</div> |
|---|
| | | </div> |
|---|
| | | <div class="infoText"> |
|---|
| | | {{ detailInfo.origin }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="infoItem"> |
|---|
| | | <div class="arrowBox"> |
|---|
| | | <div class="bookmark"></div> |
|---|
| | | <div class="arrow"></div> |
|---|
| | | <div class="pngArrow"> |
|---|
| | | <img |
|---|
| | | class="arrowImg" |
|---|
| | | src="@/assets/images/yinpian/home/arrow.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="pointBox">æ§ç¶</div> |
|---|
| | | </div> |
|---|
| | | <div class="infoText" v-html="detailInfo.trait"></div> |
|---|
| | | </div> |
|---|
| | | <div class="infoItem"> |
|---|
| | | <div class="arrowBox"> |
|---|
| | | <div class="bookmark2"></div> |
|---|
| | | <div class="arrow"></div> |
|---|
| | | <div class="pngArrow"> |
|---|
| | | <img |
|---|
| | | class="arrowImg2" |
|---|
| | | src="@/assets/images/yinpian/home/arrow.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="pointBox">è¯æ§ä¸åè½ä¸»æ²»</div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="infoText" |
|---|
| | | v-html="detailInfo.DrugPropertiesAndMainIndications" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | <div class="infoItem"> |
|---|
| | | <div class="arrowBox"> |
|---|
| | | <div class="bookmark" style="width: 100px"></div> |
|---|
| | | <div class="arrow"></div> |
|---|
| | | <div class="pngArrow"> |
|---|
| | | <img |
|---|
| | | class="arrowImg" |
|---|
| | | src="@/assets/images/yinpian/home/arrow.png" |
|---|
| | | alt="" |
|---|
| | | style="left: -116px" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="pointBox">èå»åºç¨</div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="infoText" |
|---|
| | | v-html="detailInfo.TibetanMedicineApplication" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | <div class="sourceInfo"> |
|---|
| | | <span> |
|---|
| | | æ¥æºï¼ã{{ productInfo.name }}ã |
|---|
| | | {{ productInfo.editor }} |
|---|
| | | </span> |
|---|
| | | <span>ISBN:{{ productInfo.isbn }}</span> |
|---|
| | | <span |
|---|
| | | >åºçæ¥æï¼{{ |
|---|
| | | moment(productInfo.publicDate).format("YYYY-MM-DD") |
|---|
| | | }}</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="imgInfo"> |
|---|
| | | <div class="imgborder" style="margin-top: 0px"> |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img |
|---|
| | | class="autoImg" |
|---|
| | | src="@/assets/images/yinpian/home/微信å¾ç_20250806153448_3.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="imgborder"> |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img |
|---|
| | | class="autoImg" |
|---|
| | | style="border-radius: 10px" |
|---|
| | | src="@/assets/images/yinpian/home/微信å¾ç_20250806153448_3.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | detailInfo: {}, |
|---|
| | | navigatorList: [ |
|---|
| | | { |
|---|
| | | name: "é¦é¡µ", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä¸è¯é¥®çæ°æ®åº", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä¸è¯é¥®çå¦ä¹ ç³»ç»", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "饮çè§è§è¯å«ç³»ç»", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å
³äºæ们", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | created() { |
|---|
| | | console.log(this.$route.query); |
|---|
| | | this.getProductDetail(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | navigatorTo(item) { |
|---|
| | | console.log(item); |
|---|
| | | if (item.name == "é¦é¡µ") { |
|---|
| | | this.$router.push("/home"); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: "建设ä¸...", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | getProductDetail() { |
|---|
| | | this.MG.store |
|---|
| | | .getProductDetail({ |
|---|
| | | path: "*", |
|---|
| | | queryType: "*", |
|---|
| | | productId: this.$route.query.name, |
|---|
| | | cmsPath: this.$route.query.id, |
|---|
| | | itemFields: { |
|---|
| | | DrugPropertiesAndMainIndications: [], |
|---|
| | | Tibetan: [], |
|---|
| | | TibetanMedicineApplication: [], |
|---|
| | | trait: [], |
|---|
| | | base: [], |
|---|
| | | editor: [], |
|---|
| | | isbn: [], |
|---|
| | | origin: [], |
|---|
| | | publicDate: [], |
|---|
| | | }, |
|---|
| | | fields: { |
|---|
| | | editor: [], |
|---|
| | | isbn: [], |
|---|
| | | publicDate: [], |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | .then((resp) => { |
|---|
| | | this.detailInfo = resp.datas.cmsDatas[0].datas[0]; |
|---|
| | | this.detailInfo.trait = this.detailInfo.trait.replace( |
|---|
| | | /<p>/g, |
|---|
| | | "<p style=' line-height:20px'>" |
|---|
| | | ); |
|---|
| | | this.detailInfo.DrugPropertiesAndMainIndications = this.detailInfo.DrugPropertiesAndMainIndications.replace( |
|---|
| | | /<p>/g, |
|---|
| | | "<p style=' line-height:20px'>" |
|---|
| | | ); |
|---|
| | | this.detailInfo.TibetanMedicineApplication = this.detailInfo.TibetanMedicineApplication.replace( |
|---|
| | | /<p>/g, |
|---|
| | | "<p style=' line-height:20px'>" |
|---|
| | | ); |
|---|
| | | this.productInfo = resp.datas; |
|---|
| | | console.log(resp); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .detail { |
|---|
| | | padding-bottom: 100px; |
|---|
| | | background-color: #f1f0da; |
|---|
| | | background-image: url("@/assets/images/yinpian/home/home_bg.png"); |
|---|
| | | } |
|---|
| | | .headerBox { |
|---|
| | | width: 100%; |
|---|
| | | height: 76px; |
|---|
| | | border-bottom: 1px solid rgba(56, 91, 83, 0.22); |
|---|
| | | line-height: 76px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .container { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | .headerTitle { |
|---|
| | | font-size: 24px; |
|---|
| | | font-weight: 600; |
|---|
| | | color: #01644c; |
|---|
| | | } |
|---|
| | | .headerNav { |
|---|
| | | display: flex; |
|---|
| | | .navItem { |
|---|
| | | margin-left: 40px; |
|---|
| | | font-size: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .active { |
|---|
| | | color: #01644c; |
|---|
| | | } |
|---|
| | | .backBtn { |
|---|
| | | margin-top: 20px; |
|---|
| | | font-size: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | color: #6c827d; |
|---|
| | | } |
|---|
| | | .detailContentBox { |
|---|
| | | margin-top: 20px; |
|---|
| | | width: 100%; |
|---|
| | | min-height: 500px; |
|---|
| | | background-color: rgba(255, 255, 255, 0.68); |
|---|
| | | border-radius: 10px 10px 10px 10px; |
|---|
| | | border: 1px solid #01644c; |
|---|
| | | padding: 20px 0px; |
|---|
| | | } |
|---|
| | | .cardTitle { |
|---|
| | | display: flex; |
|---|
| | | .cardTitleText { |
|---|
| | | padding: 12px 40px; |
|---|
| | | color: #fff; |
|---|
| | | background-color: #01644c; |
|---|
| | | font-size: 24px; |
|---|
| | | display: flex; |
|---|
| | | position: relative; |
|---|
| | | .shadowText { |
|---|
| | | font-size: 36px; |
|---|
| | | position: absolute; |
|---|
| | | right: 12px; |
|---|
| | | bottom: 8px; |
|---|
| | | opacity: 0.2; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .subTitle { |
|---|
| | | font-size: 24px; |
|---|
| | | margin-left: 5px; |
|---|
| | | line-height: 48px; |
|---|
| | | color: #026044; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .arrowBox { |
|---|
| | | display: flex; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .bookmark { |
|---|
| | | width: 60px; |
|---|
| | | height: 0; |
|---|
| | | border-top: 12px solid transparent; |
|---|
| | | border-bottom: 12px solid transparent; |
|---|
| | | border-left: 12px solid #fff; |
|---|
| | | background-color: #01644c; |
|---|
| | | position: relative; |
|---|
| | | text-align: right; |
|---|
| | | line-height: -40px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .bookmark2 { |
|---|
| | | width: 140px; |
|---|
| | | height: 0; |
|---|
| | | border-top: 12px solid transparent; |
|---|
| | | border-bottom: 12px solid transparent; |
|---|
| | | border-left: 12px solid #fff; |
|---|
| | | background-color: #01644c; |
|---|
| | | position: relative; |
|---|
| | | text-align: right; |
|---|
| | | line-height: -40px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .arrow { |
|---|
| | | width: 0; |
|---|
| | | height: 0; |
|---|
| | | border-top: 12px solid transparent; |
|---|
| | | border-bottom: 12px solid transparent; |
|---|
| | | border-left: 12px solid #01644c; |
|---|
| | | } |
|---|
| | | .detailInfoBox { |
|---|
| | | margin-top: 50px; |
|---|
| | | padding: 20px 30px; |
|---|
| | | width: 50%; |
|---|
| | | } |
|---|
| | | .pngArrow { |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .arrowImg { |
|---|
| | | position: absolute; |
|---|
| | | top: 1px; |
|---|
| | | left: -76px; |
|---|
| | | width: 22px; |
|---|
| | | height: 22px; |
|---|
| | | } |
|---|
| | | .arrowImg2 { |
|---|
| | | position: absolute; |
|---|
| | | top: 1px; |
|---|
| | | left: -156px; |
|---|
| | | width: 22px; |
|---|
| | | height: 22px; |
|---|
| | | } |
|---|
| | | .pointBox { |
|---|
| | | position: absolute; |
|---|
| | | top: 3px; |
|---|
| | | left: 38px; |
|---|
| | | font-size: 16px; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | .infoText { |
|---|
| | | margin-top: 20px; |
|---|
| | | p { |
|---|
| | | line-height: 24px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .infoItem { |
|---|
| | | margin-top: 30px; |
|---|
| | | } |
|---|
| | | .sourceInfo { |
|---|
| | | margin-top: 30px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | color: #6c827d; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | .imgInfo { |
|---|
| | | width: 40%; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | position: relative; |
|---|
| | | width: 332px; |
|---|
| | | height: 264px; |
|---|
| | | } |
|---|
| | | .imgborder { |
|---|
| | | padding: 10px; |
|---|
| | | width: 332px; |
|---|
| | | margin-top: 30px; |
|---|
| | | border: #1a6854 1px solid; |
|---|
| | | border-radius: 10px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | p { |
|---|
| | | line-height: 16px !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="indexPage"> |
|---|
| | | <div class="contentBox logoBox"> |
|---|
| | | <div class="logo"> |
|---|
| | | <img |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | $router.push({ |
|---|
| | | path: '/home', |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | src="@/assets/images/yinpian/home/image-2@2x.png" |
|---|
| | | /> |
|---|
| | | <img |
|---|
| | | style="width: 200px; height: 44px" |
|---|
| | | src="@/assets/images/yinpian/home/sylogo.svg" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="searchBox"> |
|---|
| | | <div class="loginInfoBox"> |
|---|
| | | <div v-if="!userInfo" class="loginBtnBox"> |
|---|
| | | <a |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | // $router.push({ |
|---|
| | | // path: '/register', |
|---|
| | | // }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | >注å</a |
|---|
| | | > |
|---|
| | | | |
|---|
| | | <a |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | // $router.push({ |
|---|
| | | // path: '/login', |
|---|
| | | // query: { |
|---|
| | | // redirectPath: $route.fullPath, |
|---|
| | | // }, |
|---|
| | | // }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | >ç»å½</a |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div v-else class="userInfoBox"> |
|---|
| | | <el-dropdown @command="handleCommand"> |
|---|
| | | <span style="cursor: pointer">欢è¿æ¨ï¼{{ userInfo.name }}ï¼</span> |
|---|
| | | <el-dropdown-menu slot="dropdown"> |
|---|
| | | <el-dropdown-item |
|---|
| | | icon="el-icon-user" |
|---|
| | | command="gotoPersonalCenter" |
|---|
| | | >个人ä¸å¿</el-dropdown-item |
|---|
| | | > |
|---|
| | | <el-dropdown-item icon="el-icon-switch-button" command="logout" |
|---|
| | | >éåºç»å½</el-dropdown-item |
|---|
| | | > |
|---|
| | | </el-dropdown-menu> |
|---|
| | | </el-dropdown> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="contentBox homeContent"> |
|---|
| | | <div class="homeTitle">ä¸è¯é¥®çå¨çº¿å¦ä¹ ä¸æºå¨è§è§è¯å«å¹³å°</div> |
|---|
| | | <div class="subTitle"> |
|---|
| | | <p> |
|---|
| | | ä¸è¯é¥®çå¨çº¿å¦ä¹ ä¸æºå¨è§è§è¯å«å¹³å°æ¯ä¸è¯é¥®çå¨çº¿å¦ä¹ ä¸æºå¨è§è§è¯å«å¹³å°æ¯åå©äºèç½åæºå¨è§è§ææ¯ï¼ä¸ºä¸è¯é¥®çå¨çº¿äº¤ |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | äºå¼å¦ä¹ ãè¯å«ä¸é´å®çæä¾æå¡çå¹³å°ï¼æ¶µçä¸è¯é¥®çæ°æ®åºæ¥è¯¢ãå¨çº¿å¦ä¹ ãæºå¨è§è§è¯å«çåè½ã |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <div class="searchBox"> |
|---|
| | | <div class="searchText">ä¸è¯é¥®çæ°æ®åº</div> |
|---|
| | | <div class="searchInput"> |
|---|
| | | <el-input |
|---|
| | | style="border: none" |
|---|
| | | v-model="searchValue" |
|---|
| | | placeholder="请è¾å
¥å
容" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="searchBtn"> |
|---|
| | | <i class="el-icon-search"></i> |
|---|
| | | <span>æ£ç´¢</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="cardBox"> |
|---|
| | | <div @click="$router.push({ path: '/home/search' })" class="database">ä¸è¯é¥®çæ°æ®åº</div> |
|---|
| | | <el-popover placement="bottom" trigger="hover"> |
|---|
| | | <popover /> |
|---|
| | | <div slot="reference" class="learningSystem">ä¸è¯é¥®çå¦ä¹ ç³»ç»</div> |
|---|
| | | </el-popover> |
|---|
| | | |
|---|
| | | <div class="recognitionSystem">饮çè§è§è¯å«ç³»ç»</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapState } from "vuex"; |
|---|
| | | import popover from "./popover.vue"; |
|---|
| | | export default { |
|---|
| | | computed: { |
|---|
| | | ...mapState(["userInfo"]), |
|---|
| | | }, |
|---|
| | | components: { |
|---|
| | | popover, |
|---|
| | | }, |
|---|
| | | name: "home", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | bannerList: [], |
|---|
| | | informationData: [], |
|---|
| | | noticeData: [], |
|---|
| | | honorData: [], |
|---|
| | | menuData: [], |
|---|
| | | bookListData: [], |
|---|
| | | bookListTotal: 0, |
|---|
| | | bookListLoading: true, |
|---|
| | | showMenuIndex: 0, |
|---|
| | | searchValue: "", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | //ç¹å»è½®æå¾è·³è½¬ |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | @import "@/assets/css/theme.less"; |
|---|
| | | .indexPage { |
|---|
| | | min-width: 1220px; |
|---|
| | | background-color: #fff; |
|---|
| | | background-image: url("@/assets/images/yinpian/home/home_bg.png"); |
|---|
| | | |
|---|
| | | .logoBox { |
|---|
| | | padding: 25px 0; |
|---|
| | | overflow: hidden; |
|---|
| | | max-width: 1200px !important; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | margin: 0 auto; |
|---|
| | | .logo { |
|---|
| | | height: 66px; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | img { |
|---|
| | | height: 100%; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .searchBox { |
|---|
| | | width: 670px; |
|---|
| | | float: right; |
|---|
| | | padding-right: 10px; |
|---|
| | | line-height: 66px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: end; |
|---|
| | | .searchItem { |
|---|
| | | width: 120px; |
|---|
| | | vertical-align: initial; |
|---|
| | | } |
|---|
| | | .searchBtn { |
|---|
| | | width: auto; |
|---|
| | | background: #144941; |
|---|
| | | color: #fff; |
|---|
| | | padding: 0 20px; |
|---|
| | | height: 40px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .homeContent { |
|---|
| | | padding: 100px 0; |
|---|
| | | text-align: center; |
|---|
| | | .homeTitle { |
|---|
| | | font-size: 36px; |
|---|
| | | color: #01644c; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | .subTitle { |
|---|
| | | line-height: 29px; |
|---|
| | | margin-top: 30px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .searchBox { |
|---|
| | | margin-top: 50px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | .searchText { |
|---|
| | | font-size: 18px; |
|---|
| | | background: url("@/assets/images/yinpian/home/yinpianshujuku.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | width: 180px; |
|---|
| | | height: 60px; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 60px; |
|---|
| | | } |
|---|
| | | .searchInput { |
|---|
| | | width: 700px; |
|---|
| | | height: 60px; |
|---|
| | | background: url("@/assets/images/yinpian/home/search_fill.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | padding: 0 20px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | .searchBtn { |
|---|
| | | font-size: 18px; |
|---|
| | | color: #fff; |
|---|
| | | background: url("@/assets/images/yinpian/home/search.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | width: 180px; |
|---|
| | | height: 60px; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 60px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .cardBox { |
|---|
| | | margin-top: 50px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .database, |
|---|
| | | .learningSystem, |
|---|
| | | .recognitionSystem { |
|---|
| | | width: 380px; |
|---|
| | | height: 130px; |
|---|
| | | line-height: 130px; |
|---|
| | | font-size: 24px; |
|---|
| | | color: #01644c; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .database { |
|---|
| | | background: url("@/assets/images/yinpian/home/shujuku.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | } |
|---|
| | | .learningSystem { |
|---|
| | | background: url("@/assets/images/yinpian/home/xuexixitong_bg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | } |
|---|
| | | .recognitionSystem { |
|---|
| | | background: url("@/assets/images/yinpian/home/shijueshibie_Bg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | .searchInput .el-input__inner { |
|---|
| | | height: 50px; |
|---|
| | | line-height: 50px; |
|---|
| | | border: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="scollBox"> |
|---|
| | | <div class="leftArrow" @click="scollFun('left')"> |
|---|
| | | <i class="el-icon-arrow-left"></i> |
|---|
| | | </div> |
|---|
| | | <div id="scollBox" class="bookList"> |
|---|
| | | <!-- <div class="bookItem" v-for="item in 4" :key="item"> --> |
|---|
| | | <div class="bookItem" > |
|---|
| | | <div class="left"> |
|---|
| | | <div class="bookImg"> |
|---|
| | | <img |
|---|
| | | class="autoImg" |
|---|
| | | src="@/assets/images/yinpian/home/book_1@2x.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="nameBox">èè¯é¥®çæºå¨è§è§è¯å«æå</div> |
|---|
| | | </div> |
|---|
| | | <!-- <div class="right"> |
|---|
| | | <div class="bookImg"> |
|---|
| | | <img |
|---|
| | | class="autoImg" |
|---|
| | | src="@/assets/images/yinpian/home/book_2@2x.png" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="nameBox">ä¸å»å¦åºç¡</div> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="rightArrow" @click="scollFun('right')"> |
|---|
| | | <i class="el-icon-arrow-right"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: "popover", |
|---|
| | | methods: { |
|---|
| | | scollFun(type) { |
|---|
| | | let scollBox = document.getElementById("scollBox"); |
|---|
| | | if (type == "left") { |
|---|
| | | scollBox.scrollBy({ |
|---|
| | | left: 50, |
|---|
| | | behavior: "smooth", |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | scollBox.scrollBy({ |
|---|
| | | right: 50, |
|---|
| | | behavior: "smooth", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .bookItem { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | padding: 10px 10px; |
|---|
| | | width: 250px; |
|---|
| | | } |
|---|
| | | .bookImg { |
|---|
| | | width: 110px; |
|---|
| | | height: 180px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .scollBox { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | |
|---|
| | | background-color: #f7f7eb; |
|---|
| | | padding: 0 10px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .bookList { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | width: 800px; |
|---|
| | | overflow-x: scroll; |
|---|
| | | overflow-y: hidden; |
|---|
| | | scrollbar-width: none; /* Firefox */ |
|---|
| | | -ms-overflow-style: none; /* Internet Explorer 10+ */ |
|---|
| | | } |
|---|
| | | .left { |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | .right { |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | .nameBox { |
|---|
| | | max-width: 110px; |
|---|
| | | } |
|---|
| | | .leftArrow { |
|---|
| | | margin-right: 10px; |
|---|
| | | padding: 15px 5px; |
|---|
| | | background-color: #fff; |
|---|
| | | position: sticky; |
|---|
| | | left: 0; |
|---|
| | | } |
|---|
| | | .rightArrow { |
|---|
| | | margin-left: 10px; |
|---|
| | | padding: 15px 5px; |
|---|
| | | background-color: #fff; |
|---|
| | | position: sticky; |
|---|
| | | right: 0; |
|---|
| | | } |
|---|
| | | .scollBox::-webkit-scrollbar { |
|---|
| | | display: none; /* Chrome Safari */ |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | .el-popover { |
|---|
| | | padding: 0 !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="searchContent"> |
|---|
| | | <div class="headerBox"> |
|---|
| | | <div class="contentBox container"> |
|---|
| | | <div class="headerTitle">ä¸è¯é¥®çå¨çº¿å¦ä¹ ä¸æºå¨è§è§è¯å«å¹³å°</div> |
|---|
| | | <div class="headerNav"> |
|---|
| | | <div |
|---|
| | | class="navItem" |
|---|
| | | v-for="(item, index) in navigatorList" |
|---|
| | | :class="{ active: index === 1 }" |
|---|
| | | :key="index" |
|---|
| | | @click="navigatorTo(item)" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="searchBox contentBox"> |
|---|
| | | <div class="searchInput"> |
|---|
| | | <el-input |
|---|
| | | style="border: none" |
|---|
| | | v-model="searchValue" |
|---|
| | | placeholder="请è¾å
¥å
容" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="searchBtn" @click="getDataList"> |
|---|
| | | <i class="el-icon-search"></i> |
|---|
| | | <span>æ£ç´¢</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="filterBox contentBox"> |
|---|
| | | <div style="margin-top: 20px; color: #01644c"> |
|---|
| | | æ¥æºï¼ãèè¯é¥®çæºå¨è§è§è¯å«æåã |
|---|
| | | </div> |
|---|
| | | <div style="margin-top: 20px; color: #01644c"> |
|---|
| | | <span>åæ¯ï¼</span> |
|---|
| | | <el-radio-group v-model="radio"> |
|---|
| | | <el-radio :label="3">A</el-radio> |
|---|
| | | <el-radio :label="6">B</el-radio> |
|---|
| | | <el-radio :label="9">C</el-radio> |
|---|
| | | </el-radio-group> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="cmsBox contentBox" v-loading="loading"> |
|---|
| | | <div |
|---|
| | | class="cmsItem" |
|---|
| | | v-for="item in dataList" |
|---|
| | | :key="item" |
|---|
| | | @click="goDetail(item)" |
|---|
| | | > |
|---|
| | | <div class="imgBox"> |
|---|
| | | <img class="autoImg" :src="item.icon" alt="" /> |
|---|
| | | </div> |
|---|
| | | <div class="cmsInfoBox"> |
|---|
| | | <div class="cmsTitle">{{ item.name + " " + item.Tibetan }}</div> |
|---|
| | | <div class="cmsContent"> |
|---|
| | | {{ item.base }} |
|---|
| | | </div> |
|---|
| | | <div class="cmsSource"> |
|---|
| | | æ¥æºï¼ã{{ productInfo.name }}ã {{ " " + productInfo.editor }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="pagination"> |
|---|
| | | <el-pagination |
|---|
| | | :hide-on-single-page="true" |
|---|
| | | layout=" pager,total" |
|---|
| | | page-count="6" |
|---|
| | | :total="totalCount" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: "search", |
|---|
| | | |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | loading: false, |
|---|
| | | radio: 3, |
|---|
| | | searchValue: "", |
|---|
| | | totalCount: 0, |
|---|
| | | navigatorList: [ |
|---|
| | | { |
|---|
| | | name: "é¦é¡µ", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä¸è¯é¥®çæ°æ®åº", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "ä¸è¯é¥®çå¦ä¹ ç³»ç»", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "饮çè§è§è¯å«ç³»ç»", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å
³äºæ们", |
|---|
| | | path: "/home", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | dataList: [], |
|---|
| | | productInfo: {}, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | created() { |
|---|
| | | this.getDataList(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | getDataList() { |
|---|
| | | let query = { |
|---|
| | | path: "DecoctionPiece", |
|---|
| | | queryType: "*", |
|---|
| | | paging: { |
|---|
| | | start: 0, |
|---|
| | | size: 99, |
|---|
| | | }, |
|---|
| | | fields: { |
|---|
| | | editor: [], |
|---|
| | | }, |
|---|
| | | filterList: {}, |
|---|
| | | coverSize: { |
|---|
| | | height: 200, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | this.loading = true; |
|---|
| | | this.MG.store.getProductList(query).then((res) => { |
|---|
| | | console.log(res); |
|---|
| | | this.productInfo = res.datas[0]; |
|---|
| | | this.MG.store |
|---|
| | | .getProductDetail({ |
|---|
| | | path: "*", |
|---|
| | | queryType: "*", |
|---|
| | | productId: res.datas[0].id, |
|---|
| | | cmsPath: res.datas[0].rootCmsItemId, |
|---|
| | | itemFields: {}, |
|---|
| | | }) |
|---|
| | | .then((resp) => { |
|---|
| | | console.log(resp, "resp"); |
|---|
| | | (this.productLinkPath = |
|---|
| | | resp.datas.cmsDatas[0].datas[0].productLinkPath), |
|---|
| | | console.log(res); |
|---|
| | | this.MG.store |
|---|
| | | .getProductDetail({ |
|---|
| | | path: "*", |
|---|
| | | queryType: "*", |
|---|
| | | productId: res.datas[0].id, |
|---|
| | | cmsPath: resp.datas.cmsDatas[0].datas[0].productLinkPath, |
|---|
| | | itemFields: { |
|---|
| | | DrugPropertiesAndMainIndications: [], |
|---|
| | | Tibetan: [], |
|---|
| | | TibetanMedicineApplication: [], |
|---|
| | | trait: [], |
|---|
| | | base: [], |
|---|
| | | origin: [], |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | .then((resp1) => { |
|---|
| | | console.log(resp1, "resp1"); |
|---|
| | | this.dataList = resp1.datas.cmsDatas[0].datas; |
|---|
| | | this.totalCount = this.dataList.length; |
|---|
| | | this.loading = false; |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | navigatorTo(item) { |
|---|
| | | console.log(item); |
|---|
| | | if (item.name == "é¦é¡µ") { |
|---|
| | | this.$router.push("/home"); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: "建设ä¸...", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | goDetail(item) { |
|---|
| | | console.log(item); |
|---|
| | | |
|---|
| | | this.$router.push( |
|---|
| | | "/home/detail?id=" + |
|---|
| | | this.productLinkPath + |
|---|
| | | "&name=" + |
|---|
| | | this.productInfo.id |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .searchContent { |
|---|
| | | min-height: calc(100vh - 232px); |
|---|
| | | background-color: #f1f0da; |
|---|
| | | background-image: url("@/assets/images/yinpian/home/home_bg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | padding-bottom: 100px; |
|---|
| | | } |
|---|
| | | .headerBox { |
|---|
| | | height: 76px; |
|---|
| | | border: 1px solid rgba(56, 91, 83, 0.22); |
|---|
| | | line-height: 76px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .container { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | .headerTitle { |
|---|
| | | font-size: 24px; |
|---|
| | | font-weight: 600; |
|---|
| | | color: #01644c; |
|---|
| | | } |
|---|
| | | .headerNav { |
|---|
| | | display: flex; |
|---|
| | | .navItem { |
|---|
| | | margin-left: 40px; |
|---|
| | | font-size: 16px; |
|---|
| | | cursor: pointer; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .active { |
|---|
| | | color: #01644c; |
|---|
| | | } |
|---|
| | | .searchBox { |
|---|
| | | margin-top: 50px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | |
|---|
| | | .searchInput { |
|---|
| | | width: 700px; |
|---|
| | | height: 60px; |
|---|
| | | background: url("@/assets/images/yinpian/home/search_fill.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | padding: 0 20px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | .searchBtn { |
|---|
| | | font-size: 18px; |
|---|
| | | color: #fff; |
|---|
| | | background: url("@/assets/images/yinpian/home/search.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | width: 180px; |
|---|
| | | height: 60px; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 60px; |
|---|
| | | margin-left: 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .filterBox { |
|---|
| | | margin-top: 50px; |
|---|
| | | font-size: 20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .cmsBox { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .cmsItem { |
|---|
| | | display: flex; |
|---|
| | | margin-top: 20px; |
|---|
| | | width: 46%; |
|---|
| | | background-color: #fff; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .imgBox { |
|---|
| | | width: 152px; |
|---|
| | | height: 120px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .cmsInfoBox { |
|---|
| | | margin-left: 20px; |
|---|
| | | |
|---|
| | | .cmsTitle { |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 600; |
|---|
| | | color: #01644c; |
|---|
| | | padding: 10px 0; |
|---|
| | | border-bottom: 1px solid #d9d9d9; |
|---|
| | | } |
|---|
| | | .cmsContent { |
|---|
| | | margin-top: 10px; |
|---|
| | | font-size: 14px; |
|---|
| | | font-weight: 400; |
|---|
| | | } |
|---|
| | | .cmsSource { |
|---|
| | | margin-top: 20px; |
|---|
| | | font-size: 14px; |
|---|
| | | font-weight: 400; |
|---|
| | | color: #6b6b6b; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .pagination { |
|---|
| | | margin-top: 50px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | .el-pager li { |
|---|
| | | background-color: none; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div v-loading="loading" element-loading-text="æ£å¨ç»å½"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | loading: true, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | console.log(this.$route.query); |
|---|
| | | this.$store.dispatch("setToken", this.$route.query.token); |
|---|
| | | this.getUserInfo(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getUserInfo(callback) { |
|---|
| | | this.MG.identity.getCurrentAppUser().then((res) => { |
|---|
| | | // ç¨æ·ä¿¡æ¯ä¼å
级ï¼æå¸è®¤è¯ > 微信 > å¦çï¼æ³¨åæ¶é»è®¤ï¼ |
|---|
| | | if (res) { |
|---|
| | | let teacherRole = res.roleLinks.find( |
|---|
| | | (item) => item.role.refCode == "teacher" |
|---|
| | | ); |
|---|
| | | let teacherInfo = res.infoList.find( |
|---|
| | | (item) => item.type == "teacherInfo" |
|---|
| | | ); |
|---|
| | | let wechatInfo = res.infoList.find((item) => item.type == "WeChat"); |
|---|
| | | let studentInfo = res.infoList.find((item) => item.type == "Default"); |
|---|
| | | let phoneInfo = res.secretList.find( |
|---|
| | | (item) => item.type == "MobilePhone" |
|---|
| | | ); |
|---|
| | | if (teacherRole && teacherInfo) { |
|---|
| | | let data = {}; |
|---|
| | | try { |
|---|
| | | data = JSON.parse(teacherInfo.data); |
|---|
| | | } catch (error) { |
|---|
| | | data = {}; |
|---|
| | | } |
|---|
| | | this.$store.dispatch("setUserInfo", { |
|---|
| | | ...data, |
|---|
| | | name: data.fullName, |
|---|
| | | phoneNumber: phoneInfo?.credential, |
|---|
| | | role: "Teacher", |
|---|
| | | roleId: teacherRole.role.id, |
|---|
| | | }); |
|---|
| | | } else if (wechatInfo) { |
|---|
| | | this.$store.dispatch("setUserInfo", { |
|---|
| | | ...wechatInfo, |
|---|
| | | phoneNumber: phoneInfo?.credential, |
|---|
| | | role: "Student", |
|---|
| | | }); |
|---|
| | | } else if (studentInfo) { |
|---|
| | | this.$store.dispatch("setUserInfo", { |
|---|
| | | ...studentInfo, |
|---|
| | | phoneNumber: phoneInfo?.credential, |
|---|
| | | role: "Student", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // æ¸
空æ¬å°å¨åçç³è¯·æ ·ä¹¦æ¸
å |
|---|
| | | this.$store.commit("emptyBookList"); |
|---|
| | | |
|---|
| | | this.loading = false; |
|---|
| | | this.$router.push({ |
|---|
| | | path: this.$route.query.url |
|---|
| | | ? decodeURIComponent(this.$route.query.url) |
|---|
| | | : "/home", |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | div { |
|---|
| | | margin: auto; |
|---|
| | | height: 100vh; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="loginPage"> |
|---|
| | | <div class="loginContent"> |
|---|
| | | <div class="loginFormBox"> |
|---|
| | | <div class="title"> |
|---|
| | | <span class="active">æ¾åå¯ç </span> |
|---|
| | | </div> |
|---|
| | | <!-- ç¨æ·åå¯ç ç»å½ --> |
|---|
| | | <div> |
|---|
| | | <div class="loginContentBox"> |
|---|
| | | <div class="errorTips" v-if="errorTipsTxt"> |
|---|
| | | {{ errorTipsTxt }} |
|---|
| | | <span |
|---|
| | | v-if="loginFormType == 'password'" |
|---|
| | | class="findPassword" |
|---|
| | | @click="toFindPassword()" |
|---|
| | | >æ¾åå¯ç </span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div class="codeLoginItemBox flex"> |
|---|
| | | <el-select |
|---|
| | | style="width: 100px" |
|---|
| | | class="mr10" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | v-model="loginForm.region" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in options" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | <el-input |
|---|
| | | class="flex1" |
|---|
| | | placeholder="请è¾å
¥ææºå·" |
|---|
| | | v-model="loginForm.mobilePhone" |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="codeLoginItemBox flex"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥å¾å½¢éªè¯ç " |
|---|
| | | class="flex1 mr10" |
|---|
| | | v-model="loginForm.imgCode" |
|---|
| | | ></el-input> |
|---|
| | | <div class="imgCode"> |
|---|
| | | <img :src="imgCode" alt="" @click="getImgCapcha" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="codeLoginItemBox flex"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥éªè¯ç " |
|---|
| | | class="flex1 mr10" |
|---|
| | | v-model="loginForm.verificationCode" |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | <el-button |
|---|
| | | style="width: 140px" |
|---|
| | | @click="getVerifyCode" |
|---|
| | | :disabled="countDown != 0" |
|---|
| | | >{{ |
|---|
| | | countDown == 0 |
|---|
| | | ? "è·åçä¿¡éªè¯ç " |
|---|
| | | : "éªè¯ç (" + countDown + "s)" |
|---|
| | | }}</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <!-- <div class="loginItemBox" v-if="loginFormType == 'password'"> |
|---|
| | | <span>ææºå·</span> |
|---|
| | | <el-input |
|---|
| | | class="loginItemIpt" |
|---|
| | | v-model="loginForm.mobilePhone" |
|---|
| | | placeholder="请è¾å
¥ææºå·" |
|---|
| | | clearable |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> --> |
|---|
| | | <div class="loginItemBox"> |
|---|
| | | <span>æ°å¯ç </span> |
|---|
| | | <el-input |
|---|
| | | class="loginItemIpt" |
|---|
| | | v-model="loginForm.password" |
|---|
| | | type="password" |
|---|
| | | show-password |
|---|
| | | placeholder="请è¾å
¥å¯ç " |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="loginItemBox"> |
|---|
| | | <span>确认å¯ç </span> |
|---|
| | | <el-input |
|---|
| | | class="loginItemIpt" |
|---|
| | | v-model="loginForm.repetitionPassword" |
|---|
| | | type="password" |
|---|
| | | show-password |
|---|
| | | placeholder="请è¾å
¥ç¡®è®¤å¯ç " |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="loginBtnBox"> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | class="loginBtn" |
|---|
| | | @click="loginFun" |
|---|
| | | :loading="loading" |
|---|
| | | >éç½®å¯ç </el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: "login", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | redirectPath: "", |
|---|
| | | loading: false, |
|---|
| | | errorTipsTxt: "", |
|---|
| | | loginFormType: "code", |
|---|
| | | imgCode: "", |
|---|
| | | loginForm: { |
|---|
| | | region: "ä¸å½+86", |
|---|
| | | mobilePhone: "", |
|---|
| | | password: "", |
|---|
| | | imgCode: "", |
|---|
| | | verificationCode: "", |
|---|
| | | repetitionPassword: "", |
|---|
| | | }, |
|---|
| | | countDown: 0, |
|---|
| | | options: [ |
|---|
| | | { |
|---|
| | | value: "ä¸å½+86", |
|---|
| | | label: "ä¸å½+86", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.redirectPath = this.$route.query.redirectPath; |
|---|
| | | this.getImgCapcha(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getImgCapcha() { |
|---|
| | | this.MG.identity.getImgCode().then((res) => { |
|---|
| | | this.imgCode = "data:image/png;base64," + res; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åéªè¯ç |
|---|
| | | getVerifyCode() { |
|---|
| | | if (!this.config.reg_tel.test(this.loginForm.mobilePhone)) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çææºå·ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else if ( |
|---|
| | | this.loginForm.imgCode == "" || |
|---|
| | | this.loginForm.imgCode.length != 4 |
|---|
| | | ) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çå¾å½¢éªè¯ç ", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | this.MG.identity |
|---|
| | | .getPhoneCode({ |
|---|
| | | phoneNumber: this.loginForm.mobilePhone, |
|---|
| | | imageCaptcha: this.loginForm.imgCode, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | if (res == "éªè¯ç åéæå") { |
|---|
| | | this.getSecond(60); |
|---|
| | | this.$message({ |
|---|
| | | message: res, |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: res, |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | this.getImgCapcha(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //éªè¯ç åè®¡æ¶ |
|---|
| | | getSecond(time) { |
|---|
| | | if (!this.timer) { |
|---|
| | | this.countDown = time; |
|---|
| | | this.timer = setInterval(() => { |
|---|
| | | this.countDown--; |
|---|
| | | if (this.countDown == 0) { |
|---|
| | | clearInterval(this.timer); |
|---|
| | | this.timer = null; |
|---|
| | | } |
|---|
| | | }, 1000); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | loginFun() { |
|---|
| | | if (!this.loginForm.mobilePhone) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥ææºå·ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (!this.loginForm.verificationCode) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥çä¿¡éªè¯ç ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (!this.loginForm.password) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥å¯ç ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.loginForm.password != this.loginForm.repetitionPassword) { |
|---|
| | | this.$message({ |
|---|
| | | message: "两次è¾å
¥å¯ç ä¸ä¸è´ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.loading = true; |
|---|
| | | |
|---|
| | | this.MG.identity |
|---|
| | | .changePasswordByMobilePhone({ |
|---|
| | | phoneNumber: this.loginForm.mobilePhone, |
|---|
| | | phoneCaptcha: this.loginForm.verificationCode, |
|---|
| | | password: this.loginForm.password, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.loading = false; |
|---|
| | | this.$message({ |
|---|
| | | message: "å¯ç éç½®æåï¼", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | @import "@/assets/css/theme.less"; |
|---|
| | | .loginPage { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background-image: url("@/assets/images/login/pageBg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | position: relative; |
|---|
| | | .loginContent { |
|---|
| | | width: 1200px; |
|---|
| | | height: 570px; |
|---|
| | | position: absolute; |
|---|
| | | top: 50%; |
|---|
| | | left: 50%; |
|---|
| | | margin-top: -285px; |
|---|
| | | margin-left: -600px; |
|---|
| | | padding: 36px 0; |
|---|
| | | box-shadow: 0px 0px 66px 0px rgb(170 170 170 / 35%); |
|---|
| | | background-image: url("@/assets/images/login/boxBg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | box-sizing: border-box; |
|---|
| | | text-align: right; |
|---|
| | | .loginFormBox { |
|---|
| | | display: inline-block; |
|---|
| | | width: 420px; |
|---|
| | | height: 496px; |
|---|
| | | padding: 30px 40px; |
|---|
| | | margin-right: 60px; |
|---|
| | | background: #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0 0 5px 0 hsl(0deg 0% 67% / 35%); |
|---|
| | | .title { |
|---|
| | | font-size: 16px; |
|---|
| | | text-align: center; |
|---|
| | | color: #333333; |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | width: 80px; |
|---|
| | | cursor: pointer; |
|---|
| | | &.active { |
|---|
| | | font-weight: bold; |
|---|
| | | color: @color; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .division { |
|---|
| | | width: 5px; |
|---|
| | | margin: 0 50px; |
|---|
| | | cursor: initial; |
|---|
| | | color: #d0d0d0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .loginContentBox { |
|---|
| | | padding-top: 30px; |
|---|
| | | margin-top: 20px; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | position: relative; |
|---|
| | | .errorTips { |
|---|
| | | position: absolute; |
|---|
| | | top: 8px; |
|---|
| | | left: 10px; |
|---|
| | | font-size: 12px; |
|---|
| | | color: #e50021; |
|---|
| | | .findPassword { |
|---|
| | | cursor: pointer; |
|---|
| | | color: #2b68cd; |
|---|
| | | font-size: 12px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .codeLoginItemBox { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | .imgCode { |
|---|
| | | width: 140px; |
|---|
| | | height: 40px; |
|---|
| | | img { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background: #efefef; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .loginItemBox { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | border-radius: 4px; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | width: 100px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .changFormBtn { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | overflow: hidden; |
|---|
| | | span { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .loginBtnBox { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | .loginBtn { |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .registerBox { |
|---|
| | | margin-top: 20px; |
|---|
| | | font-size: 14px; |
|---|
| | | text-align: center; |
|---|
| | | color: #666666; |
|---|
| | | span { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .division { |
|---|
| | | margin: 0 20px; |
|---|
| | | cursor: initial; |
|---|
| | | color: #d0d0d0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .wechatBox { |
|---|
| | | .wxCodeBox { |
|---|
| | | margin-top: 10px; |
|---|
| | | height: 300px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mr10 { |
|---|
| | | margin-right: 10px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | .loginItemIpt .el-input__inner { |
|---|
| | | height: 38px; |
|---|
| | | line-height: 38px; |
|---|
| | | border: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="loginPage"> |
|---|
| | | <div class="loginContent"> |
|---|
| | | <div class="loginFormBox"> |
|---|
| | | <div class="title"> |
|---|
| | | <span |
|---|
| | | :class="{ active: !weChatLogin }" |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | weChatLogin = false; |
|---|
| | | } |
|---|
| | | " |
|---|
| | | >ææºå·ç»å½</span |
|---|
| | | > |
|---|
| | | <span class="division">|</span> |
|---|
| | | <span :class="{ active: weChatLogin }" @click="weChatLoginFun" |
|---|
| | | >微信ç»å½</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <!-- ç¨æ·åå¯ç ç»å½ --> |
|---|
| | | <div v-if="!weChatLogin"> |
|---|
| | | <div class="loginContentBox"> |
|---|
| | | <div class="errorTips" v-if="errorTipsTxt"> |
|---|
| | | {{ errorTipsTxt }} |
|---|
| | | <span |
|---|
| | | v-if="loginFormType == 'password'" |
|---|
| | | class="findPassword" |
|---|
| | | @click="toFindPassword()" |
|---|
| | | >æ¾åå¯ç </span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div class="codeLoginItemBox flex" v-if="loginFormType == 'code'"> |
|---|
| | | <el-select |
|---|
| | | style="width: 100px" |
|---|
| | | class="mr10" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | v-model="loginForm.region" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in options" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | <el-input |
|---|
| | | class="flex1" |
|---|
| | | placeholder="请è¾å
¥ææºå·" |
|---|
| | | v-model="loginForm.mobilePhone" |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="codeLoginItemBox flex" v-if="loginFormType == 'code'"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥å¾å½¢éªè¯ç " |
|---|
| | | class="flex1 mr10" |
|---|
| | | v-model="loginForm.imgCode" |
|---|
| | | ></el-input> |
|---|
| | | <div class="imgCode"> |
|---|
| | | <img :src="imgCode" alt="" @click="getImgCapcha" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="codeLoginItemBox flex" v-if="loginFormType == 'code'"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥éªè¯ç " |
|---|
| | | class="flex1 mr10" |
|---|
| | | v-model="loginForm.verificationCode" |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | <el-button |
|---|
| | | style="width: 140px" |
|---|
| | | @click="getVerifyCode" |
|---|
| | | :disabled="countDown != 0" |
|---|
| | | >{{ |
|---|
| | | countDown == 0 |
|---|
| | | ? "è·åçä¿¡éªè¯ç " |
|---|
| | | : "éªè¯ç (" + countDown + "s)" |
|---|
| | | }}</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div class="loginItemBox" v-if="loginFormType == 'password'"> |
|---|
| | | <span>ææºå·</span> |
|---|
| | | <el-input |
|---|
| | | class="loginItemIpt" |
|---|
| | | v-model="loginForm.mobilePhone" |
|---|
| | | placeholder="请è¾å
¥ææºå·" |
|---|
| | | clearable |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="loginItemBox" v-if="loginFormType == 'password'"> |
|---|
| | | <span>å¯ç </span> |
|---|
| | | <el-input |
|---|
| | | class="loginItemIpt" |
|---|
| | | v-model="loginForm.password" |
|---|
| | | type="password" |
|---|
| | | show-password |
|---|
| | | placeholder="请è¾å
¥å¯ç " |
|---|
| | | @keyup.enter.native="loginFun" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="changFormBtn"> |
|---|
| | | <span |
|---|
| | | v-if="loginFormType == 'password'" |
|---|
| | | @click="() => (loginFormType = 'code')" |
|---|
| | | >çä¿¡éªè¯ç ç»å½</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | v-if="loginFormType == 'code'" |
|---|
| | | @click="() => (loginFormType = 'password')" |
|---|
| | | >ææºå·å¯ç ç»å½</span |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div class="loginBtnBox"> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | class="loginBtn" |
|---|
| | | @click="loginFun" |
|---|
| | | :loading="loginLoading" |
|---|
| | | >ç» å½</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div class="registerBox"> |
|---|
| | | <span |
|---|
| | | @click=" |
|---|
| | | () => { |
|---|
| | | $router.push({ |
|---|
| | | path: '/register' |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | " |
|---|
| | | >ç«å³æ³¨å</span |
|---|
| | | > |
|---|
| | | <span class="division">|</span> |
|---|
| | | <span @click="toFindPassword">å¿è®°å¯ç </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 微信ç»å½ --> |
|---|
| | | <div class="wechatBox" v-if="weChatLogin"> |
|---|
| | | <wxlogin |
|---|
| | | :redirect_uri="wxLogin.redirectURL" |
|---|
| | | style="width: 300px; height: 400px; margin: 20px auto 0" |
|---|
| | | :appid="wxLogin.appid" |
|---|
| | | :scope="wxLogin.scope" |
|---|
| | | state="WeChatScanningCodeLogin" |
|---|
| | | > |
|---|
| | | </wxlogin> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import wxlogin from "vue-wxlogin"; |
|---|
| | | export default { |
|---|
| | | name: "login", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | redirectPath: "", |
|---|
| | | weChatLogin: false, |
|---|
| | | loginLoading: false, |
|---|
| | | errorTipsTxt: "", |
|---|
| | | loginFormType: "code", |
|---|
| | | imgCode: "", |
|---|
| | | // ç»å½è¡¨å |
|---|
| | | loginForm: { |
|---|
| | | region: "ä¸å½+86", |
|---|
| | | mobilePhone: "", |
|---|
| | | password: "", |
|---|
| | | imgCode: "", |
|---|
| | | verificationCode: "" |
|---|
| | | }, |
|---|
| | | countDown: 0, |
|---|
| | | options: [ |
|---|
| | | { |
|---|
| | | value: "ä¸å½+86", |
|---|
| | | label: "ä¸å½+86" |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | wxLogin: { |
|---|
| | | appid: "wxad15251431e1f3fd", |
|---|
| | | scope: "snsapi_login", |
|---|
| | | redirectURL: encodeURIComponent("https://www.caupress.com.cn/website/") |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | components: { |
|---|
| | | wxlogin |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | if (this.$route.query.from == "weChatLogin") { |
|---|
| | | this.weChatLoginFun() |
|---|
| | | } |
|---|
| | | if (!this.tool.getCookie(this.config.tokenKey)) { |
|---|
| | | this.$store.dispatch("setToken"); |
|---|
| | | } |
|---|
| | | if (!this.tool.getCookie(this.config.userInfoKey)) { |
|---|
| | | this.$store.dispatch("setUserInfo"); |
|---|
| | | } |
|---|
| | | this.redirectPath = this.$route.query.redirectPath; |
|---|
| | | this.getImgCapcha(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getImgCapcha() { |
|---|
| | | this.MG.identity.getImgCode().then((res) => { |
|---|
| | | this.imgCode = "data:image/png;base64," + res; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åéªè¯ç |
|---|
| | | getVerifyCode() { |
|---|
| | | if (!this.config.reg_tel.test(this.loginForm.mobilePhone)) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çææºå·ï¼", |
|---|
| | | type: "error" |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else if ( |
|---|
| | | this.loginForm.imgCode == "" || |
|---|
| | | this.loginForm.imgCode.length != 4 |
|---|
| | | ) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çå¾å½¢éªè¯ç ", |
|---|
| | | type: "error" |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | this.MG.identity |
|---|
| | | .getPhoneCode({ |
|---|
| | | phoneNumber: this.loginForm.mobilePhone, |
|---|
| | | imageCaptcha: this.loginForm.imgCode, |
|---|
| | | appRefCode: this.config.appRefCode |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | if (res == "éªè¯ç åéæå") { |
|---|
| | | this.getSecond(60); |
|---|
| | | this.$message({ |
|---|
| | | message: res, |
|---|
| | | type: "success" |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: res, |
|---|
| | | type: "error" |
|---|
| | | }); |
|---|
| | | this.getImgCapcha(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //éªè¯ç åè®¡æ¶ |
|---|
| | | getSecond(time) { |
|---|
| | | if (!this.timer) { |
|---|
| | | this.countDown = time; |
|---|
| | | this.timer = setInterval(() => { |
|---|
| | | this.countDown--; |
|---|
| | | if (this.countDown == 0) { |
|---|
| | | clearInterval(this.timer); |
|---|
| | | this.timer = null; |
|---|
| | | } |
|---|
| | | }, 1000); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | weChatLoginFun() { |
|---|
| | | window.location.href = `https://open.weixin.qq.com/connect/qrconnect?appid=${this.wxLogin.appid}&scope=${this.wxLogin.scope}&redirect_uri=${this.wxLogin.redirectURL}&state=WeChatScanningCodeLogin`; |
|---|
| | | }, |
|---|
| | | loginFun() { |
|---|
| | | if (!this.loginForm.mobilePhone) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥ææºå·ï¼", |
|---|
| | | type: "error" |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | // æµè¯ä½¿ç¨ç¨æ·ååå¯ç |
|---|
| | | // if (!this.config.reg_tel.test(this.loginForm.mobilePhone)) { |
|---|
| | | // this.$message({ |
|---|
| | | // message: "请è¾å
¥æ£ç¡®æ ¼å¼çææºå·ï¼", |
|---|
| | | // type: "error" |
|---|
| | | // }); |
|---|
| | | // return false; |
|---|
| | | // } |
|---|
| | | if (this.loginFormType == "code" && !this.loginForm.verificationCode) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥çä¿¡éªè¯ç ï¼", |
|---|
| | | type: "error" |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.loginFormType == "password" && !this.loginForm.password) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥å¯ç ï¼", |
|---|
| | | type: "error" |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | this.loginLoading = true; |
|---|
| | | if (this.loginFormType == "code") { |
|---|
| | | this.MG.identity |
|---|
| | | .loginByMobilePhone({ |
|---|
| | | phoneNumber: this.loginForm.mobilePhone, |
|---|
| | | phoneCaptcha: this.loginForm.verificationCode, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | platform: "PCWeb" |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.loginLoading = false; |
|---|
| | | if (res && res.status == "Ok") { |
|---|
| | | this.$message({ |
|---|
| | | message: "ç»å½æåï¼", |
|---|
| | | type: "success" |
|---|
| | | }); |
|---|
| | | this.$store.dispatch("setToken", res.token); |
|---|
| | | this.getUserInfo(); |
|---|
| | | } else { |
|---|
| | | this.errorTipsTxt = res.message || "ææºå·æéªè¯ç é误ï¼"; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.MG.identity |
|---|
| | | .loginByPassword({ |
|---|
| | | loginName: this.loginForm.mobilePhone, |
|---|
| | | password: this.loginForm.password, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | platform: "PCWeb" |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.loginLoading = false; |
|---|
| | | if (res && res.status == "Ok") { |
|---|
| | | this.$message({ |
|---|
| | | message: "ç»å½æåï¼", |
|---|
| | | type: "success" |
|---|
| | | }); |
|---|
| | | this.$store.dispatch("setToken", res.token); |
|---|
| | | this.getUserInfo(); |
|---|
| | | } else { |
|---|
| | | this.errorTipsTxt = res.message || "ææºå·æå¯ç é误ï¼"; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | getUserInfo(callback) { |
|---|
| | | this.MG.identity.getCurrentAppUser().then((res) => { |
|---|
| | | // ç¨æ·ä¿¡æ¯ä¼å
级ï¼æå¸è®¤è¯ > 微信 > å¦çï¼æ³¨åæ¶é»è®¤ï¼ |
|---|
| | | if (res) { |
|---|
| | | let teacherRole = res.roleLinks.find( |
|---|
| | | (item) => item.role.refCode == "teacher" |
|---|
| | | ); |
|---|
| | | let teacherInfo = res.infoList.find( |
|---|
| | | (item) => item.type == "teacherInfo" |
|---|
| | | ); |
|---|
| | | let wechatInfo = res.infoList.find((item) => item.type == "WeChat"); |
|---|
| | | let studentInfo = res.infoList.find((item) => item.type == "Default"); |
|---|
| | | let phoneInfo = res.secretList.find( |
|---|
| | | (item) => item.type == "MobilePhone" |
|---|
| | | ); |
|---|
| | | if (teacherRole && teacherInfo) { |
|---|
| | | let data = {}; |
|---|
| | | try { |
|---|
| | | data = JSON.parse(teacherInfo.data); |
|---|
| | | } catch (error) { |
|---|
| | | data = {}; |
|---|
| | | } |
|---|
| | | this.$store.dispatch("setUserInfo", { |
|---|
| | | ...data, |
|---|
| | | name: data.fullName, |
|---|
| | | phoneNumber: phoneInfo?.credential, |
|---|
| | | role: "Teacher", |
|---|
| | | roleId: teacherRole.role.id |
|---|
| | | }); |
|---|
| | | } else if (wechatInfo) { |
|---|
| | | this.$store.dispatch("setUserInfo", { |
|---|
| | | ...wechatInfo, |
|---|
| | | phoneNumber: phoneInfo?.credential, |
|---|
| | | role: "Student" |
|---|
| | | }); |
|---|
| | | } else if (studentInfo) { |
|---|
| | | this.$store.dispatch("setUserInfo", { |
|---|
| | | ...studentInfo, |
|---|
| | | phoneNumber: phoneInfo?.credential, |
|---|
| | | role: "Student" |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // æ¸
空æ¬å°å¨åçç³è¯·æ ·ä¹¦æ¸
å |
|---|
| | | this.$store.commit("emptyBookList"); |
|---|
| | | if (callback) { |
|---|
| | | callback(); |
|---|
| | | } else { |
|---|
| | | this.$router.push({ |
|---|
| | | path: this.redirectPath ? this.redirectPath : "/home" |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //æ¾åå¯ç |
|---|
| | | toFindPassword() { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/findPassword" |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | @import "@/assets/css/theme.less"; |
|---|
| | | .loginPage { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background-image: url("@/assets/images/login/pageBg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | position: relative; |
|---|
| | | padding: 50px 0; |
|---|
| | | .loginContent { |
|---|
| | | width: 1200px; |
|---|
| | | height: 570px; |
|---|
| | | margin: 0 auto; |
|---|
| | | padding: 36px 0; |
|---|
| | | box-shadow: 0px 0px 66px 0px rgb(170 170 170 / 35%); |
|---|
| | | background-image: url("@/assets/images/login/boxBg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | box-sizing: border-box; |
|---|
| | | text-align: right; |
|---|
| | | .loginFormBox { |
|---|
| | | display: inline-block; |
|---|
| | | width: 420px; |
|---|
| | | height: 496px; |
|---|
| | | padding: 30px 40px; |
|---|
| | | margin-right: 60px; |
|---|
| | | background: #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0 0 5px 0 hsl(0deg 0% 67% / 35%); |
|---|
| | | .title { |
|---|
| | | font-size: 16px; |
|---|
| | | text-align: center; |
|---|
| | | color: #333333; |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | width: 80px; |
|---|
| | | cursor: pointer; |
|---|
| | | &.active { |
|---|
| | | font-weight: bold; |
|---|
| | | color: @color; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .division { |
|---|
| | | width: 5px; |
|---|
| | | margin: 0 50px; |
|---|
| | | cursor: initial; |
|---|
| | | color: #d0d0d0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .loginContentBox { |
|---|
| | | padding-top: 60px; |
|---|
| | | margin-top: 20px; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | position: relative; |
|---|
| | | .errorTips { |
|---|
| | | position: absolute; |
|---|
| | | top: 8px; |
|---|
| | | left: 10px; |
|---|
| | | font-size: 12px; |
|---|
| | | color: #e50021; |
|---|
| | | .findPassword { |
|---|
| | | cursor: pointer; |
|---|
| | | color: #2b68cd; |
|---|
| | | font-size: 12px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .codeLoginItemBox { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | .imgCode { |
|---|
| | | width: 140px; |
|---|
| | | height: 40px; |
|---|
| | | img { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background: #efefef; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .loginItemBox { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | border-radius: 4px; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | width: 100px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .changFormBtn { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | overflow: hidden; |
|---|
| | | span { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .loginBtnBox { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | .loginBtn { |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .registerBox { |
|---|
| | | margin-top: 20px; |
|---|
| | | font-size: 14px; |
|---|
| | | text-align: center; |
|---|
| | | color: #666666; |
|---|
| | | span { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .division { |
|---|
| | | margin: 0 20px; |
|---|
| | | cursor: initial; |
|---|
| | | color: #d0d0d0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .wechatBox { |
|---|
| | | .wxCodeBox { |
|---|
| | | margin-top: 10px; |
|---|
| | | height: 300px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .mr10 { |
|---|
| | | margin-right: 10px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | .loginItemIpt .el-input__inner { |
|---|
| | | height: 38px; |
|---|
| | | line-height: 38px; |
|---|
| | | border: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div class="registerPage"> |
|---|
| | | <div class="registerContent"> |
|---|
| | | <div class="registerBox"> |
|---|
| | | <div class="registerForm"> |
|---|
| | | <h1>注åéè¡è¯</h1> |
|---|
| | | <div class="formItem flex"> |
|---|
| | | <el-select placeholder="请éæ©" v-model="registerForm.region"> |
|---|
| | | <el-option |
|---|
| | | v-for="item in options" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥ææºå·" |
|---|
| | | class="ml10" |
|---|
| | | clearable |
|---|
| | | v-model="registerForm.phoneNumber" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="formItem flex"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥å¾å½¢éªè¯ç " |
|---|
| | | class="flex1" |
|---|
| | | v-model="registerForm.imgCode" |
|---|
| | | ></el-input> |
|---|
| | | <div class="imgCode ml10"> |
|---|
| | | <img :src="imgCode" alt="" @click="getImgCapcha" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="formItem flex"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请è¾å
¥çä¿¡éªè¯ç " |
|---|
| | | class="flex1" |
|---|
| | | v-model="registerForm.verificationCode" |
|---|
| | | ></el-input> |
|---|
| | | <el-button |
|---|
| | | class="ml10" |
|---|
| | | style="width: 140px" |
|---|
| | | @click="getVerifyCode" |
|---|
| | | :disabled="countDown != 0" |
|---|
| | | >{{ |
|---|
| | | countDown == 0 ? "è·åçä¿¡éªè¯ç " : "éªè¯ç (" + countDown + "s)" |
|---|
| | | }}</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <!-- ææºå·æ³¨åä¸éè¦å¡«åç¨æ·åï¼å
注é --> |
|---|
| | | <!-- <div class="formItem flex"> |
|---|
| | | <span>ç¨æ·å</span> |
|---|
| | | <el-input |
|---|
| | | v-model="registerForm.username" |
|---|
| | | placeholder="ç¨æ·åé¿åº¦3-64个å符ï¼ç±åæ¯ãæ°åç»æ" |
|---|
| | | clearable |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="formItem"> |
|---|
| | | <p class="tips">ç¨æ·å称ä¸æ¦æ³¨åæåä¸å¯ä¿®æ¹</p> |
|---|
| | | </div> --> |
|---|
| | | <div class="formItem"> |
|---|
| | | <el-input |
|---|
| | | v-model="registerForm.password" |
|---|
| | | type="password" |
|---|
| | | show-password |
|---|
| | | placeholder="请è¾å
¥å¯ç " |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="formItem"> |
|---|
| | | <el-input |
|---|
| | | v-model="registerForm.passwordAgain" |
|---|
| | | type="password" |
|---|
| | | show-password |
|---|
| | | placeholder="确认å¯ç " |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="formItem"> |
|---|
| | | <p class="tips">请å°å¯ç 设置为8-16ä½ï¼ä¸ä¸æ¯æ纯æ°å</p> |
|---|
| | | </div> |
|---|
| | | <div class="formItem"> |
|---|
| | | <el-button |
|---|
| | | class="registerBtn" |
|---|
| | | :class="{ isActive: registerForm.accept }" |
|---|
| | | :disabled="!registerForm.accept" |
|---|
| | | :loading="registerBtnLoading" |
|---|
| | | @click="registerFun" |
|---|
| | | >注å</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <div class="termsBox"> |
|---|
| | | <el-checkbox class="termsCheckBox" v-model="registerForm.accept"> |
|---|
| | | </el-checkbox> |
|---|
| | | <span>ææ¥å并åæ</span> |
|---|
| | | <span class="terms" @click="getClauseData(1)">ãç¨æ·æå¡æ¡æ¬¾ã</span> |
|---|
| | | <span>å</span> |
|---|
| | | <span class="terms" @click="getClauseData(0)">ãéç§æ¿çã</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="tipBox"> |
|---|
| | | <p> |
|---|
| | | å·²æè´¦å·ï¼è¯·ç¹å»è¿é |
|---|
| | | <span class="toLogin" @click="toLogin()">ç´æ¥ç»å½</span> |
|---|
| | | </p> |
|---|
| | | <p>使ç¨ç¬¬ä¸æ¹è´¦å·ç»å½</p> |
|---|
| | | <p> |
|---|
| | | <img |
|---|
| | | @click="toWxLogin()" |
|---|
| | | src="@/assets/images/login/weChartIcon.png" |
|---|
| | | alt |
|---|
| | | /> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- å¼¹æ¡ --> |
|---|
| | | <el-dialog |
|---|
| | | title="ãç¨æ·æå¡æ¡æ¬¾ã" |
|---|
| | | :visible.sync="dialogVisibleUserService" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | width="40%" |
|---|
| | | > |
|---|
| | | <div class="protocolBox" v-html="userProtocolTxt"></div> |
|---|
| | | |
|---|
| | | <span slot="footer" class="dialog-footer"> |
|---|
| | | <!-- <el-button @click="dialogVisible = false">å æ¶</el-button> --> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | class="btn" |
|---|
| | | @click="dialogVisibleUserService = false" |
|---|
| | | >ç¡® å®</el-button |
|---|
| | | > |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | title="ãéç§æ¿çæ¡æ¬¾ã" |
|---|
| | | :visible.sync="dialogVisibleprivacyPolicy" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | width="40%" |
|---|
| | | > |
|---|
| | | <div class="protocolBox" v-html="privacyPolicyTxt"></div> |
|---|
| | | |
|---|
| | | <span slot="footer" class="dialog-footer"> |
|---|
| | | <!-- <el-button @click="dialogVisible = false">å æ¶</el-button> --> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | class="btn" |
|---|
| | | @click="dialogVisibleUserService = false" |
|---|
| | | >ç¡® å®</el-button |
|---|
| | | > |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: "register", |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dialogVisibleprivacyPolicy:false, |
|---|
| | | //ç¨æ·åè®®dialog |
|---|
| | | dialogVisibleUserService: false, |
|---|
| | | //ç¨æ·åè®® |
|---|
| | | userProtocolTxt:"", |
|---|
| | | //å议弹æ¡title |
|---|
| | | dialogTitle:"", |
|---|
| | | //éç§æ¿çæ¡æ¬¾ |
|---|
| | | privacyPolicyTxt:"", |
|---|
| | | //å½åæ¡æ¬¾å¯ææ¬ |
|---|
| | | currentProtocolTxt:"", |
|---|
| | | clauseDialog: { |
|---|
| | | title: "", |
|---|
| | | open: false, |
|---|
| | | }, |
|---|
| | | clauseData: "", |
|---|
| | | registerBtnLoading: false, |
|---|
| | | options: [ |
|---|
| | | { |
|---|
| | | value: "ä¸å½+86", |
|---|
| | | label: "ä¸å½+86", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | registerForm: { |
|---|
| | | region: "ä¸å½+86", |
|---|
| | | phoneNumber: "", |
|---|
| | | imgCode: "", |
|---|
| | | username: "", |
|---|
| | | verificationCode: "", |
|---|
| | | password: "", |
|---|
| | | passwordAgain: "", |
|---|
| | | accept: true, |
|---|
| | | }, |
|---|
| | | countDown: 0, |
|---|
| | | imgCode: "", |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.showTips(); |
|---|
| | | this.getImgCapcha(); |
|---|
| | | this.getProtocol(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | showTips() { |
|---|
| | | this.$confirm( |
|---|
| | | "å¦ææ¨å·²ä½¿ç¨è¿ä¸å½åä¸å¤§å¦åºç社å
¬ä¼å·æ ·ä¹¦ç³è¯·æå¡ï¼è¯·ä½¿ç¨å¾®ä¿¡æ«ç ç»å½ï¼", |
|---|
| | | "温馨æ示", |
|---|
| | | { |
|---|
| | | confirmButtonText: "å»å¾®ä¿¡æ«ç ç»å½", |
|---|
| | | cancelButtonText: "继ç»æ³¨åå
¨æ°è´¦å·", |
|---|
| | | type: "warning", |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | .then(() => { |
|---|
| | | this.toWxLogin(); |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | }, |
|---|
| | | getImgCapcha() { |
|---|
| | | this.MG.identity.getImgCode().then((res) => { |
|---|
| | | this.imgCode = "data:image/png;base64," + res; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åéªè¯ç (注å) |
|---|
| | | getVerifyCode() { |
|---|
| | | if (!this.config.reg_tel.test(this.registerForm.phoneNumber)) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çææºå·ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else if ( |
|---|
| | | this.registerForm.imgCode == "" || |
|---|
| | | this.registerForm.imgCode.length != 4 |
|---|
| | | ) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çå¾å½¢éªè¯ç ", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | this.MG.identity |
|---|
| | | .getPhoneCode({ |
|---|
| | | phoneNumber: this.registerForm.phoneNumber, |
|---|
| | | imageCaptcha: this.registerForm.imgCode, |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | if (res == "éªè¯ç åéæå") { |
|---|
| | | this.$message({ |
|---|
| | | message: res, |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.getSecond(60); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: res, |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | this.getImgCapcha(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //éªè¯ç åè®¡æ¶ |
|---|
| | | getSecond(time) { |
|---|
| | | if (!this.timer) { |
|---|
| | | this.countDown = time; |
|---|
| | | this.timer = setInterval(() => { |
|---|
| | | this.countDown--; |
|---|
| | | if (this.countDown == 0) { |
|---|
| | | clearInterval(this.timer); |
|---|
| | | this.timer = null; |
|---|
| | | } |
|---|
| | | }, 1000); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // ç»å®ææºå·å¼¹æ¡-ç»å®æé®-å½æ° |
|---|
| | | registerFun() { |
|---|
| | | if (this.registerForm.phoneNumber == "") { |
|---|
| | | this.$message({ |
|---|
| | | message: "ææºå·ä¸è½ä¸ºç©º", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.registerForm.verificationCode == "") { |
|---|
| | | this.$message({ |
|---|
| | | message: "çä¿¡éªè¯ç ä¸è½ä¸ºç©º", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.registerForm.password == "") { |
|---|
| | | this.$message({ |
|---|
| | | message: "å¯ç ä¸è½ä¸ºç©º", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | if (this.registerForm.password != this.registerForm.passwordAgain) { |
|---|
| | | this.$message({ |
|---|
| | | message: "两次è¾å
¥å¯ç ä¸ä¸è´", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | let pwdreg = |
|---|
| | | // eslint-disable-next-line |
|---|
| | | /^(?![A-Za-z]+$)(?![0-9]+$)(?![_!@#$%^&*`~()\-+=<>?:,./;'\|\\\{\}\[\]]+$)[a-zA-Z0-9_!@#$%^&*`~()\-+=<>?:,./;'\|\\\{\}\[\]]{8,32}$/; |
|---|
| | | if (!this.config.reg_tel.test(this.registerForm.phoneNumber)) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请è¾å
¥æ£ç¡®æ ¼å¼çææºå·ï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | } else if (!pwdreg.test(this.registerForm.password)) { |
|---|
| | | this.$message({ |
|---|
| | | message: |
|---|
| | | "å¯ç é¿åº¦8-32个å符ï¼å¿
é¡»ç±åæ¯ãæ°åã符å·ï¼-*/+_.~!@#$%^&*åæ¬å·ï¼ä¸¤ç§å以ä¸ç»åï¼", |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | this.registerBtnLoading = true; |
|---|
| | | this.MG.identity |
|---|
| | | .registerAppUserWithPhone({ |
|---|
| | | appRefCode: this.config.appRefCode, |
|---|
| | | phoneNumber: this.registerForm.phoneNumber, |
|---|
| | | phoneCaptcha: this.registerForm.verificationCode, |
|---|
| | | passWord: this.registerForm.password, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | this.registerBtnLoading = false; |
|---|
| | | if (res) { |
|---|
| | | this.$confirm("注åæåï¼", { |
|---|
| | | confirmButtonText: "å»ç»å½", |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "success", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => {}); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .catch((e) => { |
|---|
| | | this.$message({ |
|---|
| | | message: e.response.data.msg, |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | this.registerBtnLoading = false; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //è·åç¨æ·åè®® |
|---|
| | | getProtocol() { |
|---|
| | | var that = this; |
|---|
| | | that.MG.resource |
|---|
| | | .getItem({ |
|---|
| | | path: "caupress_protocol", |
|---|
| | | fields: { |
|---|
| | | caupress_content: [], |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | .then((res) => { |
|---|
| | | console.log(res); |
|---|
| | | try { |
|---|
| | | const data = res.datas.find( |
|---|
| | | (e) => e.refCode == "caupress_userRegistrationAgreement" |
|---|
| | | ); |
|---|
| | | this.userProtocolTxt = data ? data.caupress_content : "ææ åè®®"; |
|---|
| | | const privacy = res.datas.find( |
|---|
| | | (e) => e.refCode == "caupress_privacyPolicy" |
|---|
| | | ); |
|---|
| | | this.privacyPolicyTxt = privacy ? privacy.caupress_content : "ææ åè®®"; |
|---|
| | | |
|---|
| | | } catch (error) { |
|---|
| | | this.protocolTxt = "ææ åè®®"; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getClauseData(type) { |
|---|
| | | console.log(type); |
|---|
| | | if(type == 1){ |
|---|
| | | this.dialogVisibleUserService = true |
|---|
| | | |
|---|
| | | }else{ |
|---|
| | | this.dialogVisibleprivacyPolicy = true |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | toLogin() { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | toWxLogin() { |
|---|
| | | this.$router.push({ |
|---|
| | | path: "/login", |
|---|
| | | query: { |
|---|
| | | from: "weChatLogin", |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | @import "@/assets/css/theme.less"; |
|---|
| | | .registerPage { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background-image: url("@/assets/images/login/pageBg.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | position: relative; |
|---|
| | | padding: 50px 0; |
|---|
| | | .registerContent { |
|---|
| | | width: 1200px; |
|---|
| | | background: #fff; |
|---|
| | | margin: 0 auto; |
|---|
| | | padding-bottom: 36px; |
|---|
| | | box-shadow: 0 0 66px 0 hsl(0deg 0% 67% / 35%); |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | .registerBox { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | .registerForm { |
|---|
| | | width: 420px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | padding: 20px; |
|---|
| | | margin: 20px; |
|---|
| | | margin-left: 100px; |
|---|
| | | h1 { |
|---|
| | | font-size: 18px; |
|---|
| | | color: @color; |
|---|
| | | text-align: center; |
|---|
| | | margin-bottom: 30px; |
|---|
| | | } |
|---|
| | | .formItem { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | .imgCode { |
|---|
| | | width: 140px; |
|---|
| | | height: 40px; |
|---|
| | | img { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | background: #efefef; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | span { |
|---|
| | | display: inline-block; |
|---|
| | | width: 80px; |
|---|
| | | text-align: left; |
|---|
| | | line-height: 40px; |
|---|
| | | } |
|---|
| | | .tips { |
|---|
| | | font-size: 12px; |
|---|
| | | margin: 0 0 10px 0; |
|---|
| | | color: #666; |
|---|
| | | } |
|---|
| | | .registerBtn { |
|---|
| | | width: 100%; |
|---|
| | | background: #b1b6bd; |
|---|
| | | color: #fff; |
|---|
| | | cursor: not-allowed; |
|---|
| | | margin-top: 15px; |
|---|
| | | &.isActive { |
|---|
| | | background: @color; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .termsBox { |
|---|
| | | line-height: 20px; |
|---|
| | | .termsCheckBox { |
|---|
| | | vertical-align: text-bottom; |
|---|
| | | margin-right: 8px; |
|---|
| | | } |
|---|
| | | span { |
|---|
| | | vertical-align: middle; |
|---|
| | | } |
|---|
| | | .terms { |
|---|
| | | color: @color; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .tipBox { |
|---|
| | | padding-left: 30px; |
|---|
| | | border-left: 1px solid #ddd; |
|---|
| | | .toLogin { |
|---|
| | | color: @color; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | p { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | } |
|---|
| | | img { |
|---|
| | | width: 30px; |
|---|
| | | height: 30px; |
|---|
| | | margin-left: 50px; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .ml10 { |
|---|
| | | margin-left: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .clauseBox { |
|---|
| | | height: 500px; |
|---|
| | | } |
|---|
| | | .protocolBox { |
|---|
| | | text-align: left; |
|---|
| | | line-height: 23px; |
|---|
| | | z-index: 1; |
|---|
| | | height: 500px; |
|---|
| | | overflow-y: auto; |
|---|
| | | margin-top: -20px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .el-dialog__footer button { |
|---|
| | | margin-right: 43%; |
|---|
| | | margin-top: 10px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| New file |
| | |
|---|
| | | const { defineConfig } = require('@vue/cli-service') |
|---|
| | | module.exports = defineConfig({ |
|---|
| | | publicPath: "./", |
|---|
| | | productionSourceMap: false, |
|---|
| | | transpileDependencies: true |
|---|
| | | }) |
|---|
.png){kind=link}
.png){kind=link}
.png){kind=link}
.png){kind=link}
.png){kind=link}
.png){kind=link}
