|
|
|
|
<template>
|
|
|
|
|
<HeaderNav title="订单详情" :is-back="true"></HeaderNav>
|
|
|
|
|
<view class="body-background">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="staticImage.orderDetailBackground" width="100%" height="100vh"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="app-wallpaper">
|
|
|
|
|
|
|
|
|
|
<view class="feed-top">
|
|
|
|
|
<view class="feed-container">
|
|
|
|
|
<view class="feed-content">
|
|
|
|
|
<!-- <view class="top-img">-->
|
|
|
|
|
<!-- <u-image @click=showBigImage(item.url class="img" mode="aspectFill" width="100%" height="600" :src="detail.pet_avatar || staticImage.banner"></u-image>-->
|
|
|
|
|
<!-- </view>-->
|
|
|
|
|
<view class="top-content row">
|
|
|
|
|
<view class="order-list-item">
|
|
|
|
|
<view class="order-card-container row">
|
|
|
|
|
|
|
|
|
|
<view class="order-card-container-background-main row" @click="navTo('/pages/OrderDetail/index?id='+item.id)">
|
|
|
|
|
|
|
|
|
|
<view class="order-card-col row">
|
|
|
|
|
<view class="order-card-container-background col-12">
|
|
|
|
|
<!-- <view class="order-card-container-background-inside col-12">-->
|
|
|
|
|
|
|
|
|
|
<!-- </view>-->
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-card-left col-12">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" class="img" mode="aspectFill" width="100%" height="350" :src="detail.pet_avatar" radius="26" custom-style="border:3rpx solid #262626"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-card-right col-12">
|
|
|
|
|
<view class="order-card-title" style="">
|
|
|
|
|
<u-text
|
|
|
|
|
:text="detail.addr"
|
|
|
|
|
color="#131313"
|
|
|
|
|
size="40"
|
|
|
|
|
line-height="60"
|
|
|
|
|
></u-text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-card-tag-container row">
|
|
|
|
|
<view class="order-card-tag" v-for="(server, i) in detail.services" wx:key="i">{{ server }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-card-day"><text class="card-label">上门时间：</text>{{detail.do_date}} {{ detail.do_time }}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-card-pay-time"><text class="card-label">下单时间：</text>{{detail.create_time}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view class="" style="padding:20rpx 0;">-->
|
|
|
|
|
<!-- <u-text :text="'订单编号: '+item.no"-->
|
|
|
|
|
<!-- color="#131313" size="28"-->
|
|
|
|
|
<!-- custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;"></u-text>-->
|
|
|
|
|
<!-- </view>-->
|
|
|
|
|
<view class="order-card-bottom col-12 row">
|
|
|
|
|
<view class="card-button" @click="navTo(`/pages/ChatDetail/index?id=${detail.id}`)">
|
|
|
|
|
<MzButton
|
|
|
|
|
title="立即沟通"
|
|
|
|
|
font-color="#3E3221"
|
|
|
|
|
button-color="#F7E1C3"
|
|
|
|
|
button-width="255rpx"></MzButton>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="card-button" @click="navTo('/pages/FeedLog/index?pet_id=' + detail.pet_id)">
|
|
|
|
|
<MzButton
|
|
|
|
|
title="喂养档案"
|
|
|
|
|
font-color="#FFFFFF"
|
|
|
|
|
button-color="#4DC3B8"
|
|
|
|
|
button-width="255rpx"></MzButton>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="feed-background">
|
|
|
|
|
<view class="feed-background-content">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="pet-detail-bottom-container">
|
|
|
|
|
<view class="pet-detail-container">
|
|
|
|
|
<view class="pet-detail-gun col">
|
|
|
|
|
<image class="img" mode="heightFix" :src="staticImage.petGun"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="pet-detail-content">
|
|
|
|
|
|
|
|
|
|
<view class="content-item row">
|
|
|
|
|
<view class="item-icon">
|
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
宠托师：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
{{detail.worker_name}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item row">
|
|
|
|
|
<view class="item-icon">
|
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
订单编号：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
{{detail.no}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item row" v-if="detail.lock_type_name">
|
|
|
|
|
<view class="item-icon">
|
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
锁类型：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
{{detail.lock_type_name}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item row" v-if="detail.open_info">
|
|
|
|
|
<view class="item-icon">
|
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
开锁方式：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
{{detail.open_info}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item row">
|
|
|
|
|
<view class="item-icon">
|
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
增值服务：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
{{detail.services.join(',')}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item row">
|
|
|
|
|
<view class="item-icon">
|
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠信息：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content col-12">
|
|
|
|
|
<view class="order-card-tag-container row">
|
|
|
|
|
<view class="order-card-tag">{{ detail.pet_name }}</view>
|
|
|
|
|
<view class="order-card-tag">{{ detail.pet_age }}岁</view>
|
|
|
|
|
<view class="order-card-tag">{{ detail.pet_weight }}kg</view>
|
|
|
|
|
<view class="order-card-tag">{{ detail.pet_sex }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="pet-bottom-video-remark row" style="position: relative;">
|
|
|
|
|
<view class="content-item pet-detail-video-group" style="width:220rpx;">
|
|
|
|
|
|
|
|
|
|
<view class="video-content">
|
|
|
|
|
<view class="video-content-container">
|
|
|
|
|
<video class="img" mode="aspectFill" :src="detail.pet_video" style="width:220rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="video-content-background"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row col" style="padding:15rpx 30rpx 15rpx 0rpx;">
|
|
|
|
|
<view class="content-container col" style="position: relative;height:100%;width:100%;">
|
|
|
|
|
<view class="content" style="box-sizing:border-box;padding:25rpx;position:absolute;height:100%;width:100%;left:0;top:0;z-index: 2;border:2rpx solid #262626;border-radius: 16rpx;background-color:#F6F6F6;">
|
|
|
|
|
<u-text :text="detail.pet_remarks" color="#263233" size="28"></u-text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-background" style="position:absolute;top:10rpx;left:10rpx;z-index:1;border:2rpx solid #262626;border-radius: 16rpx;width:100%;height:100%;">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="pet-detail-background"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view v-if="Object.keys(service.start).length > 0" class="pet-detail-bottom-container">
|
|
|
|
|
<view class="pet-detail-container">
|
|
|
|
|
<view class="pet-detail-gun col">
|
|
|
|
|
<image class="img" mode="heightFix" :src="staticImage.petGun"/>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="pet-detail-content">
|
|
|
|
|
<view class="content-item"><view>开始订单</view></view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.arrival_time">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
到达时间：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{service.start.arrival_time}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.worker_confirm.length > 0">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
宠物师确认：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.start.worker_confirm">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFill" width="100%" height="200rpx"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.hand_disinfect.length > 0">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
手部消毒：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.start.hand_disinfect">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.body_disinfect.length > 0">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
全身消毒：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.start.body_disinfect">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFill" width="100%" height="200rpx"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.key.length > 0">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
钥匙开启/收取：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.start.key">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.key_info">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
钥匙文字描述：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{service.start.key_info}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.start.service_tools">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
服务工具：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.start.service_tools)}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="pet-detail-background"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="Object.keys(service.end).length > 0" class="pet-detail-bottom-container">
|
|
|
|
|
<view class="pet-detail-container">
|
|
|
|
|
<view class="pet-detail-gun col">
|
|
|
|
|
<image class="img" mode="heightFix" :src="staticImage.petGun"/>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="pet-detail-content">
|
|
|
|
|
<view class="content-item"><view>完成订单</view></view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.appliance.option || service.end.appliance.remark || service.end.appliance.upload">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
门窗、灯、空调、水电等情况：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.appliance.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.appliance.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.appliance.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.before_status.option || service.end.before_status.remark || (typeof service.end.before_status.upload === 'Object' && service.end.before_status.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
入户前萌宠家居情况：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.before_status.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.before_status.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.before_status.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.pet_status.option || service.end.pet_status.remark || (typeof service.end.pet_status.upload === 'Object' && service.end.pet_status.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠生活区情况：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.pet_status.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.pet_status.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_status.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.food_status.option || service.end.food_status.remark || (typeof service.end.food_status.upload === 'Object' && service.end.food_status.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠粮剩余情况：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.food_status.food_option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.food_status.water_option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.food_status.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.food_status.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.sick.option || service.end.sick.remark || (typeof service.end.sick.upload === 'Object' && service.end.sick.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
是否有萌宠呕吐物：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.sick.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.sick.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.sick.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.excrement.option || service.end.excrement.remark || (typeof service.end.excrement.upload === 'Object' && service.end.excrement.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠排泄物情况：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.excrement.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.excrement.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.excrement.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.other.option || service.end.other.remark || (typeof service.end.other.upload === 'Object' && service.end.other.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
其他情况反馈：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.other.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.other.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.other.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.food_bowl.value || service.end.food_bowl.remark || (typeof service.end.food_bowl.upload === 'Object' && service.end.food_bowl.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
食盆清洗并擦干水渍：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.food_bowl.food_bowl)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.food_bowl.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.food_bowl.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.basin.value || service.end.basin.remark || (typeof service.end.basin.upload === 'Object' && service.end.basin.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
水盆清理：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.basin.value)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.basin.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.basin.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.staple_food.option || service.end.staple_food.remark || (typeof service.end.staple_food.upload === 'Object' && service.end.staple_food.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠主食：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.staple_food.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.staple_food.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.staple_food.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.water.option || service.end.water.remark || (typeof service.end.water.upload === 'Object' && service.end.water.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠饮用水：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.water.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.water.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.water.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.snacks.option || service.end.snacks.remark || (typeof service.end.snacks.upload === 'Object' && service.end.snacks.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
零食、药品及其他：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.snacks.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.snacks.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.snacks.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.wowo.option || service.end.wowo.remark || (typeof service.end.wowo.upload === 'Object' && service.end.wowo.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
窝窝整理：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.wowo.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.wowo.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.wowo.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.cage.option || service.end.cage.remark || (typeof service.end.cage.upload === 'Object' && service.end.cage.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
笼笼清理：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.cage.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.cage.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.cage.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.hair.option || service.end.hair.remark || (typeof service.end.hair.upload === 'Object' && service.end.hair.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
周边毛发：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.hair.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.hair.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.hair.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.pet_sick.option || service.end.pet_sick.remark || (typeof service.end.pet_sick.upload === 'Object' && service.end.pet_sick.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
屋内排泄物清理：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.pet_sick.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.pet_sick.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_sick.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.pet_excrement.option || service.end.pet_excrement.remark || (typeof service.end.pet_excrement.upload === 'Object' && service.end.pet_excrement.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
屋内呕吐物清理：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.pet_excrement.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.pet_excrement.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_excrement.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.cat_litter.option || service.end.cat_litter.remark || (typeof service.end.cat_litter.upload === 'Object' && service.end.cat_litter.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
猫砂盆整理及猫砂更换：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.cat_litter.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.cat_litter.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.cat_litter.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.other_info.option || service.end.other_info.remark || (typeof service.end.other_info.upload === 'Object' && service.end.other_info.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
其他需求反馈：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.other_info.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.other_info.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.other_info.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.foundation.option || service.end.foundation.remark || (typeof service.end.foundation.upload === 'Object' && service.end.foundation.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
基础检查：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.foundation.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.foundation.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.foundation.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.health.option || service.end.health.remark || (typeof service.end.health.upload === 'Object' && service.end.health.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
健康情况：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.health.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.health.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.health.appliance.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.health_other.option || service.end.health_other.remark || (typeof service.end.health_other.upload === 'Object' && service.end.health_other.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
其他：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.health_other.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.health_other.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.appliance.health_other">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.pet_clean.option || service.end.pet_clean.remark || (typeof service.end.pet_clean.upload === 'Object' && service.end.pet_clean.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
萌宠清洁：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.pet_clean.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.pet_clean.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_clean.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.before_facial.option || service.end.before_facial.remark || (typeof service.end.before_facial.upload === 'Object' && service.end.before_facial.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
洗护前原始状态：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.before_facial.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.before_facial.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.before_facial.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.pet_facial.option || service.end.pet_facial.remark || (typeof service.end.pet_facial.upload === 'Object' && service.end.pet_facial.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
使用产品：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.pet_facial.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.pet_facial.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_facial.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.end_facial.option || service.end.end_facial.remark || (typeof service.end.end_facial.upload === 'Object' && service.end.end_facial.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
洗护后状态：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.end_facial.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.end_facial.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.end_facial.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.home_play.option || service.end.home_play.remark || (typeof service.end.home_play.upload === 'Object' && service.end.home_play.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
在家互动：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.home_play.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.home_play.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.home_play.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.out_play.number_option ||service.end.out_play.feces_option ||service.end.out_play.in_home_option || service.end.out_play.remark || (typeof service.end.out_play.upload === 'Object' && service.end.out_play.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
外出遛弯：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>排便次数</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.out_play.number_option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>便便情况</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.out_play.feces_option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>进门清洁</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.out_play.in_home_option)}}
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.out_play.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.out_play.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.trash.option || service.end.trash.remark || (typeof service.end.trash.upload === 'Object' && service.end.trash.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
垃圾携带：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.trash.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.trash.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.trash.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.appliance_info.option || service.end.appliance_info.remark || (typeof service.end.appliance_info.upload === 'Object' && service.end.appliance_info.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
门窗、灯、空调、水电等状态：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.appliance_info.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.appliance_info.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_secure.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.pet_secure.option || service.end.pet_secure.remark || (typeof service.end.pet_secure.upload === 'Object' && service.end.pet_secure.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
离开时萌宠安全确认：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.pet_secure.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.pet_secure.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.pet_secure.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.close.option || service.end.close.remark || (typeof service.end.close.upload === 'Object' && service.end.close.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
普通锁：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.close.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.close.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.close.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.close_mima.option || service.end.close_mima.remark || (typeof service.end.close_mima.upload === 'Object' && service.end.close_mima.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
密码锁：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.close_mima.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.close_mima.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.close_mima.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content-item service-end" v-if="service.end.key.option || service.end.key.remark || (typeof service.end.key.upload === 'Object' && service.end.key.upload.length > 0)">
|
|
|
|
|
<view class="item-title">
|
|
|
|
|
房门钥匙：
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-content">
|
|
|
|
|
<view>
|
|
|
|
|
{{getString(service.end.key.option)}}
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
{{service.end.key.remark}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row">
|
|
|
|
|
<view class="col-4" v-for="(item,index) in service.end.key.upload">
|
|
|
|
|
<view class="item-image" v-if="item.type === 'image'">
|
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="item.url" mode="widthFix" width="100%"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item-video" v-else>
|
|
|
|
|
<video mode="aspectFill" :src="item.url" style="width:100%;height:200rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="pet-detail-background"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<u-overlay :show="imageShow" @click="imageShow = false">
|
|
|
|
|
<view class="" style="display:flex;align-items: center;justify-content:center;width:100%;height:100vh;">
|
|
|
|
|
<u-image mode="widthFix" :src="imageUrl" height="auto" width="100vw"></u-image>
|
|
|
|
|
</view>
|
|
|
|
|
</u-overlay>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
imghost
|
|
|
|
|
} from '@/config/host.js'
|
|
|
|
|
import HeaderNav from '@/components/HeaderNav/Index.vue';
|
|
|
|
|
import FooterNav from '@/components/FooterNav/Index.vue';
|
|
|
|
|
import RightNav from '@/components/RightNav/Index.vue';
|
|
|
|
|
import MzButton from '@/components/MzButton/Index.vue';
|
|
|
|
|
import api from '@/utils/functions.js';
|
|
|
|
|
import {delPet, getDetail} from "@/api/pet";
|
|
|
|
|
import log from "@/utils/log";
|
|
|
|
|
import functions from "@/utils/functions.js";
|
|
|
|
|
import {orderDetail, orderServiceInfo} from "@/api/order";
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
HeaderNav,
|
|
|
|
|
FooterNav,
|
|
|
|
|
RightNav,
|
|
|
|
|
MzButton
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
imageShow:false,
|
|
|
|
|
imageUrl:'',
|
|
|
|
|
title: 'Hello',
|
|
|
|
|
loading: true,
|
|
|
|
|
staticImage: {
|
|
|
|
|
screenActiveImg: imghost + '/order-screen-active.png',
|
|
|
|
|
orderCardBackground: imghost + '/order-card-background.png',
|
|
|
|
|
wallpaperBgImage:imghost +'/background.png',
|
|
|
|
|
petGun:imghost +'/pet_gun.png',
|
|
|
|
|
petName:imghost +'/pet-detail-name.png',
|
|
|
|
|
petType:imghost +'/pet-detail-type.png',
|
|
|
|
|
petBirth:imghost +'/pet-detail-birthday.png',
|
|
|
|
|
petSex:imghost +'/pet-detail-sex.png',
|
|
|
|
|
petYm:imghost +'/pet-detail-ym.png',
|
|
|
|
|
petQc:imghost +'/pet-detail-qc.png',
|
|
|
|
|
petHome:imghost +'/pet-detail-home.png',
|
|
|
|
|
petBs:imghost +'/pet-detail-bs.png',
|
|
|
|
|
petVideoTitle:imghost +'/pet-detail-video-title.png',
|
|
|
|
|
petPhotoTitle:imghost +'/pet-detail-photo-title.png',
|
|
|
|
|
orderDetailBackground:imghost+'/order-detail-background.png',
|
|
|
|
|
},
|
|
|
|
|
indexBanner: [{
|
|
|
|
|
image: imghost + '/banner.png',
|
|
|
|
|
url: '',
|
|
|
|
|
}],
|
|
|
|
|
user: {
|
|
|
|
|
avatar: imghost + '/banner.png',
|
|
|
|
|
nickname: '清晨的风',
|
|
|
|
|
coupons: 221,
|
|
|
|
|
id: 88685
|
|
|
|
|
},
|
|
|
|
|
isTop: false,
|
|
|
|
|
|
|
|
|
|
petImage: imghost + '/pet_avatar1.jpeg',
|
|
|
|
|
orderCardList:[
|
|
|
|
|
{
|
|
|
|
|
title:'成都市武侯区丰德国际4栋...',
|
|
|
|
|
tags:['刷毛','洗澡'],
|
|
|
|
|
do_time:'2023/05/03 15—17时',
|
|
|
|
|
create_time:'2023/03/03 15:23:22',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'成都市武侯区丰德国际4栋...',
|
|
|
|
|
tags:['刷毛','洗澡'],
|
|
|
|
|
do_time:'2023/05/03 15—17时',
|
|
|
|
|
create_time:'2023/03/03 15:23:22',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
detail:{},
|
|
|
|
|
service:{
|
|
|
|
|
start:{},
|
|
|
|
|
end:{},
|
|
|
|
|
},
|
|
|
|
|
id:0,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(option) {
|
|
|
|
|
log(option);
|
|
|
|
|
this.id = option.id;
|
|
|
|
|
this.getDetail(option.id);
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
onShareAppMessage() {
|
|
|
|
|
return {
|
|
|
|
|
title:'订单详情',
|
|
|
|
|
path:'/pages/OrderDetail/index?id='+this.id,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
showBigImage(imgUrl){
|
|
|
|
|
this.imageUrl = imgUrl;
|
|
|
|
|
this.imageShow = true;
|
|
|
|
|
},
|
|
|
|
|
getString(value){
|
|
|
|
|
let typeStr = typeof value;
|
|
|
|
|
if(typeStr === 'string'){
|
|
|
|
|
return value;
|
|
|
|
|
}else{
|
|
|
|
|
console.log(typeStr)
|
|
|
|
|
// if(value.length > 0){
|
|
|
|
|
// return value.join(',');
|
|
|
|
|
// }else{
|
|
|
|
|
// return '';
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
delPet(){
|
|
|
|
|
functions.confirm("确认删除该宠物吗？").then(() => {
|
|
|
|
|
delPet(this.id).then((res) => {
|
|
|
|
|
functions.success('删除成功').then(() => uni.navigateBack())
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
navTo(url){
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url:url
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getDetail(id){
|
|
|
|
|
orderDetail(id).then(data => {
|
|
|
|
|
this.detail = data.data;
|
|
|
|
|
log(data);
|
|
|
|
|
log(this.detail)
|
|
|
|
|
if(this.detail.status>0){
|
|
|
|
|
this.getOrderServiceInfo(this.id);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getOrderServiceInfo(id){
|
|
|
|
|
orderServiceInfo(id).then(data => {
|
|
|
|
|
this.service.start = data.data.startservice;
|
|
|
|
|
this.service.end = data.data.endservice;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onPageScroll(res) {
|
|
|
|
|
if(res.scrollTop <= 20){
|
|
|
|
|
uni.$emit('isTop', true);
|
|
|
|
|
}else{
|
|
|
|
|
uni.$emit('isTop', false);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.pagePadding = (api.navHeight().navPaddingTop +
|
|
|
|
|
api.navHeight().navHeight + (api.navHeight().headerPadding * 2))
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
@import './components/index.scss';
|
|
|
|
|
</style>
|
