xiaoy
/
sishitongtang-worker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
master
刘翔宇-旅管家 3 years ago
parent 0bd57bceb2
commit 254ffb427a
7 changed files with 1466 additions and 1410 deletions
Show Stats Download Patch File Download Diff File

4
common/config.js
Unescape View File

@ -3,8 +3,8 @@ const mode = process.env.NODE_ENV;
let ROOTPATH = ''; //域名 let ROOTPATH = ''; //域名
switch (mode) { switch (mode) {
case 'development': case 'development':
//ROOTPATH = "http://sstt.ali251.langye.net" ROOTPATH = "http://sstt.ali251.langye.net"
ROOTPATH = "https://sstt.115.langye.net" //ROOTPATH = "https://sstt.115.langye.net"
break; break;
case 'production': case 'production':
ROOTPATH = "https://sstt.115.langye.net" ROOTPATH = "https://sstt.115.langye.net"

322
components/doingOrder/doingOrder.vue
Unescape View File

@ -0,0 +1,322 @@
<template>
<view>
<u-popup v-model="isShowIng" height="60%" mode="bottom" border-radius="14" closeable >
<view class="nursing-list">
<view v-if="nursingList && nursingList.length > 0">
<view v-for="(item,index) in nursingList" :key="index" class="list-item">
<view class="top">
<view class="time">{{item.start_time}}</view>
<view class="status">
<view class="status-icon"
:class="{icon1:item.status === 0,icon2:item.status === 2,icon3:item.status === 1}">
</view>
<view v-if="item.status === 1" class="status-text">护理中</view>
<view v-else-if="item.status === 0" class="status-text">待护理</view>
<view v-else class="status-text">已护理</view>
</view>
</view>
<view class="line"></view>
<view class="center" @click="toDetail(item)">
<view class="avatar">
<u-image :src="item.customer.sex === '男' ? vuex_male_img : vuex_female_img" height="104"
width="104" shape="circle"></u-image>
</view>
<view class="user-info-pop">
<view class="name">{{item.customer.name}}</view>
<view class="tel">
<view>
<u-icon name="phone" size="28" color="#1479FF"></u-icon>
</view>
<view class="text">{{item.customer.phone || '无'}}</view>
</view>
<view class="address">
<view>
<u-icon name="map" size="28" color="#1479FF"></u-icon>
</view>
<view class="text">{{item.customer_address.address || '无'}}</view>
</view>
</view>
<view class="sex">
<view class="sex-text">
{{item.customer.sex || '无'}}
</view>
</view>
</view>
<view class="bottom">
<view class="to-there" @click="toThere(item)">
<view class="to-there-text">去那里</view>
<view class="to-there-icon">
<u-image src="/static/todayNursing/to-there.png" height="46" width="46"></u-image>
</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="list" text="暂无护理"></u-empty>
</view>
</view>
</u-popup>
</view>
</view>
</template>
<script>
export default {
name:"doingOrder",
data() {
return {
isShowIng:false,
nursingList:[],
ing:0,
};
},
methods:{
toThere(item) {
this.$u.throttle(() => {
uni.openLocation({
latitude: Number(item.customer.lat),
longitude: Number(item.customer.lng),
name: item.customer.address
})
})
},
//跳转详情
toDetail(item) {
uni.$u.throttle(() => {
uni.navigateTo({
url: `/pages/detailNursing/detailNursing?id=${item.id}`
})
})
},
async getStatistic() {
let res = await this.$u.api.statistic()
this.ing = res.ing
},
async getIngList() {
let res = await this.$u.api.nurseList({
page:1,
page_size:999,
status:1
})
this.nursingList = res.data
}
},
async created() {
console.log("onShow","doorder")
await this.getStatistic();
if(this.ing > 0){
await this.getIngList()
this.isShowIng = true
}
}
}
</script>
<style scoped lang="scss">
.nursing-list {
margin-top: 88rpx;
.list-item {
width: 710rpx;
background: #FFFFFF;
filter: drop-shadow(0 0 10px rgba(219, 218, 218, 0.5));
margin: 0 20rpx 26rpx 22rpx;
.top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 22rpx 0;
.time {
height: 40rpx;
font-size: 40rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
padding-left: 20rpx;
}
.status {
display: flex;
align-items: center;
.status-icon {
margin-right: 10rpx;
}
.status-text {
width: 84rpx;
height: 40rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
margin-right: 20rpx;
}
}
}
.line {
width: 670rpx;
height: 2rpx;
border: 2rpx solid #EEEFF5;
margin: 0 auto;
}
.center {
display: flex;
justify-content: space-between;
padding-top: 24rpx;
.avatar {
padding-top: 4rpx;
padding-left: 20rpx;
}
.user-info-pop {
flex: 1;
padding-left: 24rpx;
.name {
width: 270rpx;
height: 48rpx;
font-size: 32rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #333333;
}
.tel {
height: 40rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
display: flex;
margin-top: 18rpx;
.text {
margin-left: 10rpx;
}
}
.address {
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
display: flex;
margin-top: 14rpx;
.text {
margin-left: 10rpx;
}
}
}
.sex {
width: 40rpx;
height: 40rpx;
background: #FDECEC;
opacity: 0.5;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20rpx;
.sex-text {
width: 28rpx;
height: 34rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 34rpx;
}
}
}
.bottom {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 16rpx;
padding-bottom: 26rpx;
.distance {
align-items: center;
display: flex;
.distance-icon {
padding-left: 20rpx;
}
.distance-text {
height: 34rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #A7AFBC;
line-height: 34rpx;
padding-left: 20rpx;
}
}
.to-there {
display: flex;
align-items: center;
margin-right: 20rpx;
.to-there-text {
height: 34rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #A7AFBC;
line-height: 34rpx;
margin-right: 14rpx;
}
.to-there-icon {
margin-left: 3rpx;
}
}
}
}
}
</style>

304
pages/home/home.vue
Unescape View File

@ -156,74 +156,17 @@
<view class="notice-content">{{detailNotice.content}}</view> <view class="notice-content">{{detailNotice.content}}</view>
</u-popup> </u-popup>
<u-popup v-model="isShowIng" height="60%" mode="bottom" border-radius="14" closeable > <doingOrder></doingOrder>
<view class="nursing-list">
<view v-if="nursingList && nursingList.length > 0">
<view v-for="(item,index) in nursingList" :key="index" class="list-item">
<view class="top">
<view class="time">{{item.start_time}}</view>
<view class="status">
<view class="status-icon"
:class="{icon1:item.status === 0,icon2:item.status === 2,icon3:item.status === 1}">
</view>
<view v-if="item.status === 1" class="status-text">护理中</view>
<view v-else-if="item.status === 0" class="status-text">待护理</view>
<view v-else class="status-text">已护理</view>
</view>
</view>
<view class="line"></view>
<view class="center" @click="toDetail(item)">
<view class="avatar">
<u-image :src="item.customer.sex === '男' ? vuex_male_img : vuex_female_img" height="104"
width="104" shape="circle"></u-image>
</view>
<view class="user-info-pop">
<view class="name">{{item.customer.name}}</view>
<view class="tel">
<view>
<u-icon name="phone" size="28" color="#1479FF"></u-icon>
</view>
<view class="text">{{item.customer.phone || '无'}}</view>
</view>
<view class="address">
<view>
<u-icon name="map" size="28" color="#1479FF"></u-icon>
</view>
<view class="text">{{item.customer_address.address || '无'}}</view>
</view>
</view>
<view class="sex">
<view class="sex-text">
{{item.customer.sex || '无'}}
</view>
</view>
</view>
<view class="bottom">
<view class="to-there" @click="toThere(item)">
<view class="to-there-text">去那里</view>
<view class="to-there-icon">
<u-image src="/static/todayNursing/to-there.png" height="46" width="46"></u-image>
</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="list" text="暂无护理"></u-empty>
</view>
</view>
</u-popup>
</view>
</template> </template>
<script> <script>
import doingOrder from '../../components/doingOrder/doingOrder.vue'
import moment from "@/libs/moment.min.js" import moment from "@/libs/moment.min.js"
export default { export default {
components: {
doingOrder
},
data() { data() {
return { return {
marginTop: 96, marginTop: 96,
@ -262,9 +205,7 @@
}, },
infoList: [], infoList: [],
isShowNotice: false, isShowNotice: false,
detailNotice: {}, detailNotice: {}
isShowIng:false,
nursingList:[],
} }
}, },
methods: { methods: {
@ -304,31 +245,6 @@
let res = await this.$u.api.noticeList() let res = await this.$u.api.noticeList()
this.infoList = res.data this.infoList = res.data
}, },
async getIngList() {
let res = await this.$u.api.nurseList({
page:1,
page_size:999,
status:1
})
this.nursingList = res.data
},
toThere(item) {
this.$u.throttle(() => {
uni.openLocation({
latitude: Number(item.customer.lat),
longitude: Number(item.customer.lng),
name: item.customer.address
})
})
},
//跳转详情
toDetail(item) {
uni.$u.throttle(() => {
uni.navigateTo({
url: `/pages/detailNursing/detailNursing?id=${item.id}`
})
})
},
}, },
computed: { computed: {
dateFormat() { dateFormat() {
@ -342,10 +258,7 @@
async onShow() { async onShow() {
await this.getStatistic() await this.getStatistic()
await this.getRemind() await this.getRemind()
if(this.status.ing > 0){
await this.getIngList()
this.isShowIng = true
}
}, },
created() { created() {
const res = uni.getSystemInfoSync() const res = uni.getSystemInfoSync()
@ -802,201 +715,4 @@
padding: 0 10rpx; padding: 0 10rpx;
} }
.nursing-list {
margin-top: 88rpx;
.list-item {
width: 710rpx;
background: #FFFFFF;
filter: drop-shadow(0 0 10px rgba(219, 218, 218, 0.5));
margin: 0 20rpx 26rpx 22rpx;
.top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 22rpx 0;
.time {
height: 40rpx;
font-size: 40rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
padding-left: 20rpx;
}
.status {
display: flex;
align-items: center;
.status-icon {
margin-right: 10rpx;
}
.status-text {
width: 84rpx;
height: 40rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
margin-right: 20rpx;
}
}
}
.line {
width: 670rpx;
height: 2rpx;
border: 2rpx solid #EEEFF5;
margin: 0 auto;
}
.center {
display: flex;
justify-content: space-between;
padding-top: 24rpx;
.avatar {
padding-top: 4rpx;
padding-left: 20rpx;
}
.user-info-pop {
flex: 1;
padding-left: 24rpx;
.name {
width: 270rpx;
height: 48rpx;
font-size: 32rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #333333;
}
.tel {
height: 40rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
display: flex;
margin-top: 18rpx;
.text {
margin-left: 10rpx;
}
}
.address {
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 40rpx;
display: flex;
margin-top: 14rpx;
.text {
margin-left: 10rpx;
}
}
}
.sex {
width: 40rpx;
height: 40rpx;
background: #FDECEC;
opacity: 0.5;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20rpx;
.sex-text {
width: 28rpx;
height: 34rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #36596A;
line-height: 34rpx;
}
}
}
.bottom {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 16rpx;
padding-bottom: 26rpx;
.distance {
align-items: center;
display: flex;
.distance-icon {
padding-left: 20rpx;
}
.distance-text {
height: 34rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #A7AFBC;
line-height: 34rpx;
padding-left: 20rpx;
}
}
.to-there {
display: flex;
align-items: center;
margin-right: 20rpx;
.to-there-text {
height: 34rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #A7AFBC;
line-height: 34rpx;
margin-right: 14rpx;
}
.to-there-icon {
margin-left: 3rpx;
}
}
}
}
}
</style> </style>

9
pages/list/list.vue
Unescape View File

@ -102,11 +102,16 @@
<u-calendar v-model="isShowCalendar" max-date="2100-01-01" mode="range" @change='datePick'> <u-calendar v-model="isShowCalendar" max-date="2100-01-01" mode="range" @change='datePick'>
</u-calendar> </u-calendar>
<doingOrder></doingOrder>
</view> </view>
</template> </template>
<script> <script>
export default { import doingOrder from '../../components/doingOrder/doingOrder.vue'
export default {
components: {
doingOrder
},
data() { data() {
return { return {
isShowCalendar: false, isShowCalendar: false,

2
pages/login/login.vue
Unescape View File

@ -106,7 +106,7 @@
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.switchTab({
url: "/pages/home/home" url: "/pages/todayNursing/todayNursing"
}); });
}, 1500) }, 1500)
}, },

1437
pages/nursingCalendar/nursingCalendar.vue
View File

File diff suppressed because it is too large Load Diff

798
pages/todayNursing/todayNursing.vue
Unescape View File

@ -1,397 +1,403 @@
<template> <template>
<view> <view>
<cpn-navbar title="今日护理"></cpn-navbar> <cpn-navbar title="今日护理"></cpn-navbar>
<view class="content"> <view class="content">
<view class="map"> <view class="map">
<view class="map-text">护理地图</view> <view class="map-text">护理地图</view>
<view class="map-icon" @click="toMap"> <view class="map-icon" @click="toMap">
<u-image src="/static/todayNursing/map.png" height="84" width="84" shape="circle"></u-image> <u-image src="/static/todayNursing/map.png" height="84" width="84" shape="circle"></u-image>
</view> </view>
</view> </view>
<view class="nursing-list"> <view class="nursing-list">
<scroll-view scroll-y="true" style="height: 1130rpx;" :refresher-enabled="true" <scroll-view scroll-y="true" style="height: 1130rpx;" :refresher-enabled="true"
:refresher-triggered="refreshStatus" @refresherrefresh="getToday" :refresher-triggered="refreshStatus" @refresherrefresh="getToday"
@refresherrestore="refreshStatus = 'restore'"> @refresherrestore="refreshStatus = 'restore'">
<view v-if="nursingList && nursingList.length > 0"> <view v-if="nursingList && nursingList.length > 0">
<view v-for="(item,index) in nursingList" :key="item.id" class="list-item" <view v-for="(item,index) in nursingList" :key="item.id" class="list-item"
@click="toDetail(item)"> @click="toDetail(item)">
<view class="top"> <view class="top">
<view class="time">{{timeFormat(item.start_time)}}~{{timeFormat(item.end_time,"HH:mm")}} <view class="time">{{timeFormat(item.start_time)}}~{{timeFormat(item.end_time,"HH:mm")}}
</view> </view>
<view class="status"> <view class="status">
<view class="status-icon" <view class="status-icon"
:class="{icon1:item.status === 0,icon2:item.status === 2,icon3:item.status === 1}"> :class="{icon1:item.status === 0,icon2:item.status === 2,icon3:item.status === 1}">
</view> </view>
<view v-if="item.status === 1" class="status-text">护理中</view> <view v-if="item.status === 1" class="status-text">护理中</view>
<view v-else-if="item.status === 0" class="status-text">待护理</view> <view v-else-if="item.status === 0" class="status-text">待护理</view>
<view v-else class="status-text">已护理</view> <view v-else class="status-text">已护理</view>
</view> </view>
</view> </view>
<view class="line"></view> <view class="line"></view>
<view class="center"> <view class="center">
<view class="avatar"> <view class="avatar">
<u-image :src="item.customer.sex === '男' ? vuex_male_img : vuex_female_img" <u-image :src="item.customer.sex === '男' ? vuex_male_img : vuex_female_img"
height="104" width="104" shape="circle"></u-image> height="104" width="104" shape="circle"></u-image>
</view> </view>
<view class="user-info"> <view class="user-info">
<view class="name">{{item.customer.name}}</view> <view class="name">{{item.customer.name}}</view>
<view class="tel"> <view class="tel">
<view> <view>
<u-icon name="phone" size="28" color="#1479FF"></u-icon> <u-icon name="phone" size="28" color="#1479FF"></u-icon>
</view> </view>
<view class="text">{{item.customer.phone|| '无'}}</view> <view class="text">{{item.customer.phone|| '无'}}</view>
</view> </view>
<view class="address"> <view class="address">
<view> <view>
<u-icon name="map" size="28" color="#1479FF"></u-icon> <u-icon name="map" size="28" color="#1479FF"></u-icon>
</view> </view>
<view class="text">{{item.customer_address.address || '无'}}</view> <view class="text">{{item.customer_address.address || '无'}}</view>
</view> </view>
</view> </view>
<view class="sex"> <view class="sex">
<view class="sex-text"> <view class="sex-text">
{{ item.customer.sex || '无' }} {{ item.customer.sex || '无' }}
</view> </view>
</view> </view>
</view> </view>
<view class="bottom"> <view class="bottom">
<view class="distance"> <view class="distance">
<view class="distance-icon"> <view class="distance-icon">
<u-image src="/static/todayNursing/distance.png" height="42" width="42"> <u-image src="/static/todayNursing/distance.png" height="42" width="42">
</u-image> </u-image>
</view> </view>
<view class="distance-text">{{item.distance}}公里</view> <view class="distance-text">{{item.distance}}公里</view>
</view> </view>
<view class="to-there" @click.stop="toThere(item)"> <view class="to-there" @click.stop="toThere(item)">
<view class="to-there-text">去那里</view> <view class="to-there-text">去那里</view>
<view class="to-there-icon"> <view class="to-there-icon">
<u-image src="/static/todayNursing/to-there.png" height="46" width="46"> <u-image src="/static/todayNursing/to-there.png" height="46" width="46">
</u-image> </u-image>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view v-else class="nursing-list-nodata"> <view v-else class="nursing-list-nodata">
<u-empty mode="list" text="暂无护理"> <u-empty mode="list" text="暂无护理">
</u-empty> </u-empty>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</view>
</template> <doingOrder></doingOrder>
</view>
<script> </template>
import moment from "@/libs/moment.min.js"
export default { <script>
data() { import moment from "@/libs/moment.min.js"
return { import doingOrder from '../../components/doingOrder/doingOrder.vue'
refreshStatus: false, export default {
select: { components: {
page: 1, doingOrder
page_size: 999, },
date: `${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()}`, data() {
lat: '', return {
lng: '' refreshStatus: false,
}, select: {
page: 1,
nursingList: [] page_size: 999,
} date: `${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()}`,
}, lat: '',
methods: { lng: ''
//跳转护理地图 },
toMap() {
uni.$u.throttle(() => { nursingList: []
uni.navigateTo({ }
url: "/pages/map/map" },
}) methods: {
}) //跳转护理地图
}, toMap() {
//跳转详情 uni.$u.throttle(() => {
toDetail(item) { uni.navigateTo({
uni.$u.throttle(() => { url: "/pages/map/map"
uni.navigateTo({ })
url: `/pages/detailNursing/detailNursing?id=${item.id}` })
}) },
}) //跳转详情
}, toDetail(item) {
uni.$u.throttle(() => {
async getToday() { uni.navigateTo({
this.refreshStatus = true url: `/pages/detailNursing/detailNursing?id=${item.id}`
let res = await this.$u.api.nurseList(this.select) })
console.log(res); })
this.nursingList = res.data },
this.refreshStatus = false
}, async getToday() {
this.refreshStatus = true
let res = await this.$u.api.nurseList(this.select)
toThere(item) { console.log(res);
this.$u.throttle(() => { this.nursingList = res.data
uni.openLocation({ this.refreshStatus = false
latitude: Number(item.customer.lat), },
longitude: Number(item.customer.lng),
name: item.customer.address
}) toThere(item) {
}) this.$u.throttle(() => {
} uni.openLocation({
}, latitude: Number(item.customer.lat),
computed: { longitude: Number(item.customer.lng),
timeFormat() { name: item.customer.address
return function(time, fmt = 'YYYY-MM-DD HH:mm') { })
if (!time) { })
return }
} },
return moment(time).format(fmt) computed: {
} timeFormat() {
} return function(time, fmt = 'YYYY-MM-DD HH:mm') {
}, if (!time) {
onShow() { return
uni.getLocation().then(res => { }
this.select.lat = res[1]?.latitude return moment(time).format(fmt)
this.select.lng = res[1]?.longitude }
}
this.getToday() },
}) onShow() {
} uni.getLocation().then(res => {
} this.select.lat = res[1]?.latitude
</script> this.select.lng = res[1]?.longitude
<style scoped lang="scss"> this.getToday()
.map { })
display: flex; }
align-items: center; }
</script>
margin-top: 20rpx;
margin-left: 470rpx; <style scoped lang="scss">
.map {
.map-text { display: flex;
width: 128rpx; align-items: center;
height: 42rpx;
font-size: 32rpx; margin-top: 20rpx;
font-family: PingFang-SC-Medium, PingFang-SC; margin-left: 470rpx;
font-weight: 500;
color: #36596A; .map-text {
line-height: 42rpx; width: 128rpx;
height: 42rpx;
} font-size: 32rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
.map-icon { font-weight: 500;
color: #36596A;
margin-left: 24rpx; line-height: 42rpx;
}
} }
.nursing-list { .map-icon {
margin-top: 16rpx; margin-left: 24rpx;
}
.list-item { }
width: 710rpx;
background: #FFFFFF; .nursing-list {
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(219, 218, 218, 0.5);
margin-top: 16rpx;
margin: 0 20rpx 26rpx 22rpx;
.list-item {
.top { width: 710rpx;
display: flex; background: #FFFFFF;
justify-content: space-between; box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(219, 218, 218, 0.5);
align-items: center;
margin: 0 20rpx 26rpx 22rpx;
padding: 22rpx 0;
.top {
.time { display: flex;
height: 40rpx; justify-content: space-between;
font-size: 28rpx; align-items: center;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500; padding: 22rpx 0;
color: #36596A;
line-height: 40rpx; .time {
height: 40rpx;
padding-left: 20rpx; font-size: 28rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.status { color: #36596A;
display: flex; line-height: 40rpx;
align-items: center;
padding-left: 20rpx;
.status-icon { }
margin-right: 10rpx; .status {
} display: flex;
align-items: center;
.status-text {
width: 84rpx; .status-icon {
height: 40rpx;
font-size: 28rpx; margin-right: 10rpx;
font-family: PingFang-SC-Medium, PingFang-SC; }
font-weight: 500;
color: #36596A; .status-text {
line-height: 40rpx; width: 84rpx;
height: 40rpx;
margin-right: 20rpx; font-size: 28rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
} font-weight: 500;
} color: #36596A;
line-height: 40rpx;
.line {
width: 670rpx; margin-right: 20rpx;
height: 2rpx; }
border: 2rpx solid #EEEFF5; }
}
margin: 0 auto;
} .line {
width: 670rpx;
.center { height: 2rpx;
display: flex; border: 2rpx solid #EEEFF5;
justify-content: space-between;
margin: 0 auto;
padding-top: 24rpx; }
.avatar { .center {
display: flex;
padding-top: 4rpx; justify-content: space-between;
padding-left: 20rpx;
} padding-top: 24rpx;
.user-info { .avatar {
flex: 1;
padding-left: 24rpx; padding-top: 4rpx;
padding-left: 20rpx;
.name { }
width: 270rpx;
height: 48rpx; .user-info {
font-size: 32rpx; flex: 1;
font-family: PingFang-SC-Medium, PingFang-SC; padding-left: 24rpx;
font-weight: 500;
color: #333333; .name {
} width: 270rpx;
height: 48rpx;
.tel { font-size: 32rpx;
height: 40rpx; font-family: PingFang-SC-Medium, PingFang-SC;
font-size: 28rpx; font-weight: 500;
font-family: PingFang-SC-Medium, PingFang-SC; color: #333333;
font-weight: 500; }
color: #36596A;
line-height: 40rpx; .tel {
display: flex; height: 40rpx;
font-size: 28rpx;
margin-top: 18rpx; font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.text { color: #36596A;
line-height: 40rpx;
margin-left: 10rpx; display: flex;
}
} margin-top: 18rpx;
.address { .text {
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC; margin-left: 10rpx;
font-weight: 500; }
color: #36596A; }
line-height: 40rpx;
display: flex; .address {
font-size: 28rpx;
margin-top: 14rpx; font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.text { color: #36596A;
line-height: 40rpx;
margin-left: 10rpx; display: flex;
}
} margin-top: 14rpx;
}
.text {
.sex {
width: 40rpx; margin-left: 10rpx;
height: 40rpx; }
background: #FDECEC; }
opacity: 0.5; }
display: flex;
justify-content: center; .sex {
align-items: center; width: 40rpx;
height: 40rpx;
margin-right: 20rpx; background: #FDECEC;
opacity: 0.5;
.sex-text { display: flex;
width: 28rpx; justify-content: center;
height: 34rpx; align-items: center;
font-size: 28rpx;
font-family: PingFang-SC-Medium, PingFang-SC; margin-right: 20rpx;
font-weight: 500;
color: #36596A; .sex-text {
line-height: 34rpx; width: 28rpx;
} height: 34rpx;
} font-size: 28rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.bottom { color: #36596A;
display: flex; line-height: 34rpx;
justify-content: space-between; }
align-items: center; }
}
margin-top: 16rpx;
padding-bottom: 26rpx; .bottom {
display: flex;
.distance { justify-content: space-between;
align-items: center; align-items: center;
display: flex;
margin-top: 16rpx;
.distance-icon { padding-bottom: 26rpx;
padding-left: 20rpx; .distance {
} align-items: center;
display: flex;
.distance-text {
height: 34rpx; .distance-icon {
font-size: 24rpx;
font-family: PingFang-SC-Medium, PingFang-SC; padding-left: 20rpx;
font-weight: 500; }
color: #A7AFBC;
line-height: 34rpx; .distance-text {
height: 34rpx;
padding-left: 20rpx; font-size: 24rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
} font-weight: 500;
color: #A7AFBC;
.to-there { line-height: 34rpx;
display: flex;
align-items: center; padding-left: 20rpx;
}
margin-right: 20rpx; }
.to-there-text { .to-there {
height: 34rpx; display: flex;
font-size: 24rpx; align-items: center;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500; margin-right: 20rpx;
color: #A7AFBC;
line-height: 34rpx; .to-there-text {
height: 34rpx;
margin-right: 14rpx; font-size: 24rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.to-there-icon { color: #A7AFBC;
line-height: 34rpx;
margin-left: 3rpx;
} margin-right: 14rpx;
} }
}
} .to-there-icon {
margin-left: 3rpx;
&-nodata { }
transform: translate(-50%, -50%); }
position: fixed; }
top: 50%; }
left: 50%;
}
} &-nodata {
transform: translate(-50%, -50%);
position: fixed;
top: 50%;
left: 50%;
}
}
</style> </style>

Write Preview
Loading…
Cancel
Save