root/apt-nl-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

坐标样式

Browse Source
This commit is contained in:
caill
2023-10-23 18:32:14 +08:00
parent 34999b8c16
commit 0620622868
1 changed files with 30 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/pages/modules/vehicleinformation/vehiclecontrol.vue
View File

@@ -92,18 +92,22 @@
</div>
</div>
</div>
<div v-show="show" class="pop_wrapper">
<div class="pop_box">
<h2>初始化坐标</h2>
<div class="pop_ul_wrapper">
<ul class="pop_ul">
<li>坐标信息</li>
<li v-for="(e,i) in result" :key="i" @click="tocheck(e)" :class="{'checked': e === obj}"><span class="pop_ul_span">{{e.point_code}}</span><span class="pop_ul_span">{{e.point_name}}</span><span class="pop_ul_span">{{e.x}}</span><span class="pop_ul_span">{{e.y}}</span><span class="pop_ul_span">{{e.t}}</span></li>
</ul>
<div v-show="show" class="dialog_wrapper">
<div class="dialog">
<div class="dialog_header">
<span class="dialog_title">初始化坐标</span>
</div>
<div class="pop_btns_box">
<button class="button button--primary" :class="{'button--info': JSON.stringify(obj) ==='{}'}" :disabled="disabled" @click="_restCoordinate">确定</button>
<button class="button button--primary" @click="show=false">退出</button>
<div class="dialog_body">
<div class="pop_ul_wrapper">
<ul class="pop_ul">
<li>坐标信息</li>
<li v-for="(e,i) in result" :key="i" @click="tocheck(e)" :class="{'checked': e === obj}"><span class="pop_ul_span">{{e.point_code}}</span><span class="pop_ul_span">{{e.point_name}}</span><span class="pop_ul_span">{{e.x}}</span><span class="pop_ul_span">{{e.y}}</span><span class="pop_ul_span">{{e.t}}</span></li>
</ul>
</div>
</div>
<div class="dialog_footer">
<button class="button_control button_control_s button--info button_control_disabled mgr31" :disabled="disabled" @click="_restCoordinate"><p>确定</p></button>
<button class="button_control button_control_s" @click="show=false"><p>退出</p></button>
</div>
</div>
</div>
@@ -360,75 +364,37 @@ export default {
_bis('../../../images/aio/agv_7.png', 100%)
.state_icon_8
_bis('../../../images/aio/agv_8.png', 100%)
.pop_wrapper
position fixed
top 0
bottom 0
left 0
right 0
text-align center
z-index 10000
&::after
content ""
display inline-block
height 100%
width 0
vertical-align middle
.modal
position fixed
left 0
top 0
_wh(100%,100%)
opacity .5
background #000
z-index 999
.pop_box
position relative
margin 0 auto 50px
width 65%
height 70%
margin-top 15%
padding 20px
background-color #fff
border-radius 16px
overflow hidden
h2
_font(20px,40px,#464646,600,center)
.dialog
height 812px
.dialog_body
height 530px
.mgr31
margin-right 31px
.pop_ul_wrapper
width 90%
height calc(100% - 100px)
margin 0 auto
overflow hidden
_wh(100%, 100%)
.pop_ul
_wh(100%, 100%)
overflow-y auto
li
_wh(100%,40px)
_wh(100%,81px)
padding 0 20px
border-bottom 2px dotted #D6D6D6
text-align left
span
display inline-block
_font(16px,40px,#323232,600,)
_font(30px,81px,#fff,600,)
vertical-align top
padding-right .15rem
padding-right 25px
&:nth-child(1)
position: sticky;
top: -1px;
_font(14px,40px,#323232,600,)
background #DFE1E6
border-top-left-radius 10px
border-top-right-radius 10px
_font(36px,81px,#afbed8,bold,)
font-family: SourceHanSansCN-Bold;
font-style: italic
background left center / 1px 81px url(../../../images/new/th_bg.png) repeat-x
border-bottom 0
.pop_ul .checked
background-color #FD6A35
.pop_ul li.checked span
color #fff
.pop_btns_box
margin-top 20px
.content_wrap_inner_1
justify-content flex-start
.state_wrap_1
width auto
margin-right 50px
</style>