Skip to content

C
CivWeb
Commit aa6764bb authored by 崔佳豪's avatar 崔佳豪
Browse files
Options

feat: 添加常用菜单功能“

parent 8917bfef
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 258 additions and 6 deletions
config/proxy.js
View file @ aa6764bb
/* eslint-disable */
// const proxyURL = process.env.NODE_ENV !== 'production' ? 'http://192.168.10.150:8777' : window.location.origin;
const proxyURL = 'http://192.168.10.150:8669';
const proxyURL = 'http://127.0.0.1:8666';
module.exports = {
assetsRoot: process.env.NODE_ENV !== 'production' ? proxyURL : './',
dev: {
......
src/api/service/base.js
View file @ aa6764bb
import { jsonp } from '@wisdom-utils/utils';
import { jsonp, request } from '@wisdom-utils/utils';
import * as constants from '../../constants';
export const API = {
AUTHORIZATION_TOKEN: '/Publish/Identity/AuthorizationToken',
GET_GATEWAY_CONFIG: '/PandaCore/OMS/GateWayConfig',
GET_GATEWAY_CONFIG: '/PandaOMS/OMS/GateWayConfig',
GET_CONFIG: '/CityInterface/rest/services.svc/GetConfig',
GENERATE_TOKEN: '/cityinterface/rest/services.svc/generatetoken',
GENERATE_IOT_TOKEN: 'cityinterface/rest/services.svc/generateGCKToken',
......@@ -34,10 +34,15 @@ export const API = {
'/cityinterface/rest/services/filedownload.svc/uploadfile/个人信息/{path}/{filename}',
AVATAR_FILE_URL: '/cityinterface/rest/services/filedownload.svc/download',
GET_SENSOR_TYPE: '/PandaCore/GCK/Sensor/GetSensorType', // 获取传感器类型
GET_SYSTEM_CONFIGURATION: '/PandaCore/OMS/SysConfiguration', // 获取系统配置
GET_SYSTEM_CONFIGURATION: '/PandaOMS/OMS/SysConfiguration', // 获取系统配置
GET_INFO_QYWX: '/CityInterface/rest/services/OA.svc/WeChatScanQRCode',
PV_LOGS: '/CityInterface/rest/services/portal.svc/OMMonitor/SavePVLogInfo',
LOGIN_LOGS: 'CityInterface/rest/Services/IOTPlatform.svc/WisdomOMS/SaveLoginInfo'
LOGIN_LOGS:
'CityInterface/rest/Services/IOTPlatform.svc/WisdomOMS/SaveLoginInfo',
GET_PAGE_PART_INFO:
'/CityInterface/rest/services/CountyProduct.svc/AccountManage/GetHomePagePartInfo',
SAVE_Page_PART_INFO:
'/CityInterface/rest/services/CountyProduct.svc/AccountManage/SaveHomePage',
};
const services = {
......@@ -174,7 +179,12 @@ const services = {
url: API.LOGIN_LOGS,
method: constants.REQUEST_METHOD_POST,
type: constants.REQUEST_HTTP,
}
},
getPagePartInfo: {
url: API.GET_PAGE_PART_INFO,
method: constants.REQUEST_METHOD_GET,
type: constants.REQUEST_HTTP,
},
};
export const searchAutoCity = keywords => {
......@@ -198,4 +208,13 @@ export const searchAutoCity = keywords => {
return jsonp(url, params, options);
};
// 更新常用页
export const savePagePartInfo = param =>
request({
url: API.SAVE_Page_PART_INFO,
method: constants.REQUEST_METHOD_POST,
data: param.data,
params: param.query,
});
export default services;
src/assets/images/commonMenu/card-label.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/assets/images/commonMenu/page-background.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/assets/images/commonMenu/page-logo.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/assets/images/commonMenu/常用菜单.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/assets/images/commonMenu/搜索@2x.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/assets/images/commonMenu/矢量智能对象 拷贝 3@2x.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/assets/images/commonMenu/矩形.png 0 → 100644
View file @ aa6764bb
This diff was suppressed by a .gitattributes entry.
src/pages/commonMenu/index.js 0 → 100644
View file @ aa6764bb
This diff is collapsed.
src/pages/commonMenu/index.less 0 → 100644
View file @ aa6764bb
@import '~antd/es/style/themes/default.less';
.commonMenu {
width: 100%;
height: 100%;
min-height: 400px;
background: url(assets/images/commonMenu/page-background.png);
font-family: Microsoft YaHei;
padding-top: 57px;
background-color: #F5F6FC;
overflow: hidden;
:global {
p {
margin: 0;
}
.ant-spin-nested-loading {
height: 100%;
width: 100%;
}
}
.filterIconBox {
.iconBox {
filter: invert(33%) sepia(100%) saturate(1499%) hue-rotate(199deg) brightness(102%) contrast(104%);
img {
filter: brightness(0%);
}
}
}
.searchWrapper {
width: 100%;
height: 48px;
padding: 0 20%;
display: flex;
align-items: center;
margin-bottom: 50px;
.searchBox {
flex: 1;
height: 48px;
background: #FFFFFF;
box-shadow: 0px 5px 10px 0px #F3F3F3;
border-radius: 2px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 11px;
position: relative;
.searchTitle {
&>i {
margin-right: 15px;
color: #3B7FDF;
}
}
.searchInfoBox {
width: 100%;
height: 400px;
position: absolute;
overflow: hidden;
left: 0;
top: 100%;
z-index: 100;
transition: height 0.5s ease-out;
&.searchInfoBox_hide {
height: 0;
}
:global {
.ant-tree-treenode {
width: 100%;
}
.ant-tree-node-content-wrapper,
.ant-tree-node-content-wrapper-normal
.ant-tree-node-content-wrapper-close {
flex: 1;
overflow: hidden;
}
.ant-tree-switcher {
line-height: 36px;
}
}
.customTitle {
width: 100%;
height: 36px;
display: flex;
align-items: center;
justify-content: space-between;
// padding-right: 20px;
.titleInfo {
img {
width: 18px;
height: 18px;
margin-right: 8px;
}
}
.treeSearchInfo {
color: #ff5500;
}
&:hover {
background-color: #f1faf9;
.titleControl {
.chooseLabel {
display: none;
}
.chooseBtn {
display: block;
}
}
}
.titleControl {
.chooseLabel {
padding-right: 20px;
display: block;
color: #999999;
font-size: 15px;
}
.chooseBtn {
float: right;
cursor: pointer;
height: 36px;
width: 101px;
background: #01c1a4;
color: white;
text-align: center;
display: none;
line-height: 36px;
}
}
}
}
}
.searchBtn {
flex: none;
width: 135px;
height: 48px;
background: linear-gradient(0deg, #1685FF 0%, #49A0FF 100%);
box-shadow: 0px 5px 10px 0px #F5F6FC;
border-radius: 2px;
margin-left: 36px;
font-weight: bold;
color: #FFFFFF;
}
}
.menuCardWrapper {
display: grid;
grid-template-columns: repeat(4, 25%);
height: calc(100% - 185px);
padding: 0 5%;
overflow: auto;
}
.menuCard {
margin: 20px 10px;
width: 377px;
height: 240px;
background-image: url(assets/images/commonMenu/矩形.png);
background-size: 100%;
background-position: center bottom;
position: relative;
padding: 0 30px;
transition: transform 0.5s ease-out;
cursor: pointer;
&:hover {
transform: scale(1.1);
}
.cardThumbnail {
width: 100%;
}
.cardLabel {
// width: 347px;
height: 75px;
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
// left: 50%;
// transform: translateX(-50%);
background: url("assets/images/commonMenu/card-label.png") center/100% no-repeat;
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 10px 0;
.cardTitle {
color: #323232;
padding-left: 10px;
img {
width: 20px;
height: 20px;
vertical-align: text-top;
margin-right: 0.5em;
}
}
.cardGroup {
font-size: 14px;
color: #999999;
::before {
content: "·";
margin-right: 0.5em;
}
}
}
}
.pageLogo {
width: 197px;
position: absolute;
bottom: 31px;
left: 50%;
transform: translateX(-50%);
img {
width: 100%;
}
}
}
src/routes/config.js
View file @ aa6764bb
......@@ -5,6 +5,7 @@ import BasicLayout from '../layouts/BasicLayout1';
import UserLayout from '../layouts/UserLayout';
import BootPage from '../pages/bootpage';
import Login from '../pages/user/login';
import CommonMenu from '../pages/commonMenu';
export const dyRoutes = routes => {
// eslint-disable-next-line no-shadow
......@@ -59,6 +60,18 @@ export const dyRoutes = routes => {
loading: LoadingComponent,
}),
},
{
path: '/commonmenu',
component: CommonMenu,
},
// {
// path: '/commonmenu',
// component: dynamic({
// loader: () =>
// import(/* webpackChunkName: 'p__500' */ '../pages/commonMenu'),
// loading: CommonMenu,
// }),
// },
],
};
};
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment