Blame view

pages/accepting/accepting.vue 4.08 KB
4dfe89e4   monkeyhouyi   初始化
1
2
  <template>
  	<view class="page">
4dfe89e4   monkeyhouyi   初始化
3
4
  		<!-- 记录列表 -->
  		<view class="record-list">
abd11604   monkeyhouyi   物业缴费
5
6
7
8
9
10
11
12
13
  			<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"/>
4dfe89e4   monkeyhouyi   初始化
14
  					</view>
abd11604   monkeyhouyi   物业缴费
15
16
17
  					<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>
4dfe89e4   monkeyhouyi   初始化
18
  					</view>
abd11604   monkeyhouyi   物业缴费
19
20
21
  					<view class="info-item">
  						<text style="padding-right: 20rpx;">租金:<span>¥1067/月</span></text>
  						<text>面积:<span>81/m²</span></text>
4dfe89e4   monkeyhouyi   初始化
22
  					</view>
4dfe89e4   monkeyhouyi   初始化
23
  				</view>
4dfe89e4   monkeyhouyi   初始化
24
25
26
  			</view>
  		</view>
  		<view class="msglist">
abd11604   monkeyhouyi   物业缴费
27
28
29
30
  			<!-- 租赁详情 -->
  			<view class="form-item">
  				<view class="label">申请时间</view>
  				<text>2022-02-22 14:00</text>
4dfe89e4   monkeyhouyi   初始化
31
  			</view>
abd11604   monkeyhouyi   物业缴费
32
33
34
  			<view class="form-item">
  				<view class="label">申请状态</view>
  				<text>申请中</text>
4dfe89e4   monkeyhouyi   初始化
35
  			</view>
abd11604   monkeyhouyi   物业缴费
36
37
38
  			<view class="form-item">
  				<view class="label">经营用途</view>
  				<text>火锅店</text>
4dfe89e4   monkeyhouyi   初始化
39
  			</view>
abd11604   monkeyhouyi   物业缴费
40
41
42
  			<view class="form-item">
  				<view class="label">意向租期</view>
  				<text>2022-03-22 至 2024-02-22</text>
4dfe89e4   monkeyhouyi   初始化
43
  			</view>
abd11604   monkeyhouyi   物业缴费
44
45
46
  			<view class="form-item">
  				<view class="label">经营主体</view>
  				<text>企业</text>
4dfe89e4   monkeyhouyi   初始化
47
  			</view>
abd11604   monkeyhouyi   物业缴费
48
49
50
51
52
  			<!-- 广告显示 -->
  			<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>
4dfe89e4   monkeyhouyi   初始化
53
54
  				</view>
  			</view>
abd11604   monkeyhouyi   物业缴费
55
56
57
58
59
  		</view>
  		<view class="msglist">
  			<view class="form-item">
  				<view class="label">经营者姓名</view>
  				<text>张三</text>
4dfe89e4   monkeyhouyi   初始化
60
  			</view>
abd11604   monkeyhouyi   物业缴费
61
62
63
  			<view class="form-item">
  				<view class="label">证件类型</view>
  				<text>身份证</text>
4dfe89e4   monkeyhouyi   初始化
64
  			</view>
abd11604   monkeyhouyi   物业缴费
65
66
67
  			<view class="form-item">
  				<view class="label">身份证号码</view>
  				<text>1646448898498</text>
4dfe89e4   monkeyhouyi   初始化
68
  			</view>
abd11604   monkeyhouyi   物业缴费
69
70
71
72
73
74
75
76
77
78
79
80
81
  			<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>
4dfe89e4   monkeyhouyi   初始化
82
  				</view>
abd11604   monkeyhouyi   物业缴费
83
84
85
86
87
  			</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>
4dfe89e4   monkeyhouyi   初始化
88
89
  				</view>
  			</view>
abd11604   monkeyhouyi   物业缴费
90
91
92
93
94
95
96
97
98
99
100
  		</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>
4dfe89e4   monkeyhouyi   初始化
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
  			</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>