cb
/
front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: cb:master
Branches Tags
cb:main
cb:master
..
compare: cb:main
Branches Tags
cb:main
cb:master

No commits in common. "master" and "main" have entirely different histories.
master ... main

28 changed files with 2375 additions and 2444 deletions
Show Stats Expand all files Collapse all files

4487
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
public/config.js
View File

@ -1,6 +1,6 @@
window.GLOBAL_CONFIG = {
apiURL: "http://127.0.0.1:8889/face",
IMG_SERVER_URL: "http://192.168.1.133:9000",
SOCKET_URL: "ws://192.168.1.109:8889/face/webSocketServer",
SOCKET_URL: "ws://127.0.0.1:8889/face/webSocketServer",
rtspApi_URL: window.location.protocol + '//' + window.location.hostname + ':' + window.location.port,
}

BIN
src/assets/images/bg2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 747 KiB

BIN
src/assets/images/bg3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 375 KiB

BIN
src/assets/img/1705062607544.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
src/assets/img/camera2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 35 KiB

BIN
src/assets/img/home_02_01.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 299 KiB

BIN
src/assets/img/login_bg_tech1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 438 KiB

BIN
src/assets/img/login_bg_tech2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 60 KiB

BIN
src/assets/img/login_bg_tech3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 546 KiB

3
src/i18n/zh-CN.js
View File

@ -4,7 +4,7 @@ t.loading = '加载中...'
t.brand = {}
t.brand.lg = '室外图像采集平台'
t.brand.mini = '图像'
t.brand.mini = '人像'
t.add = '新增'
t.delete = '删除'
@ -364,7 +364,6 @@ t.role = {}
t.role.name = '名称'
t.role.remark = '备注'
t.role.createDate = '创建时间'
t.role.updateDate = '更新时间'
t.role.menuList = '菜单授权'
t.role.deptList = '数据授权'

0
src/mixins/resize.js
View File

12
src/router/index.js
View File

@ -2,18 +2,9 @@ import Vue from 'vue'
import Router from 'vue-router'
import http from '@/utils/request'
import { isURL } from '@/utils/validate'
import F1 from '@/views/modules/monitoring/ifarm'
Vue.use(Router)
//ifarm 单独路由
export const ifarmRoutes =[
{
path:'/monitoring/ifarm',
name:'ifarm',
// ifarmComponent:printReportShow,
// component:() => import('@/views/modules/monitoring/ifarm')
}
]
// 页面路由(独立页面)
export const pageRoutes = [
{
@ -42,7 +33,6 @@ export const moduleRoutes = {
meta: { title: '主入口布局' },
children: [
{ path: '/home', component: () => import('@/views/modules/home'), name: 'home', meta: { title: '首页', isTab: true } }
//此处为自己添加的页面
]
}

4
src/store/index.js
View File

@ -23,11 +23,11 @@ export default new Vuex.Store({
contentTabs: [
{
...window.SITE_CONFIG['contentTabDefault'],
'name': 'monitoring-chart-test2',
'name': 'monitoring-home',
'title': '首页'
}
],
contentTabsActiveName: 'monitoring-chart-test2',
contentTabsActiveName: 'monitoring-home',
//人像库 跳转页面 数据
libraryurl:''
},

22
src/utils/index.js
View File

@ -112,25 +112,3 @@ export function replaceImgUrl(url) {
return url
}
}
export function debounce(func, wait, immediate) {
let timeout, args, context, timestamp, result
const later = function() {
// 据上一次触发时间间隔
const last = +new Date() - timestamp
// 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
if (last < wait && last > 0) {
timeout = setTimeout(later, wait - last)
} else {
timeout = null
// 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
if (!immediate) {
result = func.apply(context, args)
if (!timeout) context = args = null
}
}
}
}

12
src/views/main-content.vue
View File

@ -12,7 +12,7 @@
</el-dropdown>
<el-tabs v-model="$store.state.contentTabsActiveName" @tab-click="tabSelectedHandle" @tab-remove="tabRemoveHandle">
<el-tab-pane v-for="item in $store.state.contentTabs" :key="item.name" :name="item.name" :label="item.title"
:closable="item.name !== 'monitoring-chart-test2'" :class="{ 'is-iframe': tabIsIframe(item.iframeURL) }">
:closable="item.name !== 'monitoring-home'" :class="{ 'is-iframe': tabIsIframe(item.iframeURL) }">
<!-- <template v-if="item.name === 'monitoring-home'">
<svg slot="label" class="icon-svg aui-content--tabs-icon-nav" aria-hidden="true">
<use xlink:href="#icon-home"></use>
@ -76,12 +76,12 @@
},
// tabs, 删除tab
tabRemoveHandle(tabName) {
if (tabName === 'monitoring-chart-test2') {
if (tabName === 'monitoring-home') {
return false
}
this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
if (this.$store.state.contentTabs.length <= 0) {
this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'monitoring-chart-test2'
this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'monitoring-home'
return false
}
// 当前选中tab被删除
@ -99,14 +99,14 @@
// tabs, 关闭其它
tabsCloseOtherHandle() {
this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => {
return item.name === 'monitoring-chart-test2' || item.name === this.$store.state.contentTabsActiveName
return item.name === 'monitoring-home' || item.name === this.$store.state.contentTabsActiveName
})
},
// tabs, 关闭全部
tabsCloseAllHandle() {
this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name === 'monitoring-chart-test2')
this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name === 'monitoring-home')
this.$router.push({
name: 'monitoring-chart-test2'
name: 'monitoring-home'
})
}
}

