点位管理呼叫管理

This commit is contained in:
2023-12-14 16:18:23 +08:00
parent 5fdf74ff2c
commit 3357e9f4c7
2 changed files with 36 additions and 12 deletions

View File

@@ -2,6 +2,12 @@
<view class="zd_container">
<nav-bar title="呼叫管理"></nav-bar>
<view class="zd_content">
<view class="state-wrap">
<view class="state-item-wrap" v-for="e in state">
<view class="state-color" :class="e.color"></view>
<view class="state-name">{{e.name}}</view>
</view>
</view>
<view class="zd_wrapper grid-wraper">
<view class="locate_block" v-for="e in areaArr" :key="e.region_code">
<view class="locate_name" @click="getPonit (e)">
@@ -10,9 +16,9 @@
</view>
<view v-show="e.checked === true" class="site_block" ref="liCon">
<view class="site_item" v-for="(el, i) in e.pointArr" :key="i">
<view class="site_item_box" @click="setcode(el)">
<view class="site_item_box" :class="['bggray', 'bggreen'][Number(el.status)]" @click="setcode(el)">
<text class="title_1">{{el.device_name}}</text>
<text class="title_2">{{el.source_device}}</text>
<text class="title_2">来源:{{el.source_device}}</text>
</view>
</view>
</view>
@@ -47,6 +53,7 @@
return {
// interTime: this.$store.getters.setTime,
// timer: null,
state: [{color: 'bggray', name: '空位'}, {color: 'bggreen', name: '有货'}],
areaArr: [],
pointArr: [],
regobj: {},
@@ -150,6 +157,8 @@
<style lang="stylus">
@import '../../common/style/mixin.styl';
.zd_wrapper
padding 0 7rpx
.zd_content
padding-bottom 152rpx
.locate_block
@@ -157,8 +166,6 @@
.locate_name
position relative
_wh(100%,48rpx)
.title_1
_font(32rpx,48rpx,#000,500)
.open_icon
position absolute
right 0
@@ -179,12 +186,12 @@
padding-bottom 10rpx
.site_item
_wh(calc(100% / 3),110rpx)
padding 5rpx 10rpx
padding 5rpx 5rpx
overflow hidden
_fj(center)
.site_item_box
_wh(100%, 100%)
padding 10rpx 0
padding 10rpx
background-color rgb(220, 223, 230)
border-radius 10rpx
.title_locate
@@ -200,8 +207,9 @@
_wh(100%, 40%)
_fj(center)
overflow hidden
_font(24rpx,24rpx,#303133,500, center)
_font(24rpx,25rpx,#303133,500, center)
opacity .69
white-space: nowrap
.submit-bar
justify-content space-between
padding 10rpx
@@ -229,4 +237,18 @@
margin 0
&:nth-child(1)
margin-bottom 10rpx
.state-wrap
_wh(100%, 60rpx)
margin-bottom 10rpx
_fj(flex-start)
.state-item-wrap
height 60rpx
margin-right 20rpx
_fj()
.state-color
_wh(30rpx, 30rpx)
border-radius 50%
margin-right 10rpx
.state-name
_font(28rpx, 60rpx, #333)
</style>

View File

@@ -18,6 +18,7 @@
<view class="site_item" v-for="(el, i) in e.pointArr" :key="i">
<view class="site_item_box" :class="['bggray', 'bggreen'][Number(el.status)]" @click="setcode(el)">
<text class="title_1">{{el.device_name}}</text>
<text class="title_2">来源:{{el.source_device}}</text>
</view>
</view>
</view>
@@ -158,6 +159,8 @@
<style lang="stylus">
@import '../../common/style/mixin.styl';
.zd_wrapper
padding 0 7rpx
.zd_content
padding-bottom 152rpx
.locate_block
@@ -165,8 +168,6 @@
.locate_name
position relative
_wh(100%,48rpx)
.title_1
_font(32rpx,48rpx,#000,500)
.open_icon
position absolute
right 0
@@ -186,13 +187,13 @@
_fj(flex-start,,,wrap)
padding-bottom 10rpx
.site_item
_wh(calc(100% / 3),70rpx)
_wh(calc(100% / 3),110rpx)
padding 5rpx 10rpx
overflow hidden
_fj(center)
.site_item_box
_wh(100%, 100%)
padding 10rpx 0
padding 10rpx
background-color rgb(220, 223, 230)
border-radius 10rpx
.title_locate
@@ -200,7 +201,7 @@
_font(30rpx,40rpx,#333,bold)
font-style italic
.title_1
_wh(100%, 100%)
_wh(100%, 60%)
_fj(center)
overflow hidden
_font(28rpx,28rpx,#303133,500, center)
@@ -210,6 +211,7 @@
overflow hidden
_font(24rpx,24rpx,#303133,500, center)
opacity .69
white-space: nowrap
.submit-bar
justify-content space-between
padding 10rpx