间距调整

hn2.0
fanluyan 2 years ago
parent 9bc61fae8f
commit 876ca6e533

@ -519,9 +519,9 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.alarmHandBox { .alarmHandBox {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: #ffffff; background: #ffffff;
.showPic { .showPic {
position: fixed; position: fixed;
@ -572,9 +572,9 @@ export default {
} }
.searchMain { .searchMain {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 34px); height: calc(100% - 22px);
max-height: calc(100% - 34px); max-height: calc(100% - 22px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
.searchBox { .searchBox {
.ml10 { .ml10 {

@ -187,15 +187,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.camerChannel { .camerChannel {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: @color-white; background: @color-white;
.deviceBox { .deviceBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
} }
.deviceBtnGroup { .deviceBtnGroup {

@ -224,15 +224,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.deviceInformation { .deviceInformation {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: @color-white; background: @color-white;
.deviceBox { .deviceBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
} }
.deviceBtnGroup { .deviceBtnGroup {

@ -109,14 +109,14 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.deviceUpgrade { .deviceUpgrade {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: #ffffff; background: #ffffff;
.upgradeBox { .upgradeBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
.upBtnGroup { .upBtnGroup {
display: flex; display: flex;

@ -30,7 +30,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="杆塔名称:" prop="towerId"> <el-form-item label="杆塔名称:" prop="towerId">
<el-select v-model="formInfo.towerId" placeholder="请选择"> <el-select v-model="formInfo.towerId" placeholder="请选择" filterable>
<el-option <el-option
v-for="item in toweridOptions" v-for="item in toweridOptions"
:key="item.id" :key="item.id"

@ -683,14 +683,14 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.photoGraphicDevice { .photoGraphicDevice {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: @color-white; background: @color-white;
.photoBox { .photoBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
.searchBox { .searchBox {
.ml10 { .ml10 {

@ -204,14 +204,14 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.lineInformation { .lineInformation {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: @color-white; background: @color-white;
.lineBox { .lineBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
} }
.lineBtnGroup { .lineBtnGroup {

@ -191,15 +191,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.deviceInformation { .deviceInformation {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: @color-white; background: @color-white;
.deviceBox { .deviceBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
} }
.deviceBtnGroup { .deviceBtnGroup {

@ -1,5 +1,6 @@
<template> <template>
<div class="picRotation"> <div class="picRotation">
<div class="rotationBox">
<div class="picHead"> <div class="picHead">
<div class="pageNation"> <div class="pageNation">
<el-pagination <el-pagination
@ -39,7 +40,9 @@
v-if="item.path !== null && item.path.indexOf('videos') == -1" v-if="item.path !== null && item.path.indexOf('videos') == -1"
class="bigpic" class="bigpic"
:style=" :style="
item.path ? 'backgroundImage:url(' + item.path + '!128x72)' : '' item.path
? 'backgroundImage:url(' + item.path + '!128x72)'
: ''
" "
> >
<img :src="item.path + '!1280x720'" /> <img :src="item.path + '!1280x720'" />
@ -78,6 +81,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</div>
<el-dialog <el-dialog
title="设置" title="设置"
:visible.sync="setdialog" :visible.sync="setdialog"
@ -339,10 +343,17 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.picRotation { .picRotation {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: #ffffff; background: #ffffff;
.rotationBox {
border: 1px solid #dddddd;
height: calc(100% - 22px);
max-height: calc(100% - 22px);
padding: 12px;
border-radius: 4px;
}
.picHead { .picHead {
display: flex; display: flex;
align-items: center; align-items: center;

@ -351,14 +351,14 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.realTimeSearch { .realTimeSearch {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: #fff; background: #fff;
.searchMain { .searchMain {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 22px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
.ml10 { .ml10 {
margin-left: 10px; margin-left: 10px;

@ -118,14 +118,14 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.globalBox { .globalBox {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: #fff; background: #fff;
.setBox { .setBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
.globalDrawLine { .globalDrawLine {

@ -171,15 +171,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.camerChannel { .camerChannel {
width: calc(100% - 32px); width: calc(100% - 24px);
height: calc(100% - 32px); height: calc(100% - 24px);
padding: 16px 16px; padding: 12px 12px;
background: @color-white; background: @color-white;
.deviceBox { .deviceBox {
border: 1px solid #dddddd; border: 1px solid #dddddd;
height: calc(100% - 32px); height: calc(100% - 24x);
padding: 16px; padding: 12px;
border-radius: 4px; border-radius: 4px;
} }
.deviceBtnGroup { .deviceBtnGroup {

Loading…
Cancel
Save