Commit 552bb2c1 authored by 葛齐林's avatar 葛齐林

Merge branch 'dev' of gitlab.suntrayoa.com:geqilin/zhxf_vue into dev

parents 202a1944 e518491e
var CONFIG = {}
// 页面 title 前缀
CONFIG.TITLE = '轨道交通后台管理系统'
// 网络请求公用地址
CONFIG.requestPath = 'http://localhost:8046'
// CONFIG.requestPath = 'http://10.20.72.33:8046'
// 文件上传
CONFIG.urlPath = 'http://10.20.72.33/'
// BIM
CONFIG.bimPath = 'http://10.20.2.98:8066/'
...@@ -11,6 +11,14 @@ ...@@ -11,6 +11,14 @@
<!-- <script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script> --> <!-- <script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script> -->
<title>城市轨道交通安防系统</title> <title>城市轨道交通安防系统</title>
<script>
//禁用所有控制台输出
// var console={};
// console.log=function(){};
// console.warn=function(){};
// console.error=function(){};
</script>
<script src="./config.js"></script>
<style> <style>
html, body, #app { html, body, #app {
height: 100%; height: 100%;
...@@ -18,7 +26,7 @@ ...@@ -18,7 +26,7 @@
padding: 0px; padding: 0px;
} }
#app{ #app{
/* background: url('./image/bg@2x.png') no-repeat fixed center; */ /* background: url('./image/bg2x.png') no-repeat fixed center; */
background-color: #ccc; background-color: #ccc;
} }
.d2-app-loading-group { .d2-app-loading-group {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -4,6 +4,17 @@ $theme-name: 'd2'; ...@@ -4,6 +4,17 @@ $theme-name: 'd2';
$theme-bg-color: #ebf1f6; $theme-bg-color: #ebf1f6;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $theme-bg-mask: rgba(#000, 0);
// 主题头部背景颜色
$theme-bg-color-header: #32a5ea;
// 主题底部背景颜色
$theme-bg-color-mfooter: #2d3a4b;
$theme-font-color-mfooter: #FFFFFF;
//主体el-button背景色
$theme-bg-color-el-button: #32a5ea;
$theme-font-color-el-button: #FFFFFF;
//主体el-button选中背景色
$theme-bg-color-el-button-active: #32a5ea;
$theme-font-color-el-button-active: #FFFFFF;
// container组件 // container组件
$theme-container-background-color: rgba(#FFF, 1); $theme-container-background-color: rgba(#FFF, 1);
...@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849; ...@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849;
$theme-menu-item-background-color-hover: #ecf5ff; $theme-menu-item-background-color-hover: #ecf5ff;
// 顶栏上的文字颜色 // 顶栏上的文字颜色
$theme-header-item-color: $color-text-normal; $theme-header-item-color: rgba(#fff,.7);
$theme-header-item-background-color: transparent; $theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时 // 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #2f74ff; $theme-header-item-color-hover: rgba(#fff,.7);
$theme-header-item-background-color-hover: rgba(#FFF, .5); $theme-header-item-background-color-hover:transparent;
// 顶栏上的项目在 focus 时 // 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #2f74ff; $theme-header-item-color-focus: rgba(#fff,.7);
$theme-header-item-background-color-focus: rgba(#FFF, .5); $theme-header-item-background-color-focus: transparent;
// 顶栏上的项目在 active 时 // 顶栏上的项目在 active 时
$theme-header-item-color-active: #2f74ff; $theme-header-item-color-active: rgba(#fff,.9);
$theme-header-item-background-color-active: rgba(#FFF, .5); $theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色 // 侧边栏上的文字颜色
$theme-aside-item-color: $color-text-normal; $theme-aside-item-color: $color-text-normal;
......
...@@ -4,6 +4,17 @@ $theme-name: 'line'; ...@@ -4,6 +4,17 @@ $theme-name: 'line';
$theme-bg-color: #f8f8f9; $theme-bg-color: #f8f8f9;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $theme-bg-mask: rgba(#000, 0);
// 主题头部背景颜色
$theme-bg-color-header: $color-text-normal;
// 主题底部背景颜色
$theme-bg-color-mfooter: $color-text-normal;
$theme-font-color-mfooter: #FFFFFF;
//主体el-button背景色
$theme-bg-color-el-button: $color-text-normal;
$theme-font-color-el-button: #FFFFFF;
//主体el-button选中背景色
$theme-bg-color-el-button-active: $color-text-normal;
$theme-font-color-el-button-active: #FFFFFF;
// container组件 // container组件
$theme-container-background-color: rgba(#FFF, .8); $theme-container-background-color: rgba(#FFF, .8);
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
@import '~@/assets/style/theme/theme-base.scss'; @import '~@/assets/style/theme/theme-base.scss';
@import '~@/assets/style/theme/tx1/index.scss'; // @import '~@/assets/style/theme/tx1/index.scss';
@import '~@/assets/style/theme/tx2/index.scss'; // @import '~@/assets/style/theme/tx2/index.scss';
@import '~@/assets/style/theme/d2/index.scss'; @import '~@/assets/style/theme/d2/index.scss';
@import '~@/assets/style/theme/line/index.scss'; // @import '~@/assets/style/theme/line/index.scss';
@import '~@/assets/style/theme/star/index.scss'; @import '~@/assets/style/theme/star/index.scss';
@import '~@/assets/style/theme/tomorrow-night-blue/index.scss'; @import '~@/assets/style/theme/tomorrow-night-blue/index.scss';
@import '~@/assets/style/theme/violet/index.scss'; @import '~@/assets/style/theme/violet/index.scss';
\ No newline at end of file
...@@ -4,6 +4,17 @@ $theme-name: 'star'; ...@@ -4,6 +4,17 @@ $theme-name: 'star';
$theme-bg-color: #EFF4F8; $theme-bg-color: #EFF4F8;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, .3); $theme-bg-mask: rgba(#000, .3);
// 主题头部背景颜色
$theme-bg-color-header: $color-text-normal;
// 主题底部背景颜色
$theme-bg-color-mfooter: #606266;
$theme-font-color-mfooter: #FFFFFF;
//主体el-button背景色
$theme-bg-color-el-button: $color-text-normal;
$theme-font-color-el-button: #FFFFFF;
//主体el-button选中背景色
$theme-bg-color-el-button-active: #606266;
$theme-font-color-el-button-active: #FFFFFF;
// container组件 // container组件
$theme-container-background-color: rgba(#FFF, .9); $theme-container-background-color: rgba(#FFF, .9);
...@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849; ...@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849;
$theme-menu-item-background-color-hover: #ecf5ff; $theme-menu-item-background-color-hover: #ecf5ff;
// 顶栏上的文字颜色 // 顶栏上的文字颜色
$theme-header-item-color: #FFF; $theme-header-item-color: rgba(#606266,.8);
$theme-header-item-background-color: transparent; $theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时 // 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF; $theme-header-item-color-hover: rgba(#FFF,.7);
$theme-header-item-background-color-hover: rgba(rgb(78, 97, 204), .2); $theme-header-item-background-color-hover: transparent;
// 顶栏上的项目在 focus 时 // 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFF; $theme-header-item-color-focus: rgba(#FFF,.7);
$theme-header-item-background-color-focus: rgba(rgb(78, 97, 204), .2); $theme-header-item-background-color-focus: transparent;
// 顶栏上的项目在 active 时 // 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFF; $theme-header-item-color-active: rgba(#FFF,.7);
$theme-header-item-background-color-active: rgba(rgb(78, 97, 204), .2); $theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色 // 侧边栏上的文字颜色
$theme-aside-item-color: #FFF; $theme-aside-item-color: #FFF;
......
This diff is collapsed.
// 主题名称 // 主题名称
$theme-name: 'tomorrow-night-blue'; $theme-name: 'tomorrow-night-blue';
// 主题背景颜色 // 主题背景颜色
$theme-bg-color: #002253; $theme-bg-color: #FF929A;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $theme-bg-mask: rgba(#000, 0);
// 主题头部背景颜色
$theme-bg-color-header: #FF929A;
// 主题底部背景颜色
$theme-bg-color-mfooter: #FF929A;
$theme-font-color-mfooter: #b52222;
//主体el-button背景色
$theme-bg-color-el-button: #FF929A;
$theme-font-color-el-button: #b52222;
//主体el-button选中背景色
$theme-bg-color-el-button-active: #FF929A;
$theme-font-color-el-button-active: #b52222;
// container组件 // container组件
$theme-container-background-color: rgba(#FFF, 1); $theme-container-background-color: rgba(#FFF, 1);
...@@ -28,14 +39,14 @@ $theme-menu-item-background-color-hover: #ecf5ff; ...@@ -28,14 +39,14 @@ $theme-menu-item-background-color-hover: #ecf5ff;
$theme-header-item-color: #FF929A; $theme-header-item-color: #FF929A;
$theme-header-item-background-color: transparent; $theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时 // 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFEBA4; $theme-header-item-color-hover: #FFB870;
$theme-header-item-background-color-hover: rgba(#FFF, .05); $theme-header-item-background-color-hover: transparent;
// 顶栏上的项目在 focus 时 // 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFB870; $theme-header-item-color-focus: #FFB870;
$theme-header-item-background-color-focus: rgba(#FFF, .05); $theme-header-item-background-color-focus:transparent;
// 顶栏上的项目在 active 时 // 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFB870; $theme-header-item-color-active: #FFB870 ;
$theme-header-item-background-color-active: rgba(#FFF, .05); $theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色 // 侧边栏上的文字颜色
$theme-aside-item-color: #FF929A; $theme-aside-item-color: #FF929A;
......
...@@ -4,6 +4,17 @@ $theme-name: 'tx1'; ...@@ -4,6 +4,17 @@ $theme-name: 'tx1';
$theme-bg-color: #ebf1f6; $theme-bg-color: #ebf1f6;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $theme-bg-mask: rgba(#000, 0);
// 主题头部背景颜色
$theme-bg-color-header: #2f74ff;
// 主题底部背景颜色
$theme-bg-color-mfooter: #2f74ff;
$theme-font-color-mfooter: #FFFFFF;
//主体el-button背景色
$theme-bg-color-el-button: #2f74ff;
$theme-font-color-el-button: #FFFFFF;
//主体el-button选中背景色
$theme-bg-color-el-button-active: #2f74ff;
$theme-font-color-el-button-active: #FFFFFF;
// container组件 // container组件
$theme-container-background-color: rgba(#FFF, 1); $theme-container-background-color: rgba(#FFF, 1);
......
...@@ -4,6 +4,17 @@ $theme-name: 'tx2'; ...@@ -4,6 +4,17 @@ $theme-name: 'tx2';
$theme-bg-color: #ebf1f6; $theme-bg-color: #ebf1f6;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $theme-bg-mask: rgba(#000, 0);
// 主题头部背景颜色
$theme-bg-color-header: #2f74ff;
// 主题底部背景颜色
$theme-bg-color-mfooter: #2f74ff;
$theme-font-color-mfooter: #FFFFFF;
//主体el-button背景色
$theme-bg-color-el-button: #2f74ff;
$theme-font-color-el-button: #FFFFFF;
//主体el-button选中背景色
$theme-bg-color-el-button-active: #2f74ff;
$theme-font-color-el-button-active: #FFFFFF;
// container组件 // container组件
$theme-container-background-color: rgba(#FFF, 1); $theme-container-background-color: rgba(#FFF, 1);
......
...@@ -4,6 +4,17 @@ $theme-name: 'violet'; ...@@ -4,6 +4,17 @@ $theme-name: 'violet';
$theme-bg-color: #000; $theme-bg-color: #000;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $theme-bg-mask: rgba(#000, 0);
// 主题头部背景颜色
$theme-bg-color-header: #8C40E2;
// 主题底部背景颜色
$theme-bg-color-mfooter: #8C40E2;
$theme-font-color-mfooter: #FFFFFF;
//主体el-button背景色
$theme-bg-color-el-button: #8C40E2;
$theme-font-color-el-button: #FFFFFF;
//主体el-button选中背景色
$theme-bg-color-el-button-active: #8C40E2;
$theme-font-color-el-button-active: #FFFFFF;
// container组件 // container组件
$theme-container-background-color: #FFF; $theme-container-background-color: #FFF;
...@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849; ...@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849;
$theme-menu-item-background-color-hover: #ecf5ff; $theme-menu-item-background-color-hover: #ecf5ff;
// 顶栏上的文字颜色 // 顶栏上的文字颜色
$theme-header-item-color: #FFF; $theme-header-item-color: rgba(#8C40E2,.7);
$theme-header-item-background-color: transparent; $theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时 // 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF; $theme-header-item-color-hover: rgba(#8C40E2,.7);
$theme-header-item-background-color-hover: linear-gradient(-180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.12) 100%); $theme-header-item-background-color-hover: transparent;
// 顶栏上的项目在 focus 时 // 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFF; $theme-header-item-color-focus: rgba(#8C40E2,.7);
$theme-header-item-background-color-focus: linear-gradient(-180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.12) 100%); $theme-header-item-background-color-focus: transparent;
// 顶栏上的项目在 active 时 // 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFF; $theme-header-item-color-active: rgba(#8C40E2,1);
$theme-header-item-background-color-active: linear-gradient(-180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.12) 100%); $theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色 // 侧边栏上的文字颜色
$theme-aside-item-color: #FFF; $theme-aside-item-color: #FFF;
......
/* /*
Date: 24 Fev 2015 Date: 24 Fev 2015
Author: Pedro Oliveira <kanytu@gmail . com> Author: Pedro Oliveira
*/ */
.hljs { .hljs {
......
/* /*
Date: 17.V.2011 Date: 17.V.2011
Author: pumbur <pumbur@pumbur.net> Author: pumbur
*/ */
.hljs { .hljs {
......
...@@ -9,8 +9,8 @@ Copyright 2015, All rights reserved ...@@ -9,8 +9,8 @@ Copyright 2015, All rights reserved
Code licensed under the MIT license Code licensed under the MIT license
http://zenorocha.mit-license.org http://zenorocha.mit-license.org
@author Éverton Ribeiro <nuxlli@gmail.com> @author Éverton Ribeiro
@author Zeno Rocha <hi@zenorocha.com> @author Zeno Rocha
*/ */
......
/* /*
Description: Foundation 4 docs style for highlight.js Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <dan.j.allen@gmail.com> Author: Dan Allen
Website: http://foundation.zurb.com/docs/ Website: http://foundation.zurb.com/docs/
Version: 1.0 Version: 1.0
Date: 2013-04-02 Date: 2013-04-02
......
/* /*
Description: Magula style for highligh.js Description: Magula style for highligh.js
Author: Ruslan Keba <rukeba@gmail.com> Author: Ruslan Keba
Website: http://rukeba.com/ Website: http://rukeba.com/
Version: 1.0 Version: 1.0
Date: 2009-01-03 Date: 2009-01-03
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
PureBASIC native IDE style ( version 1.0 - April 2016 ) PureBASIC native IDE style ( version 1.0 - April 2016 )
by Tristano Ajmone <tajmone@gmail.com> by Tristano Ajmone
Public Domain Public Domain
......
/* /*
School Book style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net> School Book style from goldblog.com.ua (c) Zaripov Yura
*/ */
......
/* /*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull
*/ */
......
/* /*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull
*/ */
......
/* /*
* Visual Studio 2015 dark style * Visual Studio 2015 dark style
* Author: Nicolas LLOBERA <nllobera@gmail.com> * Author: Nicolas LLOBERA
*/ */
.hljs { .hljs {
......
/* /*
XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com> XCode style (c) Angel Garcia
*/ */
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<!--<a target="blank" href="https://github.com/d2-projects/d2-admin">--> <!--<a target="blank" href="https://github.com/d2-projects/d2-admin">-->
<!--<img--> <!--<img-->
<!--style="position: absolute; top: 0; right: 0; border: 0; width: 150px;"--> <!--style="position: absolute; top: 0; right: 0; border: 0; width: 150px;"-->
<!--src="./image/darkblue@2x.png"--> <!--src="./image/darkblue2x.png"-->
<!--alt="Fork me on GitHub">--> <!--alt="Fork me on GitHub">-->
<!--</a>--> <!--</a>-->
</div> </div>
......
<template>
<div v-if='isShow' class="map_right">
<iframe :src="src" ref="iframe"></iframe>
</div>
</template>
<script>
import { mapState, mapGetters, mapActions } from 'vuex'
export default {
data() {
return {
code:'',
src: window.CONFIG.bimPath,
}
},
computed: {
...mapState('d2admin/bjCode', ['resourceCode']),
...mapState('d2admin/bim', ['isShow'])
},
watch: {
resourceCode(val) {
console.log('resourceCode:', val)
if (this.transformationSta == 2) {
this.sendBjMessage(val.substring(0, val.indexOf('+')))
}
}
},
mounted() {
this.code = this.resourceCode
console.log(this.isShow,'111111111111')
// this.sendMessage()
},
methods: {
sendMessage(code) {
console.log(111)
setTimeout(() => {
if (!this.$refs.iframe) {
return
}
this.$refs.iframe.contentWindow.postMessage(
{
func: 'locateByCode',
data: {
code: code
}
},
this.src
)
}, 1000)
},
sendBjMessage(code) {
console.log('********' + code)
setTimeout(() => {
if (!this.$refs.iframe) {
return
}
this.$refs.iframe.contentWindow.postMessage({
func: 'alarm',
data: {
code: code
}
}, this.src)
}, 1000)
},
},
}
</script>
<style lang="scss" scoped>
iframe {
width: 1580px;
height: 770px;
position:absolute;
top:50px;
right:0;
z-index:99;
}
</style>
\ No newline at end of file
<template> <template>
<el-menu-item v-if="menu.name != '报警中心'" :index="menu.path || uniqueId" @click="handleMenuClick" > <el-menu-item
v-if="menu.name != '报警中心'"
:index="menu.path || uniqueId"
@click="handleMenuClick"
>
<!-- <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i> --> <!-- <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i> -->
<span :class="menu.icon" class="menu_icon"></span> <span :class="menu.icon" class="menu_icon"></span>
<!-- <d2-icon-svg v-else-if="menu.iconSvg" :name="menu.iconSvg"/> --> <!-- <d2-icon-svg v-else-if="menu.iconSvg" :name="menu.iconSvg"/> -->
<!-- <i v-else class="fa fa-file-o"></i> --> <!-- <i v-else class="fa fa-file-o"></i> -->
<span class="zMenu_item" slot="title">{{menu.title || '未命名菜单'}}</span> <span class="zMenu_item" slot="title">{{
menu.title || '未命名菜单'
}}</span>
</el-menu-item> </el-menu-item>
</template> </template>
...@@ -17,23 +23,23 @@ export default { ...@@ -17,23 +23,23 @@ export default {
menu: { menu: {
type: Object, type: Object,
required: false, required: false,
default: () => {} default: () => {},
} },
}, },
data() { data() {
return { return {
uniqueId: uniqueId('d2-menu-empty-') uniqueId: uniqueId('d2-menu-empty-'),
} }
}, },
methods: { methods: {
handleMenuClick () { handleMenuClick() {
//点击菜单时重新刷新页面 //点击菜单时重新刷新页面
//this.reload() //this.reload()
} },
} },
} }
</script> </script>
<style > <style>
.menu_icon { .menu_icon {
width: 22px; width: 22px;
height: 22px; height: 22px;
...@@ -43,7 +49,7 @@ export default { ...@@ -43,7 +49,7 @@ export default {
background: url(../../../imgs/iconImg/sys.png); background: url(../../../imgs/iconImg/sys.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.em { .scene {
background: url(../../../imgs/iconImg/em.png); background: url(../../../imgs/iconImg/em.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
...@@ -55,7 +61,7 @@ export default { ...@@ -55,7 +61,7 @@ export default {
background: url(../../../imgs/iconImg/plan.png); background: url(../../../imgs/iconImg/plan.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.linkage { .stats {
background: url(../../../imgs/iconImg/linkage.png); background: url(../../../imgs/iconImg/linkage.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
...@@ -63,7 +69,7 @@ export default { ...@@ -63,7 +69,7 @@ export default {
background: url(../../../imgs/iconImg/monitor.png); background: url(../../../imgs/iconImg/monitor.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.access { .fire {
background: url(../../../imgs/iconImg/access.png); background: url(../../../imgs/iconImg/access.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
......
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
<div <div
slot-scope="scope" slot-scope="scope"
class="theme-preview" class="theme-preview"
:style="{'backgroundImage': `url(${$baseUrl}${scope.row.preview})`}"> :style="{'background': `${scope.row.preview}`}">
<!-- :style="{'backgroundImage': `url(${$baseUrl}${scope.row.preview})`}"> -->
</div> </div>
</el-table-column> </el-table-column>
<el-table-column prop="address" align="center"> <el-table-column prop="address" align="center">
......
...@@ -9,6 +9,9 @@ ...@@ -9,6 +9,9 @@
<img src="../../imgs/star.png" /> <img src="../../imgs/star.png" />
</div> </div>
<el-dialog title="主题" width="600px" :visible.sync="dialogVisible" :append-to-body="true"> <el-dialog title="主题" width="600px" :visible.sync="dialogVisible" :append-to-body="true">
<div slot='title'>
<span class="title-bold">主题</span>
</div>
<d2-theme-list style="margin-top: -25px;"/> <d2-theme-list style="margin-top: -25px;"/>
</el-dialog> </el-dialog>
</div> </div>
......
...@@ -109,7 +109,7 @@ export default { ...@@ -109,7 +109,7 @@ export default {
}) })
}, },
inputMe(e) { inputMe(e) {
return e.replace(/[<>!?:":?@!,.;']/g, '') return e.replace(/[<>#?:":?@,.;']/g, '')
}, },
editPasword() { editPasword() {
this.editPaswDialog = true this.editPaswDialog = true
...@@ -140,7 +140,7 @@ export default { ...@@ -140,7 +140,7 @@ export default {
this.editPaswDialog = false this.editPaswDialog = false
} }
}) })
} else { this.$message.error(data.msg) } }
}) })
} }
}) })
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div v-if="true" class="d2-theme-header-menu" ref="page" flex="cross:center"> <div v-if="true" class="d2-theme-header-menu" ref="page" flex="cross:center">
<div class="d2-theme-header-menu__content m-theme-header-menu__content" ref="content" flex-box="1" > <div class="d2-theme-header-menu__content m-theme-header-menu__content" ref="content" flex-box="1" >
<div class="d2-theme-header-menu__scroll" ref="scroll" flex-box="0" :style="'transform: translateX(' + currentTranslateX + 'px);'"> <div class="d2-theme-header-menu__scroll" ref="scroll" flex-box="0" :style="'transform: translateX(' + currentTranslateX + 'px);'">
<el-menu mode="horizontal" :default-active="active" @select="handleMenuSelect" active-text-color='#cccccc'> <el-menu mode="horizontal" :default-active="active" @select="handleMenuSelect" active-text-color=''>
<template v-for="(menu, menuIndex) in header"> <template v-for="(menu, menuIndex) in header">
<d2-layout-header-aside-menu-item class="menu-item" :menu="menu" :key="menuIndex"/> <d2-layout-header-aside-menu-item class="menu-item" :menu="menu" :key="menuIndex"/>
<!-- <d2-layout-header-aside-menu-sub v-else :menu="menu" :key="menuIndex"/> --> <!-- <d2-layout-header-aside-menu-sub v-else :menu="menu" :key="menuIndex"/> -->
......
This diff is collapsed.
...@@ -106,7 +106,9 @@ new Vue({ ...@@ -106,7 +106,9 @@ new Vue({
// this.$store.commit('d2admin/menu/headerSet', menuHeader) // this.$store.commit('d2admin/menu/headerSet', menuHeader)
// // 初始化菜单搜索功能 // // 初始化菜单搜索功能
// this.$store.commit('d2admin/search/init', menuHeader) // this.$store.commit('d2admin/search/init', menuHeader)
const pattern = /[_`~^*|{}<>¥……*|&‘”“/#()【】《》()——\\[\]$%+=]/ //这些字段不允许输入
// const pattern = /[_`~^*|{}<>¥……*|&‘”“/#()【】《》\\[\]$%+=]/ //这些字段不允许输入
const pattern = /[`~^*|{}<>¥……*|&‘”“/#()【】《》\\[\]$%+=]/ //这些字段不允许输入
const testMark = function (s) { const testMark = function (s) {
return pattern.test(s) return pattern.test(s)
} }
...@@ -122,7 +124,7 @@ new Vue({ ...@@ -122,7 +124,7 @@ new Vue({
} }
return rs return rs
} }
const timeReplaceMark = function (obj) { const timeReplaceMark = function (obj) {
if (testMark(obj.value)) { if (testMark(obj.value)) {
obj.value = replaceMark(obj.value, true) obj.value = replaceMark(obj.value, true)
...@@ -143,15 +145,15 @@ new Vue({ ...@@ -143,15 +145,15 @@ new Vue({
if (ev.target.type === 'text' || ev.target.type === 'textarea') { if (ev.target.type === 'text' || ev.target.type === 'textarea') {
timeReplaceMark(ev.target) timeReplaceMark(ev.target)
} }
},true) }, true)
}, },
beforeDestroy(){ beforeDestroy() {
window.removeEventListener('input', function (ev) { window.removeEventListener('input', function (ev) {
// console.log(ev); // console.log(ev);
if (ev.target.type === 'text' || ev.target.type === 'textarea') { if (ev.target.type === 'text' || ev.target.type === 'textarea') {
timeReplaceMark(ev.target) timeReplaceMark(ev.target)
} }
},true) }, true)
}, },
mounted () { mounted () {
// 展示系统信息 // 展示系统信息
......
...@@ -10,32 +10,10 @@ import demoElement from './modules/demo-element' ...@@ -10,32 +10,10 @@ import demoElement from './modules/demo-element'
// import demoPlayground from './modules/demo-playground' // import demoPlayground from './modules/demo-playground'
// 示例 // 示例
// import demoBusiness from './modules/demo-business' // import demoBusiness from './modules/demo-business'
// 角色与权限
import sysUser from './modules/sys-user'
// 系统设置
import sysSetting from './modules/sys-setting'
// 系统管理
import sysManage from './modules/sys-manage'
// 运营管理
import oprManage from './modules/opr-manage'
// 财务管理
import fnManage from './modules/fn-manage'
// 退款管理
import refundManage from './modules/fn-refundManage'
// 会员管理
import mbManage from './modules/mb-manage'
// 竞赛管理
import ctManage from './modules/ct-manage'
import clubManage from './modules/ct-clubManage'
// CRUD // CRUD
import demoD2Crud from './modules/demo-d2-crud' import demoD2Crud from './modules/demo-d2-crud'
// 第三方网页 // 第三方网页
import demoFrame from './modules/demo-frame' import demoFrame from './modules/demo-frame'
//import { newExpression } from 'babel-types'
import newsManage from './modules/news-manage'
import msgManage from './modules/msg-manage'
// 菜单 侧边栏 // 菜单 侧边栏
export const menuAside = [ export const menuAside = [
...@@ -46,29 +24,12 @@ export const menuAside = [ ...@@ -46,29 +24,12 @@ export const menuAside = [
// demoPlayground,// 功能 // demoPlayground,// 功能
// demoBusiness,// 事例 // demoBusiness,// 事例
demoD2Crud, demoD2Crud,
demoFrame, demoFrame
mbManage, // 会员管理
ctManage, //竞赛管理
clubManage, //俱乐部管理
fnManage, //财务管理
msgManage, //消息中心
refundManage, //退款管理
oprManage, //运营管理
sysManage, // 系统管理
// sysUser,
sysSetting,
newsManage
] ]
// 菜单 顶栏 // 菜单 顶栏
export const menuHeader = [ export const menuHeader = [
{ title: '首页', path: '/index' }, { title: '首页', path: '/index' },
{ title: '竞赛管理', path: '/ct/competition/level' },
{ title: '会员管理', path: '/mb/member' },
{ title: '运营管理', path: '/operation/place' },
{ title: '资讯管理', path: '/news/list' },
{ title: '财务管理', path: '/finance/competitionOrder/classification' },
{ title: '消息中心', path: '/msg/manage' },
{ title: '系统管理', path: '/sys/org' } { title: '系统管理', path: '/sys/org' }
// { path: '/sys/setting/code', title: '代码生成', icon: 'globe' } // { path: '/sys/setting/code', title: '代码生成', icon: 'globe' }
] ]
This diff is collapsed.
<template>
<div>
<menu-component class="monitor_menu" :menuList="list" :active="active"></menu-component>
</div>
</template>
<script>
import menuComponent from '../components/menu-component'
import { mapState } from 'vuex'
export default {
data() {
return {
list: [],
active: ''
}
},
components: {
menuComponent
},
computed: {
...mapState('d2admin/menu', [
'header'
])
},
watch: {
'$route.matched': {
handler (val) {
this.$nextTick(()=>{
this.active=''
this.active = val[1].path
})
},
immediate: true
}
},
created () {
this.header.forEach(res => {
if (res.path === '/access') {
this.list = res.list;
this.active=this.$route.path
// this.active = res.list[0].path;
// this.$router.push({
// path: res.list[0].path,
// })
}
})
}
}
</script>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<template lang="pug">
el-dialog.my_dialog(:close-on-click-modal='false' :visible.sync='visible' append-to-body width='60%' :before-close='handleClose' :destroy-on-close='true')
div.title-bold(slot='title') 历史视频
el-row()
div(v-if='videoList.length === 0' style='height:500px;display:flex')
font(style='margin:auto;font-size:27px') 暂无视频
el-col(v-else :span="(index === 0 && videoList.length === 1) || index ===2 ? 24 : 12" v-for="(item, index) in videoList" :key="index")
el-card(:body-style="{ padding: '0px' }")
div(slot="header" align='center' class='my_dialog_header')
font() {{item.name}}
video( style="width:100%" :src="item.path" :id="item.id" autoplay loop controls muted="true")
</template>
<script>
export default {
name: 'history-video-info',
data() {
return {
visible: false,
videoList: [
// {
// id: 1,
// src: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
// name: 'ceshi1'
// },
// {
// id: 2,
// src: 'http://mirror.aarnet.edu.au/pub/TED-talks/911Mothers_2010W-480p.mp4',
// name: 'ceshi2'
// },
// {
// id: 3,
// src: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
// name: 'ceshi3'
// }
]
}
},
methods: {
init(row) {
this.visible = true
// console.log(row)
this.initData(row.id)
},
initData(id) {
console.log(id)
this.$http({
url: this.$http.adornUrlAlarm('/alarmsInfo/getHistoryVideInfo'),
method: 'get',
params: { id: id }
}).then(data => {
if (data && data.code === 0) {
this.videoList = data.list
}
})
},
//关闭页面前调用
handleClose() {
this.visible = false
//关闭视频
this.videoList.map(item => {
var vide = document.getElementById(item.id)
if (vide.paused) {
// vide.play()
} else if (vide.play()) {
vide.pause()
}
})
this.videoList = []
}
}
}
</script>
<style scoped>
.title-bold {
font-weight: bold;
font-size: 17px;
}
.my_dialog >>> .el-dialog__body {
padding: 0px;
}
.my_dialog >>> .el-card__header {
padding: 8px 0px;
}
</style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -76,8 +76,8 @@ ...@@ -76,8 +76,8 @@
</style> </style>
<style> <style>
.theme-tx1 .el-menu--horizontal .menu_item:not(.is-disabled):hover { /* .theme-tx1 .el-menu--horizontal .menu_item:not(.is-disabled):hover {
color: #fff; color: #fff;
background: #2999dd; background: #2999dd;
} } */
</style> </style>
This diff is collapsed.
...@@ -17,7 +17,11 @@ ...@@ -17,7 +17,11 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.theme-tx1 .el-submenu__title:hover { /* .theme-tx1 .el-submenu__title:hover {
color: #293849;
background: #f5f7fa !important;
} */
.el-submenu__title:hover {
color: #293849; color: #293849;
background: #f5f7fa !important; background: #f5f7fa !important;
} }
......
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
return { return {
env: process.env.NODE_ENV, env: process.env.NODE_ENV,
baseUrl: process.env.BASE_URL, baseUrl: process.env.BASE_URL,
title: process.env.VUE_APP_TITLE title: window.CONFIG.TITLE
} }
} }
} }
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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