|
@@ -4,83 +4,84 @@
|
|
|
{{bundleName}}
|
|
|
</view>
|
|
|
<view class="list-container">
|
|
|
-
|
|
|
- <template v-if="packageData.orderItemList">
|
|
|
- <view class="list-item-title border-bottom-solid">
|
|
|
- <view class="list-item-cont">
|
|
|
- <view class="name">
|
|
|
- <text >服务名称</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="num">
|
|
|
- <text >使用次数</text>
|
|
|
- </view>
|
|
|
- <view class="time">
|
|
|
- <text >使用时间</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="list-item " v-for="(item,index) in packageData.orderItemList" :key="index">
|
|
|
- <view class="list-item-cont" :class="index != (packageData.orderItemList.length-1) ?'border-bottom-dashed':'' ">
|
|
|
- <view class="name">
|
|
|
- <text>{{item.itemName}}</text>
|
|
|
- </view>
|
|
|
- <view class="num">
|
|
|
- <text >{{item.time}}次</text>
|
|
|
- </view>
|
|
|
- <text class="time">{{item.orderDate}}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <!-- 分割区域 -->
|
|
|
- <view v-if="packageData.orderPartList" class="list-br">
|
|
|
-
|
|
|
- </view>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template v-if="packageData.orderPartList">
|
|
|
- <view class="list-item-title border-bottom-solid">
|
|
|
- <view class="list-item-cont">
|
|
|
- <view class="name">
|
|
|
- <text >配件名称</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="num">
|
|
|
- <text >使用数量</text>
|
|
|
- </view>
|
|
|
- <view class="time">
|
|
|
- <text >使用时间</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="list-item " v-for="(item,index) in packageData.orderPartList" :key="index">
|
|
|
- <view class="list-item-cont " :class="index != (packageData.orderPartList.length-1) ?'border-bottom-dashed':'' ">
|
|
|
- <view class="name">
|
|
|
- <text>{{item.partName}}</text>
|
|
|
- </view>
|
|
|
- <view class="num">
|
|
|
- <text >{{item.quantity}} {{item.unit?item.unit:''}}</text>
|
|
|
- </view>
|
|
|
- <text class="time">{{item.orderDate}}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </template>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view v-if="!packageData.orderItemList && !packageData.orderPartList" class="no-data">
|
|
|
- 暂无数据
|
|
|
+ <scroll-view scroll-y>
|
|
|
+ <template v-if="packageData.orderItemList">
|
|
|
+ <view class="list-item-title border-bottom-solid">
|
|
|
+ <view class="list-item-cont">
|
|
|
+ <view class="name">
|
|
|
+ <text >服务名称</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="num">
|
|
|
+ <text >使用次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="time">
|
|
|
+ <text >使用时间</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="list-item " v-for="(item,index) in packageData.orderItemList" :key="index">
|
|
|
+ <view class="list-item-cont" :class="index != (packageData.orderItemList.length-1) ?'border-bottom-dashed':'' ">
|
|
|
+ <view class="name">
|
|
|
+ <text>{{item.itemName}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="num">
|
|
|
+ <text >{{item.time}}次</text>
|
|
|
+ </view>
|
|
|
+ <text class="time">{{item.orderDate}}</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 分割区域 -->
|
|
|
+ <view v-if="packageData.orderPartList" class="list-br">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="packageData.orderPartList">
|
|
|
+ <view class="list-item-title border-bottom-solid">
|
|
|
+ <view class="list-item-cont">
|
|
|
+ <view class="name">
|
|
|
+ <text >配件名称</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="num">
|
|
|
+ <text >使用数量</text>
|
|
|
+ </view>
|
|
|
+ <view class="time">
|
|
|
+ <text >使用时间</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="list-item " v-for="(item,index) in packageData.orderPartList" :key="index">
|
|
|
+ <view class="list-item-cont " :class="index != (packageData.orderPartList.length-1) ?'border-bottom-dashed':'' ">
|
|
|
+ <view class="name">
|
|
|
+ <text>{{item.partName}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="num">
|
|
|
+ <text >{{item.quantity}} {{item.unit?item.unit:''}}</text>
|
|
|
+ </view>
|
|
|
+ <text class="time">{{item.orderDate}}</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </scroll-view>
|
|
|
+ <no-data :options="!packageData.orderItemList && !packageData.orderPartList" name="暂无套餐项目数据"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { getPackageDetail } from '@/api/packageRequest.js'
|
|
|
+ import NoData from '@/components/NoData';
|
|
|
export default {
|
|
|
components: {
|
|
|
+ 'no-data': NoData
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -92,6 +93,26 @@
|
|
|
|
|
|
},
|
|
|
onLoad:function(option){
|
|
|
+ console.log(option,"option")
|
|
|
+ wx.showLoading({
|
|
|
+ title: '加载中'
|
|
|
+ });
|
|
|
+ let id = option.customerBundleId
|
|
|
+ this.bundleName = option.bundleName
|
|
|
+ console.log(id,'id')
|
|
|
+ getPackageDetail({id:id}).then(res => {
|
|
|
+ wx.hideLoading();
|
|
|
+ if(res.status == 200){
|
|
|
+ this.packageData = res.data
|
|
|
+ console.log(_this.packageData.orderItemList,"_this.packageData")
|
|
|
+ }else{
|
|
|
+ wx.showToast({
|
|
|
+ title: res.message,
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
},
|
|
|
onReady() {
|
|
|
|
|
@@ -105,6 +126,9 @@
|
|
|
background: rgb(245,245,245);
|
|
|
color: rgb(40,40,40);
|
|
|
font-size: 30rpx;
|
|
|
+ height: calc(100vh);
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-y: scroll;
|
|
|
}
|
|
|
.header-cont{
|
|
|
height: 110rpx;
|