diff --git a/.env.production b/.env.production index 5c5c60d..9c0294d 100644 --- a/.env.production +++ b/.env.production @@ -5,7 +5,7 @@ VITE_APP_TITLE = 中科云 VITE_APP_ENV = 'production' # 若依管理系统/生产环境 -VITE_APP_BASE_API = 'http://120.26.107.74:1618' +VITE_APP_BASE_API = '/api' # 是否在打包时开启压缩,支持 gzip 和 brotli VITE_BUILD_COMPRESS = gzip \ No newline at end of file diff --git a/ccw.zip b/ccw.zip new file mode 100644 index 0000000..c564dba Binary files /dev/null and b/ccw.zip differ diff --git a/package.json b/package.json index 70a6e94..c7fff4e 100644 --- a/package.json +++ b/package.json @@ -31,6 +31,7 @@ "lodash": "^4.17.21", "nprogress": "0.2.0", "pinia": "2.0.14", + "qrcode.vue": "^3.3.3", "vue": "3.2.37", "vue-cropper": "1.0.3", "vue-router": "4.0.14" diff --git a/src/api/website/home/index.js b/src/api/website/home/index.js index e2c4276..2d756d0 100644 --- a/src/api/website/home/index.js +++ b/src/api/website/home/index.js @@ -1,58 +1,92 @@ -import request from '@/utils/request' +import request from "@/utils/request"; // 分布专家信息 export function getExpert() { return request({ - url: '/v1/index/distribution/expert', - method: 'get' - }) + url: "/v1/index/distribution/expert", + method: "get", + }); } // 分布实验室信息 export function laboratory() { return request({ - url: '/v1/index/distribution/laboratory', - method: 'get' - }) + url: "/v1/index/distribution/laboratory", + method: "get", + }); } // 分布需求信息 export function demand() { return request({ - url: '/v1/index/distribution/demand', - method: 'get' - }) + url: "/v1/index/distribution/demand", + method: "get", + }); } - // 分布技术成果信息 export function achievement() { return request({ - url: '/v1/index/distribution/achievement', - method: 'get' - }) + url: "/v1/index/distribution/achievement", + method: "get", + }); } // 分布技术成果信息 export function company() { return request({ - url: '/v1/index/distribution/company', - method: 'get' - }) + url: "/v1/index/distribution/company", + method: "get", + }); } // 获取banner -export function banner(key) { +export function banner(params) { return request({ - url: '/v1/sys/banner', - method: 'get', - params: { key } - }) + url: "/app/config/list", + method: "get", + params, + }); } // 行业领域信息 export function industry() { return request({ - url: '/v1/sys/industry', - method: 'get', - }) + url: "/v1/sys/industry", + method: "get", + }); +} +// 客户端搜索 +export function search(params) { + return request({ + url: "/search/search", + method: "get", + params, + }); +} +// 获取[省]专家分布 +export function countExpertByProvince() { + return request({ + url: "/app/map/countExpertByProvince", + method: "get", + }); +} +// 获取[市]专家分布 +export function countExpertByCity(provinceCode) { + return request({ + url: "/app/map/countExpertByCity", + method: "get", + params: { + provinceCode, + }, + }); +} +// 获取[县]专家分布 +export function countExpertByArea() { + return request({ + url: "/app/map/countExpertByArea", + method: "get", + params: { + cityCode, + }, + }); } diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css new file mode 100644 index 0000000..61ab1ab --- /dev/null +++ b/src/assets/styles/index.css @@ -0,0 +1,1052 @@ +@charset "UTF-8"; +/** +$base-menu-color:hsla(0,0%,100%,.65); +$base-menu-color-active:#fff; +$base-menu-background:#001529; +$base-logo-title-color: #ffffff; + +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#000c17; +$base-sub-menu-hover:#001528; +*/ +:export { + menuColor: #bfcbd9; + menuLightColor: rgba(0, 0, 0, 0.7); + menuColorActive: #f4f4f5; + menuBackground: #304156; + menuLightBackground: #ffffff; + subMenuBackground: #1f2d3d; + subMenuHover: #001528; + sideBarWidth: 200px; + logoTitleColor: #ffffff; + logoLightTitleColor: #001529; + primaryColor: #409EFF; + successColor: #67C23A; + dangerColor: #F56C6C; + infoColor: #909399; + warningColor: #E6A23C; +} + +/* fade */ +.fade-enter-active, +.fade-leave-active { + transition: opacity 0.28s; +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +/* fade-transform */ +.fade-transform-leave-active, +.fade-transform-enter-active { + transition: all .5s; +} + +.fade-transform-enter { + opacity: 0; + transform: translateX(-30px); +} + +.fade-transform-leave-to { + opacity: 0; + transform: translateX(30px); +} + +/* breadcrumb transition */ +.breadcrumb-enter-active, +.breadcrumb-leave-active { + transition: all .5s; +} + +.breadcrumb-enter, +.breadcrumb-leave-active { + opacity: 0; + transform: translateX(20px); +} + +.breadcrumb-move { + transition: all .5s; +} + +.breadcrumb-leave-active { + position: absolute; +} + +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload input[type="file"] { + display: none !important; +} + +.el-upload__input { + display: none; +} + +.cell .el-tag { + margin-right: 0px; +} + +.small-padding .cell { + padding-left: 5px; + padding-right: 5px; +} + +.fixed-width .el-button--mini { + padding: 7px 10px; + width: 60px; +} + +.status-col .cell { + padding: 0 10px; + text-align: center; +} + +.status-col .cell .el-tag { + margin-right: 0px; +} + +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +.upload-container .el-upload { + width: 100%; +} + +.upload-container .el-upload .el-upload-dragger { + width: 100%; + height: 200px; +} + +.el-dropdown-menu a { + display: block; +} + +.el-range-editor.el-input__inner { + display: inline-flex !important; +} + +.el-range-separator { + box-sizing: content-box; +} + +.el-menu--collapse +> div +> .el-submenu +> .el-submenu__title +.el-submenu__icon-arrow { + display: none; +} + +.el-dropdown .el-dropdown-link { + color: var(--el-color-primary) !important; +} + +#app .main-container { + min-height: 100%; + transition: margin-left .28s; + margin-left: 200px; + position: relative; +} + +#app .sidebarHide { + margin-left: 0 !important; +} + +#app .sidebar-container { + -webkit-transition: width .28s; + transition: width 0.28s; + width: 200px !important; + background-color: #304156; + height: 100%; + position: fixed; + font-size: 0px; + top: 0; + bottom: 0; + left: 0; + z-index: 1001; + overflow: hidden; + -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); +} + +#app .sidebar-container .horizontal-collapse-transition { + transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; +} + +#app .sidebar-container .scrollbar-wrapper { + overflow-x: hidden !important; +} + +#app .sidebar-container .el-scrollbar__bar.is-vertical { + right: 0px; +} + +#app .sidebar-container .el-scrollbar { + height: 100%; +} + +#app .sidebar-container.has-logo .el-scrollbar { + height: calc(100% - 50px); +} + +#app .sidebar-container .is-horizontal { + display: none; +} + +#app .sidebar-container a { + display: inline-block; + width: 100%; + overflow: hidden; +} + +#app .sidebar-container .svg-icon { + margin-right: 16px; +} + +#app .sidebar-container .el-menu { + border: none; + height: 100%; + width: 100% !important; +} + +#app .sidebar-container .el-menu-item, #app .sidebar-container .menu-title { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; +} + +#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger { + display: inline-block !important; +} + +#app .sidebar-container .sub-menu-title-noDropdown:hover, +#app .sidebar-container .el-sub-menu__title:hover { + background-color: rgba(0, 0, 0, 0.06) !important; +} + +#app .sidebar-container .theme-dark .is-active > .el-sub-menu__title { + color: #f4f4f5 !important; +} + +#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title, +#app .sidebar-container .el-sub-menu .el-menu-item { + min-width: 200px !important; +} + +#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title:hover, +#app .sidebar-container .el-sub-menu .el-menu-item:hover { + background-color: rgba(0, 0, 0, 0.06) !important; +} + +#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, +#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item { + background-color: #1f2d3d !important; +} + +#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title:hover, +#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover { + background-color: #001528 !important; +} + +#app .hideSidebar .sidebar-container { + width: 54px !important; +} + +#app .hideSidebar .main-container { + margin-left: 54px; +} + +#app .hideSidebar .sub-menu-title-noDropdown { + padding: 0 !important; + position: relative; +} + +#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip { + padding: 0 !important; +} + +#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon { + margin-left: 20px; +} + +#app .hideSidebar .el-sub-menu { + overflow: hidden; +} + +#app .hideSidebar .el-sub-menu > .el-sub-menu__title { + padding: 0 !important; +} + +#app .hideSidebar .el-sub-menu > .el-sub-menu__title .svg-icon { + margin-left: 20px; +} + +#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span { + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; +} + +#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > i { + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; +} + +#app .el-menu--collapse .el-menu .el-sub-menu { + min-width: 200px !important; +} + +#app .mobile .main-container { + margin-left: 0px; +} + +#app .mobile .sidebar-container { + transition: transform .28s; + width: 200px !important; +} + +#app .mobile.hideSidebar .sidebar-container { + pointer-events: none; + transition-duration: 0.3s; + transform: translate3d(-200px, 0, 0); +} + +#app .withoutAnimation .main-container, +#app .withoutAnimation .sidebar-container { + transition: none; +} + +.el-menu--vertical > .el-menu .svg-icon { + margin-right: 16px; +} + +.el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover, +.el-menu--vertical .el-menu-item:hover { + background-color: rgba(0, 0, 0, 0.06) !important; +} + +.el-menu--vertical > .el-menu--popup { + max-height: 100vh; + overflow-y: auto; +} + +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece { + background: #d3dce6; +} + +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar { + width: 6px; +} + +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; +} + +/** +$base-menu-color:hsla(0,0%,100%,.65); +$base-menu-color-active:#fff; +$base-menu-background:#001529; +$base-logo-title-color: #ffffff; + +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#000c17; +$base-sub-menu-hover:#001528; +*/ +:export { + menuColor: #bfcbd9; + menuLightColor: rgba(0, 0, 0, 0.7); + menuColorActive: #f4f4f5; + menuBackground: #304156; + menuLightBackground: #ffffff; + subMenuBackground: #1f2d3d; + subMenuHover: #001528; + sideBarWidth: 200px; + logoTitleColor: #ffffff; + logoLightTitleColor: #001529; + primaryColor: #409EFF; + successColor: #67C23A; + dangerColor: #F56C6C; + infoColor: #909399; + warningColor: #E6A23C; +} + +.blue-btn { + background: #324157; +} + +.blue-btn:hover { + color: #324157; +} + +.blue-btn:hover:before, .blue-btn:hover:after { + background: #324157; +} + +.light-blue-btn { + background: #3A71A8; +} + +.light-blue-btn:hover { + color: #3A71A8; +} + +.light-blue-btn:hover:before, .light-blue-btn:hover:after { + background: #3A71A8; +} + +.red-btn { + background: #C03639; +} + +.red-btn:hover { + color: #C03639; +} + +.red-btn:hover:before, .red-btn:hover:after { + background: #C03639; +} + +.pink-btn { + background: #E65D6E; +} + +.pink-btn:hover { + color: #E65D6E; +} + +.pink-btn:hover:before, .pink-btn:hover:after { + background: #E65D6E; +} + +.green-btn { + background: #30B08F; +} + +.green-btn:hover { + color: #30B08F; +} + +.green-btn:hover:before, .green-btn:hover:after { + background: #30B08F; +} + +.tiffany-btn { + background: #4AB7BD; +} + +.tiffany-btn:hover { + color: #4AB7BD; +} + +.tiffany-btn:hover:before, .tiffany-btn:hover:after { + background: #4AB7BD; +} + +.yellow-btn { + background: #FEC171; +} + +.yellow-btn:hover { + color: #FEC171; +} + +.yellow-btn:hover:before, .yellow-btn:hover:after { + background: #FEC171; +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + transition: 600ms ease all; + position: relative; + display: inline-block; +} + +.pan-btn:hover { + background: #fff; +} + +.pan-btn:hover:before, .pan-btn:hover:after { + width: 100%; + transition: 600ms ease all; +} + +.pan-btn:before, .pan-btn:after { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + transition: 400ms ease all; +} + +.pan-btn::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; +} + +.custom-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} + +/** + * 通用css样式布局处理 + * Copyright (c) 2019 ruoyi + */ +/** 基础通用 **/ +.pt5 { + padding-top: 5px; +} + +.pr5 { + padding-right: 5px; +} + +.pb5 { + padding-bottom: 5px; +} + +.mt5 { + margin-top: 5px; +} + +.mr5 { + margin-right: 5px; +} + +.mb5 { + margin-bottom: 5px; +} + +.mb8 { + margin-bottom: 8px; +} + +.ml5 { + margin-left: 5px; +} + +.mt10 { + margin-top: 10px; +} + +.mr10 { + margin-right: 10px; +} + +.mb10 { + margin-bottom: 10px; +} + +.ml10 { + margin-left: 10px; +} + +.mt20 { + margin-top: 20px; +} + +.mr20 { + margin-right: 20px; +} + +.mb20 { + margin-bottom: 20px; +} + +.ml20 { + margin-left: 20px; +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.el-dialog:not(.is-fullscreen) { + margin-top: 6vh !important; +} + +.el-dialog.scrollbar .el-dialog__body { + overflow: auto; + overflow-x: hidden; + max-height: 70vh; + padding: 10px 20px 0; +} + +.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { + word-break: break-word; + background-color: #f8f8f9 !important; + color: #515a6e; + height: 40px !important; + font-size: 13px; +} + +.el-table .el-table__body-wrapper .el-button [class*="el-icon-"] + span { + margin-left: 1px; +} + +/** 表单布局 **/ +.form-header { + font-size: 15px; + color: #6379bb; + border-bottom: 1px solid #ddd; + margin: 8px 10px 25px 10px; + padding-bottom: 5px; +} + +/** 表格布局 **/ +.pagination-container { + height: 25px; + margin-bottom: 10px; + margin-top: 15px; + padding: 10px 20px !important; +} + +/* tree border */ +.tree-border { + margin-top: 5px; + border: 1px solid #e5e6e7; + background: #FFFFFF none; + border-radius: 4px; + width: 100%; +} + +.pagination-container .el-pagination { + right: 0; + position: absolute; +} + +@media (max-width: 768px) { + .pagination-container .el-pagination > .el-pagination__jump { + display: none !important; + } + .pagination-container .el-pagination > .el-pagination__sizes { + display: none !important; + } +} + +.el-table .fixed-width .el-button--small { + padding-left: 0; + padding-right: 0; + width: inherit; +} + +/** 表格更多操作下拉样式 */ +.el-table .el-dropdown-link { + cursor: pointer; + color: #409EFF; + margin-left: 10px; +} + +.el-table .el-dropdown, .el-icon-arrow-down { + font-size: 12px; +} + +.el-tree-node__content > .el-checkbox { + margin-right: 8px; +} + +.list-group-striped > .list-group-item { + border-left: 0; + border-right: 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; +} + +.list-group { + padding-left: 0px; + list-style: none; +} + +.list-group-item { + border-bottom: 1px solid #e7eaec; + border-top: 1px solid #e7eaec; + margin-bottom: -1px; + padding: 11px 0px; + font-size: 13px; +} + +.pull-right { + float: right !important; +} + +.el-card__header { + padding: 14px 15px 7px !important; + min-height: 40px; +} + +.el-card__body { + padding: 15px 20px 20px 20px !important; +} + +.card-box { + padding-right: 15px; + padding-left: 15px; + margin-bottom: 10px; +} + +/* button color */ +.el-button--cyan.is-active, +.el-button--cyan:active { + background: #20B2AA; + border-color: #20B2AA; + color: #FFFFFF; +} + +.el-button--cyan:focus, +.el-button--cyan:hover { + background: #48D1CC; + border-color: #48D1CC; + color: #FFFFFF; +} + +.el-button--cyan { + background-color: #20B2AA; + border-color: #20B2AA; + color: #FFFFFF; +} + +/* text color */ +.text-navy { + color: #1ab394; +} + +.text-primary { + color: inherit; +} + +.text-success { + color: #1c84c6; +} + +.text-info { + color: #23c6c8; +} + +.text-warning { + color: #f8ac59; +} + +.text-danger { + color: #ed5565; +} + +.text-muted { + color: #888888; +} + +/* image */ +.img-circle { + border-radius: 50%; +} + +.img-lg { + width: 120px; + height: 120px; +} + +.avatar-upload-preview { + position: absolute; + top: 50%; + transform: translate(50%, -50%); + width: 200px; + height: 200px; + border-radius: 50%; + box-shadow: 0 0 4px #ccc; + overflow: hidden; +} + +/* 拖拽列样式 */ +.sortable-ghost { + opacity: .8; + color: #fff !important; + background: #42b983 !important; +} + +/* 表格右侧工具栏样式 */ +.top-right-btn { + margin-left: auto; +} + +body { + height: 100%; + margin: 0; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; +} + +label { + font-weight: 700; +} + +html { + height: 100%; + box-sizing: border-box; +} + +#app { + height: 100%; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +.no-padding { + padding: 0px !important; +} + +.padding-content { + padding: 4px 0; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +div:focus { + outline: none; +} + +.fr { + float: right; +} + +.fl { + float: left; +} + +.pr-5 { + padding-right: 5px; +} + +.pl-5 { + padding-left: 5px; +} + +.block { + display: block; +} + +.pointer { + cursor: pointer; +} + +.inlineBlock { + display: block; +} + +.clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} + +aside { + background: #eef1f6; + padding: 8px 24px; + margin-bottom: 20px; + border-radius: 2px; + display: block; + line-height: 32px; + font-size: 16px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + color: #2c3e50; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +aside a { + color: #337ab7; + cursor: pointer; +} + +aside a:hover { + color: #20a0ff; +} + +.app-container { + padding: 20px; +} + +.components-container { + margin: 30px 50px; + position: relative; +} + +.pagination-container { + margin-top: 30px; +} + +.text-center { + text-align: center; +} + +.sub-navbar { + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + transition: 600ms ease position; + background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%); +} + +.sub-navbar .subtitle { + font-size: 20px; + color: #fff; +} + +.sub-navbar.draft { + background: #d0d0d0; +} + +.sub-navbar.deleted { + background: #d0d0d0; +} + +.link-type, +.link-type:focus { + color: #337ab7; + cursor: pointer; +} + +.link-type:hover, +.link-type:focus:hover { + color: #20a0ff; +} + +.filter-container { + padding-bottom: 10px; +} + +.filter-container .filter-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; +} + +.multiselect { + line-height: 16px; +} + +.multiselect--active { + z-index: 1000 !important; +} + +.conter1000 { + width: 1000px; + margin: 0 auto; +} + +.conter1400 { + width: 1400px; + margin: 0 auto; +} + +.ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.text_hidden { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + word-break: break-all; +} + +.x_btns { + font-size: 16px !important; + color: #fff !important; + border-radius: 0 !important; + background-color: #0054ff !important; +} + +.x16 { + font-size: 16px !important; +} + +.x_fff { + color: #fff !important; +} + +.x_blue { + color: #0054ff !important; +} + +.x_border_blue { + border: 1px solid #0054ff !important; +} + +.x_bg_blue { + background-color: #0054ff !important; +} + +.html img { + max-width: 100%; +} diff --git a/src/assets/styles/index.min.css b/src/assets/styles/index.min.css new file mode 100644 index 0000000..a7cca1e --- /dev/null +++ b/src/assets/styles/index.min.css @@ -0,0 +1 @@ +:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,0.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#fff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:200px;logoTitleColor:#fff;logoLightTitleColor:#001529;primaryColor:#409EFF;successColor:#67C23A;dangerColor:#F56C6C;infoColor:#909399;warningColor:#E6A23C}.fade-enter-active,.fade-leave-active{transition:opacity 0.28s}.fade-enter,.fade-leave-active{opacity:0}.fade-transform-leave-active,.fade-transform-enter-active{transition:all .5s}.fade-transform-enter{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.breadcrumb-enter-active,.breadcrumb-leave-active{transition:all .5s}.breadcrumb-enter,.breadcrumb-leave-active{opacity:0;transform:translateX(20px)}.breadcrumb-move{transition:all .5s}.breadcrumb-leave-active{position:absolute}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400 !important}.el-upload input[type="file"]{display:none !important}.el-upload__input{display:none}.cell .el-tag{margin-right:0px}.small-padding .cell{padding-left:5px;padding-right:5px}.fixed-width .el-button--mini{padding:7px 10px;width:60px}.status-col .cell{padding:0 10px;text-align:center}.status-col .cell .el-tag{margin-right:0px}.el-dialog{transform:none;left:0;position:relative;margin:0 auto}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-range-editor.el-input__inner{display:inline-flex !important}.el-range-separator{box-sizing:content-box}.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-dropdown .el-dropdown-link{color:var(--el-color-primary) !important}#app .main-container{min-height:100%;transition:margin-left .28s;margin-left:200px;position:relative}#app .sidebarHide{margin-left:0 !important}#app .sidebar-container{-webkit-transition:width .28s;transition:width 0.28s;width:200px !important;background-color:#304156;height:100%;position:fixed;font-size:0px;top:0;bottom:0;left:0;z-index:1001;overflow:hidden;-webkit-box-shadow:2px 0 6px rgba(0,21,41,0.35);box-shadow:2px 0 6px rgba(0,21,41,0.35)}#app .sidebar-container .horizontal-collapse-transition{transition:0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden !important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0px}#app .sidebar-container .el-scrollbar{height:100%}#app .sidebar-container.has-logo .el-scrollbar{height:calc(100% - 50px)}#app .sidebar-container .is-horizontal{display:none}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .el-menu{border:none;height:100%;width:100% !important}#app .sidebar-container .el-menu-item,#app .sidebar-container .menu-title{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger{display:inline-block !important}#app .sidebar-container .sub-menu-title-noDropdown:hover,#app .sidebar-container .el-sub-menu__title:hover{background-color:rgba(0,0,0,0.06) !important}#app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{color:#f4f4f5 !important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .el-sub-menu .el-menu-item{min-width:200px !important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .el-sub-menu .el-menu-item:hover{background-color:rgba(0,0,0,0.06) !important}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:#1f2d3d !important}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover{background-color:#001528 !important}#app .hideSidebar .sidebar-container{width:54px !important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .sub-menu-title-noDropdown{padding:0 !important;position:relative}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip{padding:0 !important}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .el-sub-menu{overflow:hidden}#app .hideSidebar .el-sub-menu>.el-sub-menu__title{padding:0 !important}#app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>i{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-sub-menu{min-width:200px !important}#app .mobile .main-container{margin-left:0px}#app .mobile .sidebar-container{transition:transform .28s;width:200px !important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;transition-duration:0.3s;transform:translate3d(-200px, 0, 0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical .nest-menu .el-sub-menu>.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover{background-color:rgba(0,0,0,0.06) !important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,0.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#fff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:200px;logoTitleColor:#fff;logoLightTitleColor:#001529;primaryColor:#409EFF;successColor:#67C23A;dangerColor:#F56C6C;infoColor:#909399;warningColor:#E6A23C}.blue-btn{background:#324157}.blue-btn:hover{color:#324157}.blue-btn:hover:before,.blue-btn:hover:after{background:#324157}.light-blue-btn{background:#3A71A8}.light-blue-btn:hover{color:#3A71A8}.light-blue-btn:hover:before,.light-blue-btn:hover:after{background:#3A71A8}.red-btn{background:#C03639}.red-btn:hover{color:#C03639}.red-btn:hover:before,.red-btn:hover:after{background:#C03639}.pink-btn{background:#E65D6E}.pink-btn:hover{color:#E65D6E}.pink-btn:hover:before,.pink-btn:hover:after{background:#E65D6E}.green-btn{background:#30B08F}.green-btn:hover{color:#30B08F}.green-btn:hover:before,.green-btn:hover:after{background:#30B08F}.tiffany-btn{background:#4AB7BD}.tiffany-btn:hover{color:#4AB7BD}.tiffany-btn:hover:before,.tiffany-btn:hover:after{background:#4AB7BD}.yellow-btn{background:#FEC171}.yellow-btn:hover{color:#FEC171}.yellow-btn:hover:before,.yellow-btn:hover:after{background:#FEC171}.pan-btn{font-size:14px;color:#fff;padding:14px 36px;border-radius:8px;border:none;outline:none;transition:600ms ease all;position:relative;display:inline-block}.pan-btn:hover{background:#fff}.pan-btn:hover:before,.pan-btn:hover:after{width:100%;transition:600ms ease all}.pan-btn:before,.pan-btn:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;transition:400ms ease all}.pan-btn::after{right:inherit;top:inherit;left:0;bottom:0}.custom-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;color:#fff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;padding:10px 15px;font-size:14px;border-radius:4px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.ml5{margin-left:5px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.el-dialog:not(.is-fullscreen){margin-top:6vh !important}.el-dialog.scrollbar .el-dialog__body{overflow:auto;overflow-x:hidden;max-height:70vh;padding:10px 20px 0}.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{word-break:break-word;background-color:#f8f8f9 !important;color:#515a6e;height:40px !important;font-size:13px}.el-table .el-table__body-wrapper .el-button [class*="el-icon-"]+span{margin-left:1px}.form-header{font-size:15px;color:#6379bb;border-bottom:1px solid #ddd;margin:8px 10px 25px 10px;padding-bottom:5px}.pagination-container{height:25px;margin-bottom:10px;margin-top:15px;padding:10px 20px !important}.tree-border{margin-top:5px;border:1px solid #e5e6e7;background:#FFFFFF none;border-radius:4px;width:100%}.pagination-container .el-pagination{right:0;position:absolute}@media (max-width: 768px){.pagination-container .el-pagination>.el-pagination__jump{display:none !important}.pagination-container .el-pagination>.el-pagination__sizes{display:none !important}}.el-table .fixed-width .el-button--small{padding-left:0;padding-right:0;width:inherit}.el-table .el-dropdown-link{cursor:pointer;color:#409EFF;margin-left:10px}.el-table .el-dropdown,.el-icon-arrow-down{font-size:12px}.el-tree-node__content>.el-checkbox{margin-right:8px}.list-group-striped>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.list-group{padding-left:0px;list-style:none}.list-group-item{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;margin-bottom:-1px;padding:11px 0px;font-size:13px}.pull-right{float:right !important}.el-card__header{padding:14px 15px 7px !important;min-height:40px}.el-card__body{padding:15px 20px 20px 20px !important}.card-box{padding-right:15px;padding-left:15px;margin-bottom:10px}.el-button--cyan.is-active,.el-button--cyan:active{background:#20B2AA;border-color:#20B2AA;color:#FFFFFF}.el-button--cyan:focus,.el-button--cyan:hover{background:#48D1CC;border-color:#48D1CC;color:#FFFFFF}.el-button--cyan{background-color:#20B2AA;border-color:#20B2AA;color:#FFFFFF}.text-navy{color:#1ab394}.text-primary{color:inherit}.text-success{color:#1c84c6}.text-info{color:#23c6c8}.text-warning{color:#f8ac59}.text-danger{color:#ed5565}.text-muted{color:#888888}.img-circle{border-radius:50%}.img-lg{width:120px;height:120px}.avatar-upload-preview{position:absolute;top:50%;transform:translate(50%, -50%);width:200px;height:200px;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.sortable-ghost{opacity:.8;color:#fff !important;background:#42b983 !important}.top-right-btn{margin-left:auto}body{height:100%;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif}label{font-weight:700}html{height:100%;box-sizing:border-box}#app{height:100%}*,*:before,*:after{box-sizing:inherit}.no-padding{padding:0px !important}.padding-content{padding:4px 0}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.fr{float:right}.fl{float:left}.pr-5{padding-right:5px}.pl-5{padding-left:5px}.block{display:block}.pointer{cursor:pointer}.inlineBlock{display:block}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}aside{background:#eef1f6;padding:8px 24px;margin-bottom:20px;border-radius:2px;display:block;line-height:32px;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;color:#2c3e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aside a{color:#337ab7;cursor:pointer}aside a:hover{color:#20a0ff}.app-container{padding:20px}.components-container{margin:30px 50px;position:relative}.pagination-container{margin-top:30px}.text-center{text-align:center}.sub-navbar{height:50px;line-height:50px;position:relative;width:100%;text-align:right;padding-right:20px;transition:600ms ease position;background:linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%)}.sub-navbar .subtitle{font-size:20px;color:#fff}.sub-navbar.draft{background:#d0d0d0}.sub-navbar.deleted{background:#d0d0d0}.link-type,.link-type:focus{color:#337ab7;cursor:pointer}.link-type:hover,.link-type:focus:hover{color:#20a0ff}.filter-container{padding-bottom:10px}.filter-container .filter-item{display:inline-block;vertical-align:middle;margin-bottom:10px}.multiselect{line-height:16px}.multiselect--active{z-index:1000 !important}.conter1000{width:1000px;margin:0 auto}.conter1400{width:1400px;margin:0 auto}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text_hidden{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.x_btns{font-size:16px !important;color:#fff !important;border-radius:0 !important;background-color:#0054ff !important}.x16{font-size:16px !important}.x_fff{color:#fff !important}.x_blue{color:#0054ff !important}.x_border_blue{border:1px solid #0054ff !important}.x_bg_blue{background-color:#0054ff !important}.html img{max-width:100%} diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 4f3a36f..4807764 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -191,3 +191,55 @@ aside { .multiselect--active { z-index: 1000 !important; } + + + +// 自定义全局样式 +.conter1000 { + width: 1000px; + margin: 0 auto; +} +.conter1400 { + width: 1400px; + margin: 0 auto; +} +// 1行文本省略号 +.ellipsis{ + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +// 2行文本省略号 +.text_hidden { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + word-break: break-all; +} +.x_btns { + font-size: 16px !important; + color: #fff !important; + border-radius: 0 !important; + background-color: #0054ff !important; +} +.x16{ + font-size: 16px !important; +} +.x_fff{ + color: #fff !important; +} +.x_blue{ + color: #0054ff !important; +} +.x_border_blue{ + border: 1px solid #0054ff !important; +} +.x_bg_blue{ + background-color: #0054ff !important; +} + +// 富文本图片 +.html img { + max-width: 100%; +} diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue index f67f5cc..87a6299 100644 --- a/src/components/Pagination/index.vue +++ b/src/components/Pagination/index.vue @@ -96,7 +96,7 @@ function handleCurrentChange(val) { diff --git a/src/components/webFooter/index.vue b/src/components/webFooter/index.vue index b1496c4..e3d6ce5 100644 --- a/src/components/webFooter/index.vue +++ b/src/components/webFooter/index.vue @@ -2,12 +2,12 @@