servicedetails.vue
2.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<template>
<view class="page">
<view class="msglist">
<view class="msg_title">
<view class="">
申请人
</view>
<view class="msg_body">
成都麻辣火锅有限公司
</view>
</view>
<view class="msg_title">
<view class="">
广告位
</view>
<view class="msg_body">
2号广告位
</view>
</view>
<view class="msg_title">
<view class="">
轮播顺序
</view>
<view class="msg_body">
4
</view>
</view>
<view class="msg_title">
<view class="">
意向租期
</view>
<view class="msg_body">
2022-02-22 10:00至2023-02-26 11:00
</view>
</view>
<view class="msg_title">
<view class="">
合计
</view>
<view class="msg_body">
2732/元/4天
</view>
</view>
<view class="msg_title">
<view class="">
历史平均点击率
</view>
<view class="msg_body">
80%
</view>
</view>
<view class="msg_title">
<view class="">
高频时段
</view>
<view class="msg_body">
18:00-22:00
</view>
</view>
<view class="state">
<text :class="record.state == '受理中'?'org':'green'">{{record.state}}</text>
</view>
</view>
<view style="padding:0 30rpx;margin-top: 30rpx;">
<image :src="`${this.$imgs}/组 18072.png`" mode="" style="width: 100%;"></image>
</view>
<view class="" style="padding: 0 40rpx;" v-if="record.state == '已通过'">
<view class="" style="background-color: #3F699A;color: #fff;padding: 14rpx 0;text-align: center;font-size: 28rpx;">
<text>点击查看签约合约</text>
</view>
</view>
<view class="footbtn" v-if="record.state == '已通过'">
<view class="zhifu">
<view class="" style="color: #909090;">
合计
</view>
<view class="" style="font-weight: 600;">
1896.00元/4天
</view>
</view>
<view class="zhifuBtn">
立即支付
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
record:{},
recordList:[
{
recordName:'这里有名称这里有名称',
porName:'徐丽',
tTime:'2022-02-22 12：00：00',
state:'受理中'
},
{
recordName:'这里有名称这里有名称',
porName:'徐丽',
tTime:'2022-02-22 12：00：00',
state:'已通过'
}
]
};
},
onLoad(options) {
const item = JSON.parse(decodeURIComponent(options.item));
console.log('Received item:', item);
this.record = item
},
methods: {
}
}
</script>
<style scoped lang="scss">
@import 'servicedetails.scss';
</style>