-
-
-

-
可视化智能管控系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
登录
+
+
+
+

+
可视化智能管控系统
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
@@ -91,55 +93,66 @@ export default {
height: 100%;
background: url(../assets/img/loginbg.jpeg) no-repeat center center;
background-size: cover;
- .ms-login {
- position: absolute;
- width: 420px;
- height: 454px;
- left: 50%;
- top: 50%;
- transform: translate(-50%;-50%);
- border-radius: 5px;
- background: url(../assets/img/loginBackImage.8b77ab2c.png) no-repeat;
- // -webkit-backdrop-filter: blur(5px);
- // backdrop-filter: blur(15px);
- overflow: hidden;
- background-size: 100%;
- .ms-title {
- text-align: center;
- border-bottom: 1px solid @border-color-base;
- padding: 40px 16px;
+ backdrop-filter: blur(15px);
+ -webkit-backdrop-filter: blur(5px);
+ overflow: hidden;
+ .loginFilter {
+ height: 100%;
+ width: 100%;
+ filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.5));
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .ms-login {
+ position: absolute;
+ width: 420px;
+ height: 454px;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%;-50%);
+ border-radius: 5px;
+ background: url(../assets/img/loginBackImage.8b77ab2c.png) no-repeat;
+ // -webkit-backdrop-filter: blur(5px);
+ // backdrop-filter: blur(15px);
+ overflow: hidden;
+ background-size: 100%;
+ .ms-title {
+ text-align: center;
+ border-bottom: 1px solid @border-color-base;
+ padding: 40px 16px;
- img {
- margin-bottom: 8px;
- width: 160px;
- }
- h3 {
- font-size: 30px;
- background: linear-gradient(0deg, #86b7ff, #4293fd 99.46289%);
- background-clip: text;
- -webkit-text-fill-color: transparent;
- // font-weight: normal;
- }
- }
- .ms-content {
- padding: 40px 40px;
- .el-form-item {
- margin-bottom: 30px;
+ img {
+ margin-bottom: 8px;
+ width: 160px;
+ }
+ h3 {
+ font-size: 30px;
+ background: linear-gradient(0deg, #86b7ff, #4293fd 99.46289%);
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ // font-weight: normal;
+ }
}
- .login-btn {
- text-align: center;
- button {
- width: 100%;
- height: 36px;
- margin-bottom: 10px;
+ .ms-content {
+ padding: 40px 40px;
+ .el-form-item {
+ margin-bottom: 30px;
+ }
+ .login-btn {
+ text-align: center;
+ button {
+ width: 100%;
+ height: 36px;
+ margin-bottom: 10px;
+ }
}
}
+ // .login-tips {
+ // font-size: 12px;
+ // line-height: 30px;
+ // color: @color-white;
+ // }
}
- // .login-tips {
- // font-size: 12px;
- // line-height: 30px;
- // color: @color-white;
- // }
}
}
diff --git a/src/views/components/carouselChart.vue b/src/views/components/carouselChart.vue
index 8f72e92..04dcc23 100644
--- a/src/views/components/carouselChart.vue
+++ b/src/views/components/carouselChart.vue
@@ -6,11 +6,7 @@
:options="swiperOptionTop"
ref="swiperTop"
>
-
+
- {{ item.photoTime }}
+
+ {{ $moment(item.photoTime).format("YYYY-MM-DD HH:mm:ss") }}
+
-
+ >
-->
@@ -69,32 +66,32 @@ export default {
data() {
return {
//轮播大图配置
- // bigImg: [
- // {
- // url: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/210509/XYIGQ10C221000080_21050918190300_1_255.jpg",
- // id: 0,
- // },
- // {
- // url: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323100012_1_255_res.jpg",
- // id: 1,
- // },
- // {
- // url: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323090012_1_255_res.jpg",
- // id: 2,
- // },
- // {
- // url: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323080011_1_255_res.jpg",
- // id: 3,
- // },
- // {
- // url: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323070012_1_255_res.jpg",
- // id: 4,
- // },
- // {
- // url: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323060012_1_255_res.jpg",
- // id: 5,
- // },
- // ],
+ bigImg: [
+ {
+ path: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/210509/XYIGQ10C221000080_21050918190300_1_255.jpg",
+ id: 0,
+ },
+ {
+ path: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323100012_1_255_res.jpg",
+ id: 1,
+ },
+ {
+ path: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323090012_1_255_res.jpg",
+ id: 2,
+ },
+ {
+ path: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323080011_1_255_res.jpg",
+ id: 3,
+ },
+ {
+ path: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323070012_1_255_res.jpg",
+ id: 4,
+ },
+ {
+ path: "http://180.166.218.222:8104/media/local/XYIGQ10C221000080/202303/XYIGQ10C221000080_20230323060012_1_255_res.jpg",
+ id: 5,
+ },
+ ],
swiperOptionTop: {
zoom: true,
loop: true,
@@ -102,9 +99,10 @@ export default {
spaceBetween: 10,
observer: true, //修改swiper自己或子元素时,自动初始化swiper
observeParents: true, //修改swiper的父元素时,自动初始化swiper
- // autoplay: { //自动轮播
+ // autoplay: {
+ // //自动轮播
// delay: 2000,
- // disableOnInteraction: false
+ // disableOnInteraction: false,
// },
navigation: {
nextEl: ".swiper-button-next",
@@ -136,6 +134,9 @@ export default {
display: flex;
flex-direction: column;
height: 100%;
+ .slide {
+ width: 20%;
+ }
.gallery-top {
// height: 80% !important;
height: 80% !important;
@@ -148,6 +149,7 @@ export default {
width: 100%;
margin-left: 2px;
background-color: #f0f0f8;
+
.swiper-button-next {
right: 0px;
}
@@ -167,6 +169,7 @@ export default {
.swiper-slide {
background-size: cover;
background-position: center;
+ //border: 3px solid transparent;
}
.gallery-thumbs .swiper-slide {
@@ -174,6 +177,9 @@ export default {
// height: 80px;
// opacity: 0.4;
}
+ .slide {
+ border: 3px solid transparent;
+ }
.gallery-thumbs .swiper-slide-active {
border: 3px solid @color-primary;
}
diff --git a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
new file mode 100644
index 0000000..2802e7f
--- /dev/null
+++ b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/devicePhotoSchedule/index.vue b/src/views/devicePhotoSchedule/index.vue
new file mode 100644
index 0000000..de94fc7
--- /dev/null
+++ b/src/views/devicePhotoSchedule/index.vue
@@ -0,0 +1,228 @@
+
+
+
+
+
diff --git a/src/views/realTimeMonitor/index.vue b/src/views/realTimeMonitor/index.vue
index 961f17d..7ffb24c 100644
--- a/src/views/realTimeMonitor/index.vue
+++ b/src/views/realTimeMonitor/index.vue
@@ -15,6 +15,16 @@
@node-click="handleNodeClick"
:current-node-key="currentNodekey"
>
+
+
+
+
+ {{ node.label }}
+
@@ -24,11 +34,6 @@
-
-
@@ -149,7 +154,7 @@ export default {
getTerminalPhotoListJoggle({
channelid: id,
pageindex: 1,
- pagesize: 1,
+ pagesize: 100,
terminalid: termId,
})
.then((res) => {
@@ -185,12 +190,6 @@ export default {
\ No newline at end of file
+
diff --git a/vue.config.js b/vue.config.js
index 1905abc..495ab57 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,8 +1,10 @@
const { defineConfig } = require("@vue/cli-service");
const path = require("path");
module.exports = defineConfig({
- publicPath: "/",
- assetsDir: "static",
+ productionSourceMap: false, // 生产环境是否要生成 sourceMap
+ publicPath: process.env.PUBLIC_PATH ? process.env.PUBLIC_PATH : "./", // 部署应用包时的基本 URL
+ outputDir: "dist", // 打包时输出的文件目录
+ assetsDir: "static", // 放置静态文件夹目录
transpileDependencies: true,
lintOnSave: false,
pluginOptions: {
@@ -14,17 +16,16 @@ module.exports = defineConfig({
],
},
},
-
devServer: {
proxy: {
- "/api": {
+ [process.env.VUE_APP_BASE_API]: {
//表示拦截以/api开头的请求路径
//target: 'http://localhost:1234', //本地nodejs服务器
target: "http://47.96.238.157:8093", //公司项目服务器环境
//target: 'http://180.166.218.222:7200',
changOrigin: true, //是否开启跨域
pathRewrite: {
- "^/api": "", //重写api,把api变成空字符,因为我们真正请求的路径是没有api的
+ ["^" + process.env.VUE_APP_BASE_API]: "", //重写api,把api变成空字符,因为我们真正请求的路径是没有api的
},
},
},