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>
</div> </div>
<div v-show="show" class="pop_wrapper"> <div v-show="show" class="dialog_wrapper">
<div class="pop_box"> <div class="dialog">
<h2>初始化坐标</h2> <div class="dialog_header">
<div class="pop_ul_wrapper"> <span class="dialog_title">初始化坐标</span>
<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="pop_btns_box"> <div class="dialog_body">
<button class="button button--primary" :class="{'button--info': JSON.stringify(obj) ==='{}'}" :disabled="disabled" @click="_restCoordinate">确定</button> <div class="pop_ul_wrapper">
<button class="button button--primary" @click="show=false">退出</button> <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> </div>
</div> </div>
@@ -360,75 +364,37 @@ export default {
_bis('../../../images/aio/agv_7.png', 100%) _bis('../../../images/aio/agv_7.png', 100%)
.state_icon_8 .state_icon_8
_bis('../../../images/aio/agv_8.png', 100%) _bis('../../../images/aio/agv_8.png', 100%)
.pop_wrapper .dialog
position fixed height 812px
top 0 .dialog_body
bottom 0 height 530px
left 0 .mgr31
right 0 margin-right 31px
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)
.pop_ul_wrapper .pop_ul_wrapper
width 90% _wh(100%, 100%)
height calc(100% - 100px)
margin 0 auto
overflow hidden
.pop_ul .pop_ul
_wh(100%, 100%) _wh(100%, 100%)
overflow-y auto overflow-y auto
li li
_wh(100%,40px) _wh(100%,81px)
padding 0 20px padding 0 20px
border-bottom 2px dotted #D6D6D6 border-bottom 2px dotted #D6D6D6
text-align left text-align left
span span
display inline-block display inline-block
_font(16px,40px,#323232,600,) _font(30px,81px,#fff,600,)
vertical-align top vertical-align top
padding-right .15rem padding-right 25px
&:nth-child(1) &:nth-child(1)
position: sticky; position: sticky;
top: -1px; top: -1px;
_font(14px,40px,#323232,600,) _font(36px,81px,#afbed8,bold,)
background #DFE1E6 font-family: SourceHanSansCN-Bold;
border-top-left-radius 10px font-style: italic
border-top-right-radius 10px background left center / 1px 81px url(../../../images/new/th_bg.png) repeat-x
border-bottom 0
.pop_ul .checked .pop_ul .checked
background-color #FD6A35 background-color #FD6A35
.pop_ul li.checked span .pop_ul li.checked span
color #fff 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> </style>