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 @@
<!-- <script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script> -->
<title>城市轨道交通安防系统</title>
<script>
//禁用所有控制台输出
// var console={};
// console.log=function(){};
// console.warn=function(){};
// console.error=function(){};
</script>
<script src="./config.js"></script>
<style>
html, body, #app {
height: 100%;
......@@ -18,7 +26,7 @@
padding: 0px;
}
#app{
/* background: url('./image/bg@2x.png') no-repeat fixed center; */
/* background: url('./image/bg2x.png') no-repeat fixed center; */
background-color: #ccc;
}
.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';
$theme-bg-color: #ebf1f6;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: rgba(#FFF, 1);
......@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849;
$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;
// 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #2f74ff;
$theme-header-item-background-color-hover: rgba(#FFF, .5);
$theme-header-item-color-hover: rgba(#fff,.7);
$theme-header-item-background-color-hover:transparent;
// 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #2f74ff;
$theme-header-item-background-color-focus: rgba(#FFF, .5);
$theme-header-item-color-focus: rgba(#fff,.7);
$theme-header-item-background-color-focus: transparent;
// 顶栏上的项目在 active 时
$theme-header-item-color-active: #2f74ff;
$theme-header-item-background-color-active: rgba(#FFF, .5);
$theme-header-item-color-active: rgba(#fff,.9);
$theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色
$theme-aside-item-color: $color-text-normal;
......
......@@ -4,6 +4,17 @@ $theme-name: 'line';
$theme-bg-color: #f8f8f9;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: rgba(#FFF, .8);
......
......@@ -2,10 +2,10 @@
@import '~@/assets/style/theme/theme-base.scss';
@import '~@/assets/style/theme/tx1/index.scss';
@import '~@/assets/style/theme/tx2/index.scss';
// @import '~@/assets/style/theme/tx1/index.scss';
// @import '~@/assets/style/theme/tx2/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/tomorrow-night-blue/index.scss';
@import '~@/assets/style/theme/violet/index.scss';
\ No newline at end of file
......@@ -4,6 +4,17 @@ $theme-name: 'star';
$theme-bg-color: #EFF4F8;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: rgba(#FFF, .9);
......@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849;
$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;
// 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF;
$theme-header-item-background-color-hover: rgba(rgb(78, 97, 204), .2);
$theme-header-item-color-hover: rgba(#FFF,.7);
$theme-header-item-background-color-hover: transparent;
// 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFF;
$theme-header-item-background-color-focus: rgba(rgb(78, 97, 204), .2);
$theme-header-item-color-focus: rgba(#FFF,.7);
$theme-header-item-background-color-focus: transparent;
// 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFF;
$theme-header-item-background-color-active: rgba(rgb(78, 97, 204), .2);
$theme-header-item-color-active: rgba(#FFF,.7);
$theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色
$theme-aside-item-color: #FFF;
......
This diff is collapsed.
// 主题名称
$theme-name: 'tomorrow-night-blue';
// 主题背景颜色
$theme-bg-color: #002253;
$theme-bg-color: #FF929A;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: rgba(#FFF, 1);
......@@ -28,14 +39,14 @@ $theme-menu-item-background-color-hover: #ecf5ff;
$theme-header-item-color: #FF929A;
$theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFEBA4;
$theme-header-item-background-color-hover: rgba(#FFF, .05);
$theme-header-item-color-hover: #FFB870;
$theme-header-item-background-color-hover: transparent;
// 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFB870;
$theme-header-item-background-color-focus: rgba(#FFF, .05);
$theme-header-item-background-color-focus:transparent;
// 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFB870;
$theme-header-item-background-color-active: rgba(#FFF, .05);
$theme-header-item-color-active: #FFB870 ;
$theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色
$theme-aside-item-color: #FF929A;
......
......@@ -4,6 +4,17 @@ $theme-name: 'tx1';
$theme-bg-color: #ebf1f6;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: rgba(#FFF, 1);
......
......@@ -4,6 +4,17 @@ $theme-name: 'tx2';
$theme-bg-color: #ebf1f6;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: rgba(#FFF, 1);
......
......@@ -4,6 +4,17 @@ $theme-name: 'violet';
$theme-bg-color: #000;
// 主题背景图片遮罩
$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组件
$theme-container-background-color: #FFF;
......@@ -25,17 +36,17 @@ $theme-menu-item-color-hover: #293849;
$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;
// 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF;
$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-color-hover: rgba(#8C40E2,.7);
$theme-header-item-background-color-hover: transparent;
// 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFF;
$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-color-focus: rgba(#8C40E2,.7);
$theme-header-item-background-color-focus: transparent;
// 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFF;
$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-color-active: rgba(#8C40E2,1);
$theme-header-item-background-color-active: transparent;
// 侧边栏上的文字颜色
$theme-aside-item-color: #FFF;
......
/*
Date: 24 Fev 2015
Author: Pedro Oliveira <kanytu@gmail . com>
Author: Pedro Oliveira
*/
.hljs {
......
/*
Date: 17.V.2011
Author: pumbur <pumbur@pumbur.net>
Author: pumbur
*/
.hljs {
......
......@@ -9,8 +9,8 @@ Copyright 2015, All rights reserved
Code licensed under the MIT license
http://zenorocha.mit-license.org
@author Éverton Ribeiro <nuxlli@gmail.com>
@author Zeno Rocha <hi@zenorocha.com>
@author Éverton Ribeiro
@author Zeno Rocha
*/
......
/*
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/
Version: 1.0
Date: 2013-04-02
......
/*
Description: Magula style for highligh.js
Author: Ruslan Keba <rukeba@gmail.com>
Author: Ruslan Keba
Website: http://rukeba.com/
Version: 1.0
Date: 2009-01-03
......
......@@ -2,7 +2,7 @@
PureBASIC native IDE style ( version 1.0 - April 2016 )
by Tristano Ajmone <tajmone@gmail.com>
by Tristano Ajmone
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
* Author: Nicolas LLOBERA <nllobera@gmail.com>
* Author: Nicolas LLOBERA
*/
.hljs {
......
/*
XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
XCode style (c) Angel Garcia
*/
......
......@@ -9,7 +9,7 @@
<!--<a target="blank" href="https://github.com/d2-projects/d2-admin">-->
<!--<img-->
<!--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">-->
<!--</a>-->
</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>
<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> -->
<span :class="menu.icon" class="menu_icon"></span>
<!-- <d2-icon-svg v-else-if="menu.iconSvg" :name="menu.iconSvg"/> -->
<!-- <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>
</template>
......@@ -17,23 +23,23 @@ export default {
menu: {
type: Object,
required: false,
default: () => {}
}
default: () => {},
},
},
data() {
return {
uniqueId: uniqueId('d2-menu-empty-')
uniqueId: uniqueId('d2-menu-empty-'),
}
},
methods: {
handleMenuClick () {
//点击菜单时重新刷新页面
//this.reload()
}
}
handleMenuClick() {
//点击菜单时重新刷新页面
//this.reload()
},
},
}
</script>
<style >
<style>
.menu_icon {
width: 22px;
height: 22px;
......@@ -43,7 +49,7 @@ export default {
background: url(../../../imgs/iconImg/sys.png);
background-size: 100% 100%;
}
.em {
.scene {
background: url(../../../imgs/iconImg/em.png);
background-size: 100% 100%;
}
......@@ -55,7 +61,7 @@ export default {
background: url(../../../imgs/iconImg/plan.png);
background-size: 100% 100%;
}
.linkage {
.stats {
background: url(../../../imgs/iconImg/linkage.png);
background-size: 100% 100%;
}
......@@ -63,7 +69,7 @@ export default {
background: url(../../../imgs/iconImg/monitor.png);
background-size: 100% 100%;
}
.access {
.fire {
background: url(../../../imgs/iconImg/access.png);
background-size: 100% 100%;
}
......
......@@ -5,7 +5,8 @@
<div
slot-scope="scope"
class="theme-preview"
:style="{'backgroundImage': `url(${$baseUrl}${scope.row.preview})`}">
:style="{'background': `${scope.row.preview}`}">
<!-- :style="{'backgroundImage': `url(${$baseUrl}${scope.row.preview})`}"> -->
</div>
</el-table-column>
<el-table-column prop="address" align="center">
......
......@@ -9,6 +9,9 @@
<img src="../../imgs/star.png" />
</div>
<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;"/>
</el-dialog>
</div>
......
......@@ -109,7 +109,7 @@ export default {
})
},
inputMe(e) {
return e.replace(/[<>!?:":?@!,.;']/g, '')
return e.replace(/[<>#?:":?@,.;']/g, '')
},
editPasword() {
this.editPaswDialog = true
......@@ -140,7 +140,7 @@ export default {
this.editPaswDialog = false
}
})
} else { this.$message.error(data.msg) }
}
})
}
})
......
......@@ -3,7 +3,7 @@
<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__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">
<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"/> -->
......
This diff is collapsed.
......@@ -106,7 +106,9 @@ new Vue({
// this.$store.commit('d2admin/menu/headerSet', menuHeader)
// // 初始化菜单搜索功能
// this.$store.commit('d2admin/search/init', menuHeader)
const pattern = /[_`~^*|{}<>¥……*|&‘”“/#()【】《》()——\\[\]$%+=]/ //这些字段不允许输入
// const pattern = /[_`~^*|{}<>¥……*|&‘”“/#()【】《》\\[\]$%+=]/ //这些字段不允许输入
const pattern = /[`~^*|{}<>¥……*|&‘”“/#()【】《》\\[\]$%+=]/ //这些字段不允许输入
const testMark = function (s) {
return pattern.test(s)
}
......@@ -122,7 +124,7 @@ new Vue({
}
return rs
}
const timeReplaceMark = function (obj) {
if (testMark(obj.value)) {
obj.value = replaceMark(obj.value, true)
......@@ -143,15 +145,15 @@ new Vue({
if (ev.target.type === 'text' || ev.target.type === 'textarea') {
timeReplaceMark(ev.target)
}
},true)
}, true)
},
beforeDestroy(){
beforeDestroy() {
window.removeEventListener('input', function (ev) {
// console.log(ev);
if (ev.target.type === 'text' || ev.target.type === 'textarea') {
timeReplaceMark(ev.target)
}
},true)
}, true)
},
mounted () {
// 展示系统信息
......
......@@ -10,32 +10,10 @@ import demoElement from './modules/demo-element'
// import demoPlayground from './modules/demo-playground'
// 示例
// 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
import demoD2Crud from './modules/demo-d2-crud'
// 第三方网页
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 = [
......@@ -46,29 +24,12 @@ export const menuAside = [
// demoPlayground,// 功能
// demoBusiness,// 事例
demoD2Crud,
demoFrame,
mbManage, // 会员管理
ctManage, //竞赛管理
clubManage, //俱乐部管理
fnManage, //财务管理
msgManage, //消息中心
refundManage, //退款管理
oprManage, //运营管理
sysManage, // 系统管理
// sysUser,
sysSetting,
newsManage
demoFrame
]
// 菜单 顶栏
export const menuHeader = [
{ 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' }
// { 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 @@
</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;
background: #2999dd;
}
} */
</style>
This diff is collapsed.
......@@ -17,7 +17,11 @@
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;
background: #f5f7fa !important;
}
......
......@@ -13,7 +13,7 @@ export default {
return {
env: process.env.NODE_ENV,
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