accepting.vue
4.08 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<template>
<view class="page">
<!-- 记录列表 -->
<view class="record-list">
<view class="good-item">
<view class="img">
<u-image width="100%" height="100%" :src="$imgUrl('/img/2.jpg')"></u-image>
</view>
<view class="info">
<view class="title">这里有标题这里有标题这里有...</view>
<view class="info-item" style="margin-bottom: 30rpx;">
<u-tag text="标签标签" type="success" size="mini"/>
<u-tag text="标签标签" type="success" size="mini"/>
</view>
<view class="info-item" style="margin-bottom: 24rpx;">
<u-image :showLoading="true" src="/static/images/location-icon.png" width="20rpx" height="20rpx"></u-image>
<text>这里有地址这里有地址这里...</text>
</view>
<view class="info-item">
<text style="padding-right: 20rpx;">租金：<span>￥1067/月</span></text>
<text>面积：<span>81/m²</span></text>
</view>
</view>
</view>
</view>
<view class="msglist">
<!-- 租赁详情 -->
<view class="form-item">
<view class="label">申请时间</view>
<text>2022-02-22 14:00</text>
</view>
<view class="form-item">
<view class="label">申请状态</view>
<text>申请中</text>
</view>
<view class="form-item">
<view class="label">经营用途</view>
<text>火锅店</text>
</view>
<view class="form-item">
<view class="label">意向租期</view>
<text>2022-03-22 至 2024-02-22</text>
</view>
<view class="form-item">
<view class="label">经营主体</view>
<text>企业</text>
</view>
<!-- 广告显示 -->
<view class="form-item" label-top>
<view class="label">广告图片</view>
<view class="img">
<u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
</view>
</view>
</view>
<view class="msglist">
<view class="form-item">
<view class="label">经营者姓名</view>
<text>张三</text>
</view>
<view class="form-item">
<view class="label">证件类型</view>
<text>身份证</text>
</view>
<view class="form-item">
<view class="label">身份证号码</view>
<text>1646448898498</text>
</view>
<view class="form-item">
<view class="label">身份证有效期</view>
<text>2022-03-22 至 2024-02-22</text>
</view>
<view class="form-item" label-top>
<view class="label">身份证照片</view>
<view class="deom-box">
<view class="img-deom">
<u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
</view>
<view class="img-deom">
<u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image>
</view>
</view>
</view>
<view class="form-item" label-top>
<view class="label">企业授权书</view>
<view class="img">
<u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
</view>
</view>
</view>
<view style="height: 180rpx;" v-if="record.state == '已通过'"></view>
<view class="footbtn" v-if="record.state == '已通过'">
<view class="info-total">
<view>租期：<span>2年</span></view>
<view>租金：<span>1067/月</span></view>
<view>合计：<span>10,646.00元</span></view>
</view>
<view class="footer-btn">
<u-button type="primary" shape="circle">查看合同</u-button>
<u-button type="success" shape="circle">立即支付</u-button>
</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 'accepting.scss';
</style>