2024-12-20 09:02:40 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<view class="page">
|
|
|
|
|
|
<u-navbar title="设备绑定" :border-bottom="false" :background="bgc" back-icon-color="#262B37"
|
|
|
|
|
|
title-color='#262B37' title-size='36' height='50' id="navbar">
|
|
|
|
|
|
</u-navbar>
|
|
|
|
|
|
<view class="box">
|
|
|
|
|
|
<view class="tongji">
|
|
|
|
|
|
<view class="one">
|
|
|
|
|
|
<view class="gn">店门</view>
|
|
|
|
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg" mode=""></image>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="xian"></view>
|
|
|
|
|
|
<view class="one">
|
|
|
|
|
|
<view class="gn">房间</view>
|
|
|
|
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg" mode=""></image>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="xian"></view>
|
|
|
|
|
|
<view class="one">
|
|
|
|
|
|
<view class="gn">大厅</view>
|
|
|
|
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg" mode=""></image>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="xian"></view>
|
|
|
|
|
|
<view class="one">
|
|
|
|
|
|
<view class="gn">卫生间</view>
|
|
|
|
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg" mode=""></image>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 --><!-- 店门 -->
|
2024-12-20 09:02:40 +08:00
|
|
|
|
<view class="damen">
|
|
|
|
|
|
<view class="name">
|
|
|
|
|
|
店门
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="menbj" :id="objxq.gateSn == null ? 'active' : ''" @click="btnmendian">
|
2024-12-20 09:02:40 +08:00
|
|
|
|
<view class="top">
|
|
|
|
|
|
<view class="lt">
|
|
|
|
|
|
<text style="font-weight: 600;font-size: 32rpx;">店门</text>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="rt" :id="objxq.gateSn == null ? 'active' : ''">
|
|
|
|
|
|
<text :id="objxq.gateSn == null ? 'active' : ''"></text> {{objxq.gateSn == null ? '未绑定' : '已绑定'}}
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="bot" v-if="objxq.gateSn != null">
|
2024-12-20 09:02:40 +08:00
|
|
|
|
<view class="lt">
|
|
|
|
|
|
有当前订单才能进入门店
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="rt">
|
2024-12-23 18:15:03 +08:00
|
|
|
|
SN：{{objxq.gateSn}}
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 -->
|
|
|
|
|
|
<view class="">
|
|
|
|
|
|
<view class="damen" v-for="(item,index) in roomList" :key="index">
|
|
|
|
|
|
<view class="name">
|
|
|
|
|
|
{{item.storeName}}
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="fjlist">
|
|
|
|
|
|
<view class="fj_item" v-for="(val,index) in item.equipmentList" :key="index" @click="btnfj(index)" :id="val.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
<view class="name">
|
|
|
|
|
|
<text :id="val.deviceList[0].sn == null ? 'active' : ''">{{val.name}}</text> <text style="font-size: 28rpx;color: #3D3D3D;" :id="val.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
<text style="margin-bottom: 6rpx;" :id="val.deviceList[0].sn == null ? 'active' : ''"></text> {{val.deviceList[0].sn == null ? '未绑定' : '已绑定'}}</text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="zt" v-if="val.deviceList[0].sn != null">
|
|
|
|
|
|
SN：{{val.deviceList[0].sn}}
|
|
|
|
|
|
</view>
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 --><!-- 大厅 -->
|
2024-12-20 09:02:40 +08:00
|
|
|
|
<view class="damen">
|
|
|
|
|
|
<view class="name">
|
|
|
|
|
|
大厅
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="menbj" v-for="(item,index) in datingobj.equipmentList" :key="index" :id="item.deviceList[0].sn == null ? 'active' : ''" @click="btndating(index)">
|
2024-12-20 09:02:40 +08:00
|
|
|
|
<view class="top">
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="lt" :id="item.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
<text style="font-weight: 600;" :id="item.deviceList[0].sn == null ? 'active' : ''">{{item.name}}</text>
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="rt" :id="item.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
<text :id="item.deviceList[0].sn == null ? 'active' : ''"></text> {{item.deviceList[0].sn == null ? '未绑定' : '已绑定'}}
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="bot" v-if="item.deviceList[0].sn != null">
|
|
|
|
|
|
<view class="lt" :id="item.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
SN：{{item.deviceList[0].sn}}
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="rt">
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<!-- 厕所 --><!-- 厕所 --><!-- 厕所 --><!-- 厕所 --><!-- 厕所 --><!-- 厕所 --><!-- 厕所 --><!-- 厕所 --><!-- 厕所 -->
|
2024-12-20 09:02:40 +08:00
|
|
|
|
<view class="damen">
|
|
|
|
|
|
<view class="name">
|
|
|
|
|
|
卫生间配置
|
|
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="" v-for="(val,index) in cesuolist" :key="index">
|
|
|
|
|
|
<view class="menbj" v-for="(item,index) in val.equipmentList" :key="index" :id="item.deviceList[0].sn == null ? 'active' : ''" @click="btncesuo(index)">
|
|
|
|
|
|
<view class="top">
|
|
|
|
|
|
<view class="lt" :id="item.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
<text style="font-weight: 600;" :id="item.deviceList[0].sn == null ? 'active' : ''">{{item.name}}</text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="rt" :id="item.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
<text :id="item.deviceList[0].sn == null ? 'active' : ''"></text> {{item.deviceList[0].sn == null ? '未绑定' : '已绑定'}}
|
|
|
|
|
|
</view>
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
2024-12-23 18:15:03 +08:00
|
|
|
|
<view class="bot" v-if="item.deviceList[0].sn != null">
|
|
|
|
|
|
<view class="lt" :id="item.deviceList[0].sn == null ? 'active' : ''">
|
|
|
|
|
|
SN：{{item.deviceList[0].sn}}
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="rt">
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
2024-12-20 09:02:40 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
bgc: {
|
|
|
|
|
|
backgroundColor: "#fff",
|
|
|
|
|
|
},
|
|
|
|
|
|
storeId: '',
|
2024-12-23 18:15:03 +08:00
|
|
|
|
xuanzeflag:false,
|
|
|
|
|
|
roomList: [],
|
|
|
|
|
|
datingobj:{},
|
|
|
|
|
|
cesuolist:[],
|
|
|
|
|
|
list: [],
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
roomId: '',
|
|
|
|
|
|
gateSnobj:{},
|
|
|
|
|
|
objxq:{},
|
|
|
|
|
|
deviceId:''
|
2024-12-20 09:02:40 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
onLoad(option) {
|
|
|
|
|
|
this.storeId = option.storeId
|
2024-12-23 18:15:03 +08:00
|
|
|
|
this.deviceId = option.deviceId
|
2024-12-20 09:02:40 +08:00
|
|
|
|
this.getxq()
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
2024-12-23 18:15:03 +08:00
|
|
|
|
// 点击门店是否绑定
|
|
|
|
|
|
btnmendian(){
|
|
|
|
|
|
if(this.objxq.gateSn == null){
|
|
|
|
|
|
let that = this
|
|
|
|
|
|
uni.showModal({
|
|
|
|
|
|
title: '温馨提示',
|
|
|
|
|
|
content: '您确定要绑定到该设施上吗?',
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
|
let data = {
|
|
|
|
|
|
storeId:that.storeId,
|
|
|
|
|
|
sn:that.deviceId
|
|
|
|
|
|
}
|
|
|
|
|
|
that.$u.put(`/app/room/bandDoor`,data).then(res => {
|
|
|
|
|
|
if(res.code == 200){
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '绑定成功',
|
|
|
|
|
|
icon: 'success',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
that.getxq()
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: res.msg,
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '该设施已被绑定',
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
// 点击房间是否绑定
|
|
|
|
|
|
btnfj(index){
|
|
|
|
|
|
let deviceIds = this.roomList?.[0]?.equipmentList?.[index]?.deviceList?.[0]?.deviceId ?? null
|
|
|
|
|
|
let equipmentId = this.roomList[0].equipmentList[index].equipmentId
|
|
|
|
|
|
console.log(deviceIds,equipmentId,'房间');
|
|
|
|
|
|
if(deviceIds == null){
|
|
|
|
|
|
let that = this
|
|
|
|
|
|
uni.showModal({
|
|
|
|
|
|
title: '温馨提示',
|
|
|
|
|
|
content: '您确定要绑定到该设施上吗?',
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
|
that.$u.post(`/app/device/placement/${equipmentId}/${that.deviceId}`).then(res => {
|
|
|
|
|
|
if(res.code == 200){
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '绑定成功',
|
|
|
|
|
|
icon: 'success',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
that.getxq()
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: res.msg,
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '该设施已被绑定',
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
// 点击大厅是否绑定
|
|
|
|
|
|
btndating(index){
|
|
|
|
|
|
let deviceIds = this.datingobj?.equipmentList?.[index]?.deviceList?.[0]?.deviceId ?? null
|
|
|
|
|
|
let equipmentId = this.datingobj.equipmentList[index].equipmentId
|
|
|
|
|
|
console.log(deviceIds,equipmentId,'大厅');
|
|
|
|
|
|
if(deviceIds == null){
|
|
|
|
|
|
let that = this
|
|
|
|
|
|
uni.showModal({
|
|
|
|
|
|
title: '温馨提示',
|
|
|
|
|
|
content: '您确定要绑定到该设施上吗?',
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
|
that.$u.post(`/app/device/placement/${equipmentId}/${that.deviceId}`).then(res => {
|
|
|
|
|
|
if(res.code == 200){
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '绑定成功',
|
|
|
|
|
|
icon: 'success',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
that.getxq()
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: res.msg,
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '该设施已被绑定',
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
// 点击厕所是否绑定
|
|
|
|
|
|
btncesuo(index){
|
|
|
|
|
|
let deviceIds = this.cesuolist?.[0]?.equipmentList?.[index]?.deviceList?.[0]?.deviceId ?? null
|
|
|
|
|
|
let equipmentId = this.cesuolist[0].equipmentList[index].equipmentId
|
|
|
|
|
|
console.log(deviceIds,equipmentId,'厕所');
|
|
|
|
|
|
if(deviceIds == null){
|
|
|
|
|
|
let that = this
|
|
|
|
|
|
uni.showModal({
|
|
|
|
|
|
title: '温馨提示',
|
|
|
|
|
|
content: '您确定要绑定到该设施上吗?',
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
|
that.$u.post(`/app/device/placement/${equipmentId}/${that.deviceId}`).then(res => {
|
|
|
|
|
|
if(res.code == 200){
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '绑定成功',
|
|
|
|
|
|
icon: 'success',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
that.getxq()
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: res.msg,
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
title: '该设施已被绑定',
|
|
|
|
|
|
icon: 'none',
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2024-12-20 09:02:40 +08:00
|
|
|
|
// 获取门店详情
|
|
|
|
|
|
getxq(){
|
|
|
|
|
|
this.$u.get(`app/store/mch/${this.storeId}`).then(res => {
|
|
|
|
|
|
if (res.code == 200) {
|
2024-12-23 18:15:03 +08:00
|
|
|
|
this.objxq = res.data
|
|
|
|
|
|
this.roomList = []
|
|
|
|
|
|
this.cesuolist = []
|
|
|
|
|
|
this.datingobj = {}
|
|
|
|
|
|
res.data.roomList.forEach(item => {
|
|
|
|
|
|
if (item.type2 == 1) {
|
|
|
|
|
|
this.roomList.push(item)
|
|
|
|
|
|
} else if (item.type2 == 2) {
|
|
|
|
|
|
this.datingobj = item;
|
|
|
|
|
|
} else if (item.type2 == 3) {
|
|
|
|
|
|
this.cesuolist.push(item)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
console.log(this.roomList)
|
|
|
|
|
|
if(res.data.gateSn != null || res.data.gateSn != ''){
|
|
|
|
|
|
this.gateSnflag = true
|
|
|
|
|
|
this.$u.get(`/app/device/${res.data.gateSn}/bySn`).then(res => {
|
|
|
|
|
|
if(res.code == 200){
|
|
|
|
|
|
this.gateSnobj = res.data
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.gateSnflag = false
|
|
|
|
|
|
}
|
2024-12-20 09:02:40 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
|
/deep/ .u-iconfont,
|
|
|
|
|
|
/deep/ .u-title{
|
|
|
|
|
|
padding-bottom: 20rpx;
|
|
|
|
|
|
}
|
2024-12-23 18:15:03 +08:00
|
|
|
|
#active{
|
|
|
|
|
|
background-color: #DEF1DA !important;
|
|
|
|
|
|
color: #48893B !important;
|
|
|
|
|
|
}
|
2024-12-20 09:02:40 +08:00
|
|
|
|
page {
|
|
|
|
|
|
background: #F6F6F6;
|
|
|
|
|
|
}
|
|
|
|
|
|
.box{
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 88vh;
|
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
padding-bottom: 60rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
|
|
|
|
.damen{
|
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
margin-top: 38rpx;
|
|
|
|
|
|
.fjlist{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
margin-top: 16rpx;
|
2024-12-23 18:15:03 +08:00
|
|
|
|
width: 100%;
|
2024-12-20 09:02:40 +08:00
|
|
|
|
max-height: 1408rpx;
|
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
|
padding: 16rpx;
|
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
|
|
|
.fj_item{
|
|
|
|
|
|
margin-top: 16rpx;
|
|
|
|
|
|
width: 318rpx;
|
|
|
|
|
|
max-height: 178rpx;
|
|
|
|
|
|
background: #F9F9F9;
|
|
|
|
|
|
padding: 26rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.zt{
|
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
margin-top: 24rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
.name{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
text{
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
text{
|
|
|
|
|
|
width: 10rpx;
|
|
|
|
|
|
height: 10rpx;
|
|
|
|
|
|
background-color: #3D3D3D;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
margin-right: 10rpx;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.name{
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.menbj{
|
|
|
|
|
|
width: 686rpx;
|
|
|
|
|
|
max-height: 170rpx;
|
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
|
|
|
padding: 30rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
margin-top: 28rpx;
|
|
|
|
|
|
.bot{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
|
.lt{
|
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
}
|
|
|
|
|
|
.rt{
|
|
|
|
|
|
image{
|
|
|
|
|
|
width: 50rpx;
|
|
|
|
|
|
height: 50rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.top{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.lt{
|
|
|
|
|
|
text{
|
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
margin-right: 54rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.rt{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
text{
|
|
|
|
|
|
width: 10rpx;
|
|
|
|
|
|
height: 10rpx;
|
|
|
|
|
|
background-color: #3D3D3D;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
margin-right: 10rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.tongji{
|
|
|
|
|
|
width: 750rpx;
|
|
|
|
|
|
height: 150rpx;
|
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
margin-top: 26rpx;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
.one{
|
|
|
|
|
|
width: 188rpx;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
.kg{
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
text{
|
|
|
|
|
|
color: #48893B;
|
|
|
|
|
|
margin-left: 4rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.gn{
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
|
color: #3D3D3D;
|
|
|
|
|
|
margin-top: 10rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
image{
|
|
|
|
|
|
width: 58rpx;
|
|
|
|
|
|
height: 14rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.xian{
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
height: 62rpx;
|
|
|
|
|
|
background-color: #3D3D3D;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.list {
|
|
|
|
|
|
margin-top: 30rpx;
|
|
|
|
|
|
height: 70vh;
|
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
|
|
|
|
|
|
.list_item {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 200rpx;
|
|
|
|
|
|
line-height: 100rpx;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
border: 1px solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.anniu{
|
|
|
|
|
|
width: 750rpx;
|
|
|
|
|
|
height: 152rpx;
|
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
|
box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0,0,0,0.3);
|
|
|
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
padding: 0 36rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
padding-top: 24rpx;
|
|
|
|
|
|
.queren{
|
|
|
|
|
|
width: 330rpx;
|
|
|
|
|
|
height: 104rpx;
|
|
|
|
|
|
background: #48893B;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 104rpx;
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
.xinjian{
|
|
|
|
|
|
width: 330rpx;
|
|
|
|
|
|
height: 104rpx;
|
|
|
|
|
|
border: 2rpx solid #48893B;
|
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 104rpx;
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
|
color: #48893B;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
