Skip to content

C
CivWeb
Commit d093dad9 authored by 邓晓峰's avatar 邓晓峰
Browse files
Options

feat: 添加父子应用状态通讯

parent 47261356
Show whitespace changes
Inline Side-by-side
Showing with 210 additions and 205 deletions
config/micor.js
View file @ d093dad9
......@@ -4,14 +4,14 @@ export function genActiveRule(routerPrefix) {
export default {
dev: [
{
name: 'civ_energy',
entry: `//${window.location.hostname}:8081/civ_energy`,
name: 'civ_monitor',
entry: `//${window.location.hostname}:8082/civ_monitor`,
container: '#micro-container',
activeRule: '/civbase/civ_energy',
activeRule: '/civbase/civ_monitor',
},
{
name: 'civ_water',
entry: `//${window.location.hostname}:8082/civ_water`,
entry: `//${window.location.hostname}:8083/civ_water`,
container: '#micro-container',
activeRule: '/civbase/civ_water',
},
......
config/proxy.js
View file @ d093dad9
/* eslint-disable */
// const proxyURL = process.env.NODE_ENV !== 'production' ? 'http://192.168.10.150:8777' : window.location.origin;
const proxyURL = 'http://192.168.19.105:8530';
const proxyURL = 'http://172.16.10.82:8090';
module.exports = {
assetsRoot: process.env.NODE_ENV !== 'production' ? proxyURL : './',
dev: {
......
package-lock.json
View file @ d093dad9
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ d093dad9
......@@ -226,6 +226,7 @@
"less": "3.12.0",
"less-loader": "5.0.0",
"lint-staged": "8.1.5",
"microser-data": "^2.1.3",
"mini-css-extract-plugin": "^0.12.0",
"mockjs": "^1.0.1-beta3",
"moment": "^2.29.1",
......
src/app.js
View file @ d093dad9
......@@ -45,7 +45,7 @@ import {
getToken,
isString,
} from './utils/utils';
import './utils/event';
const isHttps = document.location.protocol === 'https:';
const { pwa } = defaultSettings;
// eslint-disable-next-line no-restricted-globals
......
src/global.less
View file @ d093dad9
......@@ -299,200 +299,200 @@ body {
}
//left menu
:global {
#micro-container {
// 图标向下偏移问题
.anticon {
vertical-align: 0.125em;
}
.ant-select-arrow {
.anticon {
vertical-align: top;
}
}
// 默认分页组件右对齐，总条数信息放左边
.ant-pagination {
display: flex;
flex-wrap: wrap;
grid-row-gap: 8px;
justify-content: flex-end;
.ant-pagination-total-text {
margin-left: 8px;
margin-right: auto;
}
}
// tab标签
.ant-tabs-tab {
margin:0 16px;
padding: 12px 20px;
font-size: 15px;
.ant-tabs-tab-btn {
font-weight: 600;
}
}
/*****webkit 滚动条*******/
// .wkt-scroll{
// margin: 10px;
// }
.wkt-scroll::-webkit-scrollbar,
.wkt-scroll *::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.wkt-scroll::-webkit-scrollbar-track,
.wkt-scroll *::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.wkt-scroll::-webkit-scrollbar-thumb,
.wkt-scroll *::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}
.wkt-scroll-light::-webkit-scrollbar,
.wkt-scroll-light *::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.wkt-scroll-light::-webkit-scrollbar-track,
.wkt-scroll-light *::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 8px rgba(193, 193, 193, 0.45);
box-shadow: inset 0 0 8px rgba(193, 193, 193, 0.45);
border-radius: 10px;
}
.wkt-scroll-light::-webkit-scrollbar-thumb,
.wkt-scroll-light *::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 8px rgba(177, 177, 177, 0.5);
box-shadow: inset 0 0 8px rgba(177, 177, 177, 0.5);
}
.wkt-scroll-null::-webkit-scrollbar,
.wkt-scroll-null *::-webkit-scrollbar {
width: 0px;
height: 0px;
}
//left menu
//iconfont 引入
.noWrap{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn {
background: #1890ff;
border-color: #1890ff;
box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 32px;
line-height: 1.5715;
padding: 4px 15px;
position: relative;
text-align: center;
touch-action: manipulation;
transition: all .3s cubic-bezier(.645,.045,.355,1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.btn-l{
border-radius: 2px;
font-size: 16px;
height: 40px;
padding: 6.4px 15px;
}
.btn-s{
border-radius: 2px;
font-size: 14px;
height: 24px;
padding: 0 7px;
}
.btn-white{
color: rgba(0,0,0,.85);
box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
border: 1px solid #d9d9d9;
background: #fff;
}
.btn-red{
background: #ff7875;
border-color: #ff7875;
color: #fff;
}
.btn-normal-v1{
.btn()
}
.btn-large-v1{
.btn();
.btn-l();
}
.btn-small-v1{
.btn();
.btn-s();
}
.btn-normal-white-v1{
.btn();
.btn-white();
}
.btn-large-white-v1{
.btn();
.btn-white();
.btn-l();
}
.btn-small-white-v1{
.btn();
.btn-white();
.btn-s();
}
.btn-normal-red-v1{
.btn();
.btn-red();
}
.btn-large-red-v1{
.btn();
.btn-red();
.btn-l();
}
.btn-small-red-v1{
.btn();
.btn-red();
.btn-s();
}
}
}
// :global {
// #micro-container {
// // 图标向下偏移问题
// .anticon {
// vertical-align: 0.125em;
// }
// .ant-select-arrow {
// .anticon {
// vertical-align: top;
// }
// }
// // 默认分页组件右对齐，总条数信息放左边
// .ant-pagination {
// display: flex;
// flex-wrap: wrap;
// grid-row-gap: 8px;
// justify-content: flex-end;
// .ant-pagination-total-text {
// margin-left: 8px;
// margin-right: auto;
// }
// }
// // tab标签
// .ant-tabs-tab {
// margin:0 16px;
// padding: 12px 20px;
// font-size: 15px;
// .ant-tabs-tab-btn {
// font-weight: 600;
// }
// }
// /*****webkit 滚动条*******/
// // .wkt-scroll{
// // margin: 10px;
// // }
// .wkt-scroll::-webkit-scrollbar,
// .wkt-scroll *::-webkit-scrollbar {
// width: 8px;
// height: 8px;
// }
// .wkt-scroll::-webkit-scrollbar-track,
// .wkt-scroll *::-webkit-scrollbar-track {
// -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
// box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
// border-radius: 10px;
// }
// .wkt-scroll::-webkit-scrollbar-thumb,
// .wkt-scroll *::-webkit-scrollbar-thumb {
// border-radius: 10px;
// background: rgba(0, 0, 0, 0.1);
// -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
// box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
// }
// .wkt-scroll-light::-webkit-scrollbar,
// .wkt-scroll-light *::-webkit-scrollbar {
// width: 8px;
// height: 8px;
// }
// .wkt-scroll-light::-webkit-scrollbar-track,
// .wkt-scroll-light *::-webkit-scrollbar-track {
// -webkit-box-shadow: inset 0 0 8px rgba(193, 193, 193, 0.45);
// box-shadow: inset 0 0 8px rgba(193, 193, 193, 0.45);
// border-radius: 10px;
// }
// .wkt-scroll-light::-webkit-scrollbar-thumb,
// .wkt-scroll-light *::-webkit-scrollbar-thumb {
// border-radius: 10px;
// background: rgba(0, 0, 0, 0.1);
// -webkit-box-shadow: inset 0 0 8px rgba(177, 177, 177, 0.5);
// box-shadow: inset 0 0 8px rgba(177, 177, 177, 0.5);
// }
// .wkt-scroll-null::-webkit-scrollbar,
// .wkt-scroll-null *::-webkit-scrollbar {
// width: 0px;
// height: 0px;
// }
// //left menu
// //iconfont 引入
// .noWrap{
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// .btn {
// background: #1890ff;
// border-color: #1890ff;
// box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
// color: #fff;
// border: 1px solid #d9d9d9;
// border-radius: 2px;
// cursor: pointer;
// display: inline-block;
// font-size: 14px;
// font-weight: 400;
// height: 32px;
// line-height: 1.5715;
// padding: 4px 15px;
// position: relative;
// text-align: center;
// touch-action: manipulation;
// transition: all .3s cubic-bezier(.645,.045,.355,1);
// -webkit-user-select: none;
// -moz-user-select: none;
// -ms-user-select: none;
// user-select: none;
// white-space: nowrap;
// }
// .btn-l{
// border-radius: 2px;
// font-size: 16px;
// height: 40px;
// padding: 6.4px 15px;
// }
// .btn-s{
// border-radius: 2px;
// font-size: 14px;
// height: 24px;
// padding: 0 7px;
// }
// .btn-white{
// color: rgba(0,0,0,.85);
// box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
// border: 1px solid #d9d9d9;
// background: #fff;
// }
// .btn-red{
// background: #ff7875;
// border-color: #ff7875;
// color: #fff;
// }
// .btn-normal-v1{
// .btn()
// }
// .btn-large-v1{
// .btn();
// .btn-l();
// }
// .btn-small-v1{
// .btn();
// .btn-s();
// }
// .btn-normal-white-v1{
// .btn();
// .btn-white();
// }
// .btn-large-white-v1{
// .btn();
// .btn-white();
// .btn-l();
// }
// .btn-small-white-v1{
// .btn();
// .btn-white();
// .btn-s();
// }
// .btn-normal-red-v1{
// .btn();
// .btn-red();
// }
// .btn-large-red-v1{
// .btn();
// .btn-red();
// .btn-l();
// }
// .btn-small-red-v1{
// .btn();
// .btn-red();
// .btn-s();
// }
// }
// }
//iconfont 引入
@font-face {
font-family: 'iconfont';
src: url('//at.alicdn.com/t/font_2542433_w0epxoeyc3r.woff2?t=1623038328111') format('woff2'),
url('//at.alicdn.com/t/font_2542433_w0epxoeyc3r.woff?t=1623038328111') format('woff'),
url('//at.alicdn.com/t/font_2542433_w0epxoeyc3r.ttf?t=1623038328111') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
\ No newline at end of file
// @font-face {
// font-family: 'iconfont';
// src: url('//at.alicdn.com/t/font_2542433_w0epxoeyc3r.woff2?t=1623038328111') format('woff2'),
// url('//at.alicdn.com/t/font_2542433_w0epxoeyc3r.woff?t=1623038328111') format('woff'),
// url('//at.alicdn.com/t/font_2542433_w0epxoeyc3r.ttf?t=1623038328111') format('truetype');
// }
// .iconfont {
// font-family: "iconfont" !important;
// font-size: 16px;
// font-style: normal;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// }
\ No newline at end of file
src/layouts/BasicLayout.js
View file @ d093dad9
......@@ -540,7 +540,6 @@ const BasicLayout = props => {
);
}, [location.pathname]);
const handleSelectedKey = item => {
debugger
const config = findPathByLeafId(
item.path,
currentRoutes.routes,
......
src/micro.js
View file @ d093dad9
......@@ -102,7 +102,7 @@ export const initMicroApps = (loader, store) => {
});
start({
sandbox: {
experimentalStyleIsolation: true,
experimentalStyleIsolation: false,
loose: true,
},
singular: true,
......
src/utils/event.js 0 → 100644
View file @ d093dad9
import { store } from 'microser-data';
store.on('event:route', (url) => {
history.pushState(null, `/civbase/${url}`, `/civbase/${url}`);
});
\ No newline at end of file
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