From d6bf6c38fe15510aac8e56569ca0450fb8656c89 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期四, 30 七月 2020 18:55:09 +0800 Subject: [PATCH] 调整摄像机接入页面 --- src/pages/cameraAccess/components/LinkageRule.vue | 82 ++-------------------------------------- 1 files changed, 5 insertions(+), 77 deletions(-) diff --git a/src/components/camera/LinkageRule.vue b/src/pages/cameraAccess/components/LinkageRule.vue similarity index 89% rename from src/components/camera/LinkageRule.vue rename to src/pages/cameraAccess/components/LinkageRule.vue index 50a4b50..2d5e609 100644 --- a/src/components/camera/LinkageRule.vue +++ b/src/pages/cameraAccess/components/LinkageRule.vue @@ -25,7 +25,7 @@ <div class="icon-btn" slot="button-next"> <i class="iconfont iconyou1"></i> </div> - </div> --> + </div>--> <div> <div class="slide-scene"> <span class="task-tip" v-if="tableRuleList.length == 0 ">鏆傛棤绠楁硶锛岃鍦ㄧ嫭绔嬭鍒欎腑閫夋嫨绠楁硶</span> @@ -131,7 +131,7 @@ import TimeSlider from "./TimeSlider"; import Sysinfo from "./SystemInfo" import SceneRule from "./SceneRule"; -import SlideScene from "../scene/SlideScene"; +import SlideScene from "./scene/SlideScene"; export default { components: { @@ -249,7 +249,7 @@ getLinkSceneRule({ cameraIds: this.selectedCameraIds }).then( rsp => { if (rsp && rsp.success) { - debugger + this.tableRuleList = rsp.data; // 缁熶竴瑙勫垯缂栬緫鐨勬暟鎹粨鏋� @@ -316,7 +316,7 @@ position: initial; min-width: 472px; width: 80%; - + // height: 124px; } .swiper-slide { @@ -409,79 +409,7 @@ margin-bottom: 14px; } } - // .top { - // width: 100%; - // height: 174px; - // border-bottom: 1px solid #ccc; - // position: relative; - // .slide-scene { - // position: initial; - // min-width: 472px; - // width: 47%; - // float: left; - // height: 124px; - // } - // .swiper-slide { - // position: relative; - // width: 100%; - // .item-card { - // height: 110px !important; - // max-width: 126px; - // width: 100%; - // position: absolute; - // left: 0px; - // right: 0px; - // bottom: 0px; - // top: 0px; - // margin: auto; - // background: #ffffff; - // border: 1px solid #e2e2e2; - // box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07); - // border-radius: 4px; - // cursor: pointer; - // .icon-xingzhuangcopy { - // position: relative; - // left: 0px; - // right: 0px; - // bottom: 0px; - // top: 5px; - // margin: auto; - // color: #959699; - // } - // .mask { - // position: absolute; - // width: 100%; - // height: 100%; - // background: rgba(0, 0, 0, 0.65); - // /* filter: blur(20px); */ - // backdrop-filter: blur(1px) brightness(100%); - // display: none; - // } - - // // @media screen and(max-width: 1280px) { - // // max-width: 110px; - // // } - // @media screen and(max-width: 1440px) { - // max-width: 110px; - // } - // } - // } - // .top-right { - // float: right; - // width: 52%; - // height: 144px; - // } - - // .pre-border { - // left: 0px; - // top: 40%; - // } - // .next-border { - // left: 40%; - // top: 40%; - // } - // } .bottom { width: 100%; height: calc(100% - 190px); @@ -655,7 +583,7 @@ </style> <style lang="scss" scoped> .el-loading-spinner { - background: url("../../assets/gif/loading.gif") no-repeat; + background: url("../../../assets/gif/loading.gif") no-repeat; top: 50%; margin-top: -21px; width: calc(100% - 260px) !important; -- Gitblit v1.8.0