forked from srs-police-affairs
| src/styles/base/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/styles/media/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/views/activity/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/house/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/video/region.vue | ●●●●● patch | view | raw | blame | history |
src/styles/base/index.scss
@@ -160,9 +160,9 @@ margin: 0 !important; display: flex; flex-direction: column; width: 240px; width: 420px; top: 30%; left: 80% !important; left: 86% !important; transform: translate(-50%, -50%); .el-dialog__body { src/styles/media/index.scss
@@ -1810,7 +1810,7 @@ .resident-details-box { .el-dialog { width: countSizeVw(320, 1920); width: countSizeVw(420, 1920); } .el-dialog__header span { @@ -2406,6 +2406,33 @@ color: #409EFF; } .video-option-css { width: 13.8333333333vw; .video-status { display: inline-block; width: countSizeVh(10); height: countSizeVh(10); border-radius: 50%; background-color: #eee; vertical-align: middle; } } .activity-video-option-css { width: 13.8333333333vw; .video-status { display: inline-block; width: countSizeVh(10); height: countSizeVh(10); border-radius: 50%; background-color: #eee; vertical-align: middle; } } .el-select-dropdown__wrap { max-height: countSizeVh(200); } src/views/activity/index.vue
@@ -352,7 +352,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="activity-video-option-css" > <div class="video-status" :style="{background:(item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> </div> <div class="video"> @@ -381,7 +388,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="activity-video-option-css" > <div class="video-status" :style="{background:(item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> </div> <div class="video"> @@ -412,7 +426,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="activity-video-option-css" > <div class="video-status" :style="{background:(item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> </div> <div class="video"> @@ -441,7 +462,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="activity-video-option-css" > <div class="video-status" :style="{background:(item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> </div> <div class="video"> @@ -1828,7 +1856,7 @@ } else { flvAddress = 'nodata' } this.monitorOption.push({ value: `${index}`, label: `${item.name}`, flvUrl: `${flvAddress}` }) this.monitorOption.push({ value: `${index}`, label: `${item.name}`, flvUrl: `${flvAddress}`, status: `${item.status}` }) if (index == monitorData.length - 1) { this.monitorOption.forEach((itemm, indexx) => { if (indexx < 4) { src/views/house/index.vue
@@ -587,7 +587,7 @@ :before-close="residentDetailsClose" :close-on-click-modal="true" class="resident-details-box" width="30%" width="24%" > <el-table :data="houseDate" src/views/video/region.vue
@@ -99,7 +99,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video1 = false"> <i class="el-icon-close"></i> @@ -131,7 +138,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video2 = false"> <i class="el-icon-close"></i> @@ -163,7 +177,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video3 = false"> <i class="el-icon-close"></i> @@ -195,7 +216,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video4 = false"> <i class="el-icon-close"></i> @@ -227,7 +255,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video5 = false"> <i class="el-icon-close"></i> @@ -259,7 +294,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video6 = false"> <i class="el-icon-close"></i> @@ -293,7 +335,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video7 = false"> <i class="el-icon-close"></i> @@ -325,7 +374,14 @@ :key="item.value" :label="item.label" :value="item.value" ></el-option> class="video-option-css" > <div class="video-status" :style="{background:(item.item.status==0?'#adadad':'#4ccc7d')}" ></div> {{ item.label }} </el-option> </el-select> <div class="close" @click="isShowVideo.video8 = false"> <i class="el-icon-close"></i>
