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