2
src/views/modules/home.vue
View File

@ -9,7 +9,7 @@
activated() {
this.$store.state.contentTabs.pop()
this.$router.push({
name: "monitoring-chart-test2"
name: "monitoring-home"
})
}
}

178
src/views/modules/monitoring/barrier.vue
View File

@ -2,62 +2,61 @@
<div>
<div v-show="!allPicState">
<!-- 右 预警-->
<!-- <div style="float:right;width: 528px;box-sizing: border-box;">-->
<!-- <div style="margin-bottom: 8px; display: flex;justify-content: space-between;">-->
<!-- <i style="font-size: 18px;font-weight: bold;color: #333;">人脸比中</i>-->
<!-- <i @click="showAllClick()" style="cursor: pointer;">查看全部-->
<!-- <i class="el-icon-arrow-right">-->
<!-- </i>-->
<!-- </i>-->
<!-- </div>-->
<!-- <div style="width: 528px;height: 190px;margin-bottom: 10px;background: #FFF;border-radius:2px; cursor: pointer;"-->
<!-- v-for="(item,index) in videoFaceList" v-if = "item.xsd > textStyle" class="warning-class" @click="openTask(item)">-->
<!-- <div v-if = "item.xsd > textStyle"-->
<!-- style="height:40px;display:flex;align-items: center; justify-content: space-between;border-bottom: 1px solid #F1F8FF;box-sizing: border-box;">-->
<!--&lt;!&ndash; <i style="font-weight: bold;color: #333333;margin-left: 20px">{{item.cameraRegion}}</i>&ndash;&gt;-->
<!-- <i style="font-weight: bold;color: #333333;margin-left: 20px">{{"十楼工位"}}</i>-->
<!-- <i style="font-weight: bold;color: #333333;margin-right: 20px;">{{item.time}}</i>-->
<!-- </div>-->
<!-- <div v-if = "item.xsd > textStyle" style="display: flex;align-items: center;height: 150px;margin-left: 34px;">-->
<!-- <div style="width: 120px;height: 120px;background: #F1F6F9;">-->
<!-- &lt;!&ndash;<canvas width=120 height=120 :ref="'warningImage'+index">-->
<!-- </canvas>&ndash;&gt;-->
<!-- <img style="width: 120px;height: 120px;" :src="videoFaceList[index].cphoto" fit="contain"/>-->
<!-- </div>-->
<!-- <div-->
<!-- style="width: 120px;height: 120px;background: #F1F6F9;margin: 0 20px;text-align: center;position: relative;">-->
<!-- &lt;!&ndash; src="item.rphoto"&ndash;&gt;-->
<!-- <img style="width: 120px;height: 120px;" :src="item.rphoto" />-->
<!-- <div-->
<!-- style="position: absolute;width: 100%;background-color: red;bottom: 0;opacity: 0.6;background: #000;color: #FFF;line-height: 1.8;">-->
<!-- <i>测试库</i>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div style="width: 194px;height: 120px;position: relative;">-->
<!-- <div-->
<!-- style="display: flex;flex-direction: column;justify-content: space-around;height: 120px;">-->
<!-- <span><iv-->
<!-- style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgritem.name}}</i></span>-->
<!-- <span><i>性别：未知</i></span>-->
<!-- <span><i>来源：测试库</i></span>-->
<!-- <span><i>相似度：</i><i style="font-size: 30px;font-weight: 600;color: #FF343E; font-family:Bahnschrift;">-->
<!-- {{item.xsd+"%"}}</i></span>-->
<!-- </div>-->
<!-- <div style="position: absolute;top:0;right: 0;">-->
<!-- <img src="../../../assets/img/warning/jk.png" alt="监控">-->
<!-- <img v-if="item.taskType=='3'" src="../../../assets/img/warning/ts.png" alt="提示">-->
<!-- <img v-if="item.taskType=='2'" src="../../../assets/img/warning/jk.png" alt="监控">-->
<!-- <img v-if="item.taskType=='1'" src="../../../assets/img/warning/zb.png" alt="抓捕">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; 子组件 任务详情 &ndash;&gt;-->
<!-- <task v-if="taskVisible" ref="task" @refreshTaskList></task>-->
<!-- </div>-->
<div style="float:right;width: 528px;box-sizing: border-box;">
<div style="margin-bottom: 8px; display: flex;justify-content: space-between;">
<i style="font-size: 18px;font-weight: bold;color: #333;">人脸比中</i>
<i @click="showAllClick()" style="cursor: pointer;">查看全部
<i class="el-icon-arrow-right">
</i>
</i>
</div>
<div style="width: 528px;height: 190px;margin-bottom: 10px;background: #FFF;border-radius:2px; cursor: pointer;"
v-for="(item,index) in videoFaceList" v-if = "item.xsd > textStyle" class="warning-class" @click="openTask(item)">
<div v-if = "item.xsd > textStyle"
style="height:40px;display:flex;align-items: center; justify-content: space-between;border-bottom: 1px solid #F1F8FF;box-sizing: border-box;">
<!-- <i style="font-weight: bold;color: #333333;margin-left: 20px">{{item.cameraRegion}}</i>-->
<i style="font-weight: bold;color: #333333;margin-left: 20px">{{"十楼工位"}}</i>
<i style="font-weight: bold;color: #333333;margin-right: 20px;">{{item.time}}</i>
</div>
<div v-if = "item.xsd > textStyle" style="display: flex;align-items: center;height: 150px;margin-left: 34px;">
<div style="width: 120px;height: 120px;background: #F1F6F9;">
<!--<canvas width=120 height=120 :ref="'warningImage'+index">
</canvas>-->
<img style="width: 120px;height: 120px;" :src="videoFaceList[index].cphoto" fit="contain"/>
</div>
<div
style="width: 120px;height: 120px;background: #F1F6F9;margin: 0 20px;text-align: center;position: relative;">
<!-- src="item.rphoto"-->
<img style="width: 120px;height: 120px;" :src="item.rphoto" />
<div
style="position: absolute;width: 100%;background-color: red;bottom: 0;opacity: 0.6;background: #000;color: #FFF;line-height: 1.8;">
<i>测试库</i>
</div>
</div>
<div style="width: 194px;height: 120px;position: relative;">
<div
style="display: flex;flex-direction: column;justify-content: space-around;height: 120px;">
<span><iv
style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgr style="width: 120px;height: 120px;backgritem.name}}</i></span>
<span><i>性别：未知</i></span>
<span><i>来源：测试库</i></span>
<span><i>相似度：</i><i style="font-size: 30px;font-weight: 600;color: #FF343E; font-family:Bahnschrift;">
{{item.xsd+"%"}}</i></span>
</div>
<div style="position: absolute;top:0;right: 0;">
<img src="../../../assets/img/warning/jk.png" alt="监控">
<img v-if="item.taskType=='3'" src="../../../assets/img/warning/ts.png" alt="提示">
<img v-if="item.taskType=='2'" src="../../../assets/img/warning/jk.png" alt="监控">
<img v-if="item.taskType=='1'" src="../../../assets/img/warning/zb.png" alt="抓捕">
</div>
</div>
</div>
</div>
<!-- 子组件 任务详情 -->
<task v-if="taskVisible" ref="task" @refreshTaskList></task>
</div>
<!-- 左 抓拍-->
<!-- <div style="margin-right:548px;">-->
<div >
<div style="margin-right:548px;">
<!-- 条件 -->
<div style=";margin-bottom: 8px;">
<i style="font-size: 18px;font-weight: bold;color: #333;">卡口切换</i>
@ -66,7 +65,7 @@
<span class="el-icon-caret-bottom" style="font-size: 18px;cursor: pointer;"
@click.stop="barrierSelectStateClick" v-show="barrierState"></span>
<i style="font-size: 18px;margin-left: 30px;">{{barrierName}}</i>
<!-- <i style="font-size: 18px;float:right">布控任务:{{taskName}}</i>-->
<i style="font-size: 18px;float:right">布控任务:{{taskName}}</i>
</div>
<!-- 卡口树 -->
<div style="width: 305px;height: 600px;position: absolute;background-color: #FFF;z-index:1"
@ -98,36 +97,36 @@
<!-- </div>-->
<!-- </el-image>-->
<el-card shadow="never" class="aui-card--fill">
<div style="border: 1px solid #000000;height: 400px;width: 50%;float: left" v-for="item in cameraList" >
<video-control :msg=item.rtspUrl ></video-control>
<div style="border: 1px solid #000000;height: 100%;width: 100%;float: left" v-for="item in cameraList" >
<video-control :msg=nowRtspurl :key="nowRtspurl" ></video-control>
</div>
<button style="width: 200px;height: 200px;" @click="plays"></button>
<!-- <button style="width: 200px;height: 200px;" @click="plays"></button>-->
</el-card>
</div>
<!-- 抓拍图片详情 -->
<!-- <div style="display: flex;justify-content: space-between;margin: 10px 0 8px 0;">-->
<!-- <span>-->
<!-- <i style="color:#333;font-size: 14px;font-weight:bold ;">今日抓拍</i>-->
<!-- <i-->
<!-- style="color:#333;font-size: 18px;font-weight:bold;margin-left: 5px;font-family:Bahnschrift">{{toDaySnapShot}}</i>-->
<!-- <i style="color:#333;font-size: 14px;font-weight:bold ;">/累计抓拍 </i>-->
<!-- <i-->
<!-- style="color:#333;font-size: 18px;font-weight:bold;margin-left: 5px;font-family:Bahnschrift">{{totalSnapShot}}</i>-->
<!-- </span>-->
<!-- <i style="font-size: 14px;font-weight: 400;cursor: pointer;" @click="showAllPicClick()">查看全部-->
<!-- <span class="el-icon-arrow-right">-->
<!-- </span>-->
<!-- </i>-->
<!-- </div>-->
<div style="display: flex;justify-content: space-between;margin: 10px 0 8px 0;">
<span>
<i style="color:#333;font-size: 14px;font-weight:bold ;">今日抓拍</i>
<i
style="color:#333;font-size: 18px;font-weight:bold;margin-left: 5px;font-family:Bahnschrift">{{toDaySnapShot}}</i>
<i style="color:#333;font-size: 14px;font-weight:bold ;">/累计抓拍 </i>
<i
style="color:#333;font-size: 18px;font-weight:bold;margin-left: 5px;font-family:Bahnschrift">{{totalSnapShot}}</i>
</span>
<i style="font-size: 14px;font-weight: 400;cursor: pointer;" @click="showAllPicClick()">查看全部
<span class="el-icon-arrow-right">
</span>
</i>
</div>
<!-- 抓拍图片 -->
<!-- <div class="pic-div">-->
<!-- <div style="display: flex;align-items: center;">-->
<!-- <template v-for="(item,i) in videoFaceList">-->
<!-- <img width=120 height=120 style="margin-left: 12px;" :src="item.cphoto">-->
<!-- </template>-->
<!-- </div>-->
<!-- </div>-->
<div class="pic-div">
<div style="display: flex;align-items: center;">
<template v-for="(item,i) in videoFaceList">
<img width=120 height=120 style="margin-left: 12px;" :src="item.cphoto">
</template>
</div>
</div>
<!-- 声音提醒 -->
<!-- <audio ref="notice">-->
<!-- <source src="../../../assets/mp3/warning1.mp3" type="audio/mpeg">-->
@ -221,21 +220,14 @@
flag : false,
//布控阈值，默认为70
textStyle : 70.00,
// websock: null
}
},
mounted() {
//this.timer = setInterval(this.get, 1000);
// this.get()
},
beforeDestroy() {
},
destroyed() {
//this.websocketclose();
//页面销毁时关闭ws连接
this.websock.close() // 关闭websocket
},
created() {
beforeDestroy() {},
created() {
// 初始化选择默认卡口
this.initGetCameraId()
//初始化获取今日抓拍
@ -273,10 +265,10 @@
this.getCurrentTime()
}
},
plays(){
// this.cameraList.pop();
this.cameraList.push({rtspUrl: "rtsp://admin:123uestc@192.168.1.32:554"});
},
// plays(){
// // this.cameraList.pop();
// this.cameraList.push({rtspUrl: "rtsp://admin:123uestc@192.168.1.32:554"});
// },
// 初始化4条预警数据
initGetWarningPicture() {
this.$http.post("/faces/compareList", {

27
src/views/modules/monitoring/camera-add-update.vue
View File

@ -41,9 +41,9 @@
<el-form-item label="IP" prop="ip">
<el-input v-model="formModel.ip" placeholder="ip" clearable></el-input>
</el-form-item>
<!-- <el-form-item label="端口" prop="port">-->
<!-- <el-input v-model="formModel.port" placeholder="端口" clearable></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="端口" prop="port">
<el-input v-model="formModel.port" placeholder="端口" clearable></el-input>
</el-form-item>
<el-form-item label="用户名" prop="userName">
<el-input
v-model="formModel.userName"
@ -51,18 +51,17 @@
clearable
maxlength="30"
show-word-limit
disabled="true"
></el-input>
</el-form-item>
<!-- <el-form-item label="密码" prop="passwd">-->
<!-- <el-input-->
<!-- v-model="formModel.passwd"-->
<!-- placeholder="密码"-->
<!-- clearable-->
<!-- maxlength="30"-->
<!-- show-word-limit-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="密码" prop="passwd">
<el-input
v-model="formModel.passwd"
placeholder="密码"
clearable
maxlength="30"
show-word-limit
></el-input>
</el-form-item>
<el-form-item label="品牌" prop="idBrand">
<el-select
style="width:100%"
@ -247,7 +246,7 @@ export default {
cameraRegionFirstlevelArrays: [],
cameraAddress: "",
ip: "",
userName: this.$store.state.user.name,
userName: "",
passwd: "",
idBrand: "",
version: "",

5
src/views/modules/monitoring/camera.vue
View File

@ -266,8 +266,7 @@ export default {
},
// 公共查询
commonSeach(pageObj = this.pageObj) {
let userName =this.$store.state.user.name;
this.$http.post(`/camera/getList?userName=${userName}`, pageObj).then(res => {
this.$http.post("/camera/getList", pageObj).then(res => {
if (res.data.code === 0) {
this.cameraList = res.data.data.records;
this.total = Number(res.data.data.total);
@ -277,7 +276,7 @@ export default {
console.log(res);
}
});
this.$http.get("/camera/getAllList",{params:{userName:this.$store.state.user.name}}).then(res => {
this.$http.get("/camera/getAllList").then(res => {
this.mapList = res.data.data;
this.mapList.forEach(item => {
item.displayCss = "block";

1
src/views/modules/monitoring/chart-test2.vue
View File

@ -98,7 +98,6 @@ export default {
count: '209'
}, {
id: '2',
name: '设备2',
count: '126'
}, {

21
src/views/modules/monitoring/home.vue
View File

@ -4,33 +4,33 @@
<el-header>
<div class="home_content">
<div >
<p class="home_title" style="color: rgb(0, 47, 255);font-size:45px">欢迎登录，{{$store.state.user.name}}用户,好久不见!</p>
<p class="home_data" style="color: blue;font-size:45px">采集平台已经安全运行<span style="font-size:65x">&nbsp;{{homeData.daysOfOperation}}&nbsp;</span>天</p>
<p class="home_title" style="color: blue">欢迎登录，{{$store.state.user.name}}&nbsp;!</p>
<p class="home_data" style="color: blue">系统已经安全运行<span>&nbsp;{{homeData.daysOfOperation}}&nbsp;</span>天</p>
</div>
</div>
</el-header>
<el-main>
<div class="home_main_box1">
<div class="home_m_b_f">
<div class="home_m_b_f_t">采集群数量</div>
<div class="home_m_b_f_t">人像库数量</div>
<div class="home_m_b_f_b">{{homeData.libNumber}}</div>
</div>
</div>
<div class="home_main_box2">
<div class="home_m_b_f">
<div class="home_m_b_f_t">设备数量</div>
<div class="home_m_b_f_t">人脸数量</div>
<div class="home_m_b_f_b">{{homeData.faceNumber}}</div>
</div>
</div>
<div class="home_main_box3">
<div class="home_m_b_f">
<div class="home_m_b_f_t">运行任务数</div>
<div class="home_m_b_f_t">布控任务数</div>
<div class="home_m_b_f_b">{{homeData.taskNumber}}</div>
</div>
</div>
<div class="home_main_box4">
<div class="home_m_b_f">
<div class="home_m_b_f_t">运行峰值</div>
<div class="home_m_b_f_t">预警数量</div>
<div class="home_m_b_f_b">{{homeData.warnNumber}}</div>
</div>
</div>
@ -40,9 +40,7 @@
</template>
<script>
import Cookies from "js-cookie";
export default {
export default {
data() {
return {
sysInfo: {
@ -84,7 +82,6 @@
}).catch(() => {})
},
data() {
console.log(Cookies)
this.$http.get('/index/show')
.then(res => {
if (res.data.code == 0) {
@ -109,7 +106,7 @@
color: #fff;
margin-bottom: 20px;
/*background: url(~@/assets/img/home_bgc0.png) no-repeat;*/
background: url("~@/assets/images/bg3.jpg") ;
background: url("~@/assets/images/sensitive_bg.png") ;
}
.home_content {
@ -173,7 +170,7 @@
}
.el-main .home_main_box2 {
background-image: url("../../../assets/img/home_02_01.jpg")
background-image: url("../../../assets/img/123_08.png")
}
.el-main .home_main_box3 {

2
src/views/modules/monitoring/ifarm.vue
View File

@ -2,7 +2,7 @@
<!-- <iframe style="width: 800px; height: 600px;" src="../../../../020/index.html"/>-->
<!-- <iframe :src="this.txtUrl" width="100%" :style="{height:calHeight}" sandbox></iframe>-->
<!-- <iframe src="../../../../public/index.html" width="100%" :style="{height:calHeight}" ></iframe>-->
<iframe src=" http://192.168.1.109:8008" width="100%" :style="{height:calHeight}" ></iframe>
<iframe src=" http://localhost:8080" width="100%" :style="{height:calHeight}" ></iframe>
<!-- <div class="baidu-page">-->
<!-- <h1>嵌套百度页面</h1>-->
<!-- <iframe src="https://www.baidu.com" frameborder="0"></iframe>-->

23
src/views/modules/monitoring/ifarm2.vue
View File

@ -1,23 +0,0 @@
<!--// 这里只是放了部分代码 具体逻辑根据对应的需求添加即可-->
<template>
<div class="dashboard-editor-container">
<div style="width: 100%" class="itemflex-div">
<iframe
:src="newSrc"
class="iframemain"
allowfullscreen="true"
id="iframeId"
></iframe>
</div>
</div>
</template>
<script>
export default {
props:{
newSrc:{
type:String,
default:''
}
},
};
</script>

2
src/views/modules/monitoring/testn.vue
View File

@ -108,7 +108,7 @@
{ id: 12, message: "日志12", timestamp: "2024-01-09 11:15:00" },
], // 日志列表测试数据
currentPage:1, // 初始页
pagesize:10, // 初始每页的数据
pagesize:3, // 初始每页的数据
accounts: [
{ id: 1, name: "子账号1" },
{ id: 2, name: "子账号2" },

1
src/views/modules/sys/role.vue
View File

@ -26,7 +26,6 @@
<el-table-column prop="name" :label="$t('role.name')" header-align="center" align="center"></el-table-column>
<el-table-column prop="remark" :label="$t('role.remark')" header-align="center" align="center"></el-table-column>
<el-table-column prop="createDate" :label="$t('role.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
<el-table-column prop="updateDate" :label="$t('role.updateDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('sys:role:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>

2
src/views/modules/sys/user-add-or-update.vue
View File

@ -145,8 +145,6 @@ export default {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
console.log("角色列表")
console.log(res.data)
this.roleList = res.data
}).catch(() => {})
},

13
src/views/pages/login.vue
View File

@ -3,11 +3,11 @@
<div class="aui-content__wrapper">
<main class="aui-content">
<div class="login-header">
<h1 class="login-brand">室外图像采集系统</h1>
<h2 class="login-brand">室外图像采集系统</h2>
</div>
<div class="login-body">
<div class="login_p">
<img src="../../../src/assets/img/camera2.jpg" alt="" style="object-fit: contain; position: relative;left: 35%;top: 50%;transform: translate(-50%,-50%);">
<img src="../../../src/assets/img/login_bg.jpg" alt="" style="object-fit: contain">
</div>
<div class="login_dl">
<div class="login-title">{{ $t('login.title') }}</div>
@ -108,7 +108,6 @@
// 获取验证码
getCaptcha() {
this.dataForm.uuid = getUUID()
console.log("uuid"+this.dataForm.uuid)
this.captchaPath = `${window.SITE_CONFIG['apiURL']}/captcha?uuid=${this.dataForm.uuid}`
},
// 表单提交
@ -125,9 +124,8 @@
return this.$message.error(res.msg)
}
Cookies.set('token', res.data.token)
//console.log(Cookies.get('token'))
this.$router.replace({
name: 'monitoring-chart-test2'
name: 'monitoring-home'
})
}).catch(() => {})
})
@ -140,10 +138,7 @@
</script>
<style scoped>
.aui-page__login {
background-image: url("../../assets/img/login_bg_tech3.jpg");
background-size: cover;
position: absolute;
width: 100%;height: 100%;
background-image: url("../../assets/img/login_bg.jpg")
}
.login-body {