antissoft / antis-greenway

Commit abd11604a3e15d2ef41ff4eac122d8e2c894f75a

Authored by monkeyhouyi
1 parent 5dc04e95

物业缴费

Inline Side-by-side
Showing 20 changed files with 1636 additions and 343 deletions
pages.json
  View file @abd1160
@@ -76,7 +76,15 @@ @@ -76,7 +76,15 @@
76 "navigationBarTitleText": "申请租赁", 76 "navigationBarTitleText": "申请租赁",
77 "navigationBarBackgroundColor": "#FFFFFF" 77 "navigationBarBackgroundColor": "#FFFFFF"
78 } 78 }
79 - },{ 79 + },
  80 + {
  81 + "path": "pages/intentionApply/intentionApply",
  82 + "style": {
  83 + "navigationBarTitleText": "意向申请",
  84 + "navigationBarBackgroundColor": "#FFFFFF"
  85 + }
  86 + },
  87 + {
80 "path": "pages/recordService/recordService", 88 "path": "pages/recordService/recordService",
81 "style": { 89 "style": {
82 "navigationBarTitleText": "服务记录", 90 "navigationBarTitleText": "服务记录",
@@ -256,6 +264,28 @@ @@ -256,6 +264,28 @@
256 "navigationBarTitleText": "详情", 264 "navigationBarTitleText": "详情",
257 "navigationBarBackgroundColor": "#FFFFFF" 265 "navigationBarBackgroundColor": "#FFFFFF"
258 } 266 }
  267 + },
  268 + // 物业缴费
  269 + {
  270 + "path": "pages/propertyPay/propertyPayList/propertyPayList",
  271 + "style": {
  272 + "navigationBarTitleText": "物业缴费",
  273 + "navigationBarBackgroundColor": "#FFFFFF"
  274 + }
  275 + },
  276 + {
  277 + "path": "pages/propertyPay/payRecord/payRecord",
  278 + "style": {
  279 + "navigationBarTitleText": "缴费记录",
  280 + "navigationBarBackgroundColor": "#FFFFFF"
  281 + }
  282 + },
  283 + {
  284 + "path": "pages/propertyPay/payDetail/payDetail",
  285 + "style": {
  286 + "navigationBarTitleText": "缴费记录",
  287 + "navigationBarBackgroundColor": "#FFFFFF"
  288 + }
259 } 289 }
260 ], 290 ],
261 "globalStyle": { 291 "globalStyle": {
pages/accepting/accepting.scss
  View file @abd1160
@@ -4,117 +4,147 @@ @@ -4,117 +4,147 @@
4 top: 0; 4 top: 0;
5 width: 100%; 5 width: 100%;
6 height: 100%; 6 height: 100%;
  7 + padding: 0 24rpx;
7 } 8 }
8 /* 记录列表 */ 9 /* 记录列表 */
9 .record-list{ 10 .record-list{
10 margin-top: 20rpx; 11 margin-top: 20rpx;
11 - .record-list-box {  
12 - padding: 30rpx;  
13 - background-color: #FFFFFF;  
14 - margin-bottom: 20rpx;  
15 - }  
16 - .list-btn {  
17 - display: inline-block; 12 + .good-item {
18 width: 100%; 13 width: 100%;
19 - text-align: right;  
20 - padding-bottom: 10rpx;  
21 - .date-btn {  
22 - background-color: #3f9b6a;  
23 - color: #fff;  
24 - font-size: 28rpx;  
25 - font-weight: bold;  
26 - padding: 10rpx 20rpx;  
27 - border-radius: 10rpx;  
28 - }  
29 - }  
30 - .list{  
31 display: flex; 14 display: flex;
32 - align-items: center;  
33 - justify-content: space-between;  
34 - .thumb{  
35 - display: flex;  
36 - width: 36%;  
37 - image{  
38 - width: 230rpx;  
39 - height: 200rpx;  
40 - border-radius: 10rpx;  
41 - }  
42 - }  
43 - .title-date{  
44 - .date{  
45 - margin: 14rpx 0;  
46 - text{  
47 - color:#3D3D3D;  
48 - }  
49 -  
50 - } 15 + background-color: #fff;
  16 + padding: 16rpx;
  17 + border-radius: 14rpx;
  18 + margin-bottom: 26rpx;
  19 + .img {
  20 + width: 200rpx;
  21 + height: 200rpx;
51 } 22 }
52 - .integral{  
53 - text{ 23 + .info {
  24 + width: calc(100% - 220rpx);
  25 + margin-left: 20rpx;
  26 + .title {
  27 + width: 100%;
54 font-size: 28rpx; 28 font-size: 28rpx;
55 - color: #3D3D3D; 29 + line-height: 44rpx;
  30 + font-weight: 700;
  31 + white-space: nowrap;
  32 + overflow : hidden;
  33 + text-overflow: ellipsis;
  34 + margin-bottom: 20rpx;
56 } 35 }
57 - image {  
58 - width: 22rpx;  
59 - height: 22rpx; 36 + .info-item {
  37 + display: flex;
  38 + line-height: 30rpx;
  39 + font-size: 26rpx;
  40 + color: #717981;
  41 + text {
  42 + white-space: nowrap;
  43 + overflow : hidden;
  44 + text-overflow: ellipsis;
  45 + margin-left: 10rpx;
  46 + span {
  47 + font-size: 30rpx;
  48 + color: #000;
  49 + font-weight: 700;
  50 + }
  51 + }
  52 + .u-tag {
  53 + margin: 0 6rpx;
  54 + border: unset;
  55 + }
60 } 56 }
61 } 57 }
62 } 58 }
63 } 59 }
64 .msglist{ 60 .msglist{
65 - padding:40rpx 30rpx; 61 + padding: 0 30rpx;
66 background-color: #Fff; 62 background-color: #Fff;
67 - position: relative;  
68 - .msg_title{  
69 - display: flex;  
70 - width: 100%;  
71 - margin-bottom: 30rpx;  
72 - }  
73 - view{  
74 - width: 30%;  
75 - }  
76 - .msg_body{  
77 - margin-left: 30rpx;  
78 - width: 70%;  
79 - }  
80 - .imgGroup{ 63 + border-radius: 14rpx;
  64 + margin-bottom: 20rpx;
  65 + .form-item {
81 display: flex; 66 display: flex;
82 - image{  
83 - width: 200rpx;  
84 - height: 160rpx;  
85 - margin-right: 30rpx;  
86 - }  
87 - }  
88 - .state{  
89 - position: absolute;  
90 - right: -100rpx;  
91 - top: 28rpx;  
92 - font-weight: 600;  
93 - font-size: 32rpx;  
94 - }  
95 - .org{  
96 - color:#CDA33A; 67 + flex-direction: row;
  68 + align-items: center;
  69 + justify-content: space-between;
  70 + line-height: 70rpx;
  71 + border-bottom: #eee solid 1rpx;
  72 + padding: 10rpx 0;
  73 + &[label-top] {
  74 + flex-direction: column;
  75 + justify-content: flex-start;
  76 + align-items: flex-start;
  77 + }
  78 + text {
  79 + font-size: 24rpx;
  80 + color: #3D3D3D;
  81 + }
  82 + .img {
  83 + padding-bottom: 18rpx;
  84 + }
  85 + .deom-box {
  86 + width: 100%;
  87 + display: flex !important;
  88 + margin: 0 -20rpx;
  89 + background-color: #FFFFFF;
  90 + border-radius: 9px;
  91 + // margin-top: 9px;
  92 + width: 100%;
  93 + // .u-upload {
  94 + // .u-add-wrap {
  95 + // width: 304rpx !important;
  96 + // height: 182rpx !important;
  97 + // }
  98 + // }
  99 + // .u-upload {
  100 + // height: 88px;
  101 + // width: 155px;
  102 + // background: url(/static/images/uploadID1.png);
  103 + // background-size:134rpx 188rpx;
  104 + // background-repeat:no-repeat;
  105 + // }
  106 + .img-deom {
  107 + flex: 1;
  108 + display: flex;
  109 + flex-direction: column;
  110 + align-items: center;
  111 + padding: 20rpx;
  112 + text {
  113 + margin-top: 18rpx;
  114 + }
  115 + }
  116 + }
97 } 117 }
98 - .green{  
99 - color:#219129; 118 + :last-child {
  119 + border-bottom: unset;
100 } 120 }
101 } 121 }
102 .footbtn{ 122 .footbtn{
103 - position: absolute; 123 + position: fixed;
104 bottom: 0; 124 bottom: 0;
105 left: 0; 125 left: 0;
106 z-index: 10; 126 z-index: 10;
  127 + height:180rpx;
107 width: 100%; 128 width: 100%;
108 - .zhifu{ 129 + border-radius: 26rpx 26rpx 0 0;
  130 + background-color: #fff;
  131 + .info-total {
109 display: flex; 132 display: flex;
  133 + flex-direction: row;
  134 + align-items: center;
110 justify-content: space-between; 135 justify-content: space-between;
111 - padding: 40rpx;  
112 - background-color: #fff; 136 + margin: 24rpx 50rpx;
  137 + font-weight: 700;
  138 + font-size: 24rpx;
  139 + span {
  140 + color: #0FBB59;
  141 + font-size: 32rpx
  142 + }
113 } 143 }
114 - .zhifuBtn{  
115 - padding: 20rpx 0;  
116 - background-color:#3F9B6A;  
117 - color: #fff;  
118 - text-align: center; 144 + .footer-btn {
  145 + display: flex;
  146 + .u-btn {
  147 + width: 40%;
  148 + }
119 } 149 }
120 } 150 }
121 \ No newline at end of file 151 \ No newline at end of file
pages/accepting/accepting.vue
  View file @abd1160
1 <template> 1 <template>
2 <view class="page"> 2 <view class="page">
3 -  
4 <!-- 记录列表 --> 3 <!-- 记录列表 -->
5 <view class="record-list"> 4 <view class="record-list">
6 - <view class="record-list-box" >  
7 - <view class="list">  
8 - <view class="thumb">  
9 - <image :src="$imgUrl('/img/2.jpg')" mode=""></image> 5 + <view class="good-item">
  6 + <view class="img">
  7 + <u-image width="100%" height="100%" :src="$imgUrl('/img/2.jpg')"></u-image>
  8 + </view>
  9 + <view class="info">
  10 + <view class="title">这里有标题这里有标题这里有...</view>
  11 + <view class="info-item" style="margin-bottom: 30rpx;">
  12 + <u-tag text="标签标签" type="success" size="mini"/>
  13 + <u-tag text="标签标签" type="success" size="mini"/>
10 </view> 14 </view>
11 - <view class="title-date">  
12 - <view class="date">  
13 - <text>资源名称：{{record.recordName}}</text> 15 + <view class="info-item" style="margin-bottom: 24rpx;">
  16 + <u-image :showLoading="true" src="/static/images/location-icon.png" width="20rpx" height="20rpx"></u-image>
  17 + <text>这里有地址这里有地址这里...</text>
14 </view> 18 </view>
15 - <view class="date">  
16 - <text>地址：这里有地址</text> 19 + <view class="info-item">
  20 + <text style="padding-right: 20rpx;">租金：<span>￥1067/月</span></text>
  21 + <text>面积：<span>81/m²</span></text>
17 </view> 22 </view>
18 - <view class="date">  
19 - <text>面积：52</text>  
20 - </view>  
21 - <view class="date">  
22 - 100元/月  
23 - </view>  
24 - </view>  
25 - <view class="integral">  
26 - <image :src="$imgUrl('/img/right2.png')"></image>  
27 - </view>  
28 </view> 23 </view>
29 -  
30 </view> 24 </view>
31 </view> 25 </view>
32 <view class="msglist"> 26 <view class="msglist">
33 - <view class="msg_title">  
34 - <view class="">  
35 - 租赁人姓名  
36 - </view>  
37 - <view class="msg_body">  
38 - 张三  
39 - </view> 27 + <!-- 租赁详情 -->
  28 + <view class="form-item">
  29 + <view class="label">申请时间</view>
  30 + <text>2022-02-22 14:00</text>
40 </view> 31 </view>
41 - <view class="msg_title">  
42 - <view class="">  
43 - 身份证号  
44 - </view>  
45 - <view class="msg_body">  
46 - 1111111111111111111111111  
47 - </view> 32 + <view class="form-item">
  33 + <view class="label">申请状态</view>
  34 + <text>申请中</text>
48 </view> 35 </view>
49 - <view class="msg_title">  
50 - <view class="">  
51 - 联系方式  
52 - </view>  
53 - <view class="msg_body">  
54 - 22222222222222  
55 - </view> 36 + <view class="form-item">
  37 + <view class="label">经营用途</view>
  38 + <text>火锅店</text>
56 </view> 39 </view>
57 - <view class="msg_title">  
58 - <view class="">  
59 - 意向租期  
60 - </view>  
61 - <view class="msg_body">  
62 - 2022-02-22至2023-02-26  
63 - </view> 40 + <view class="form-item">
  41 + <view class="label">意向租期</view>
  42 + <text>2022-03-22 至 2024-02-22</text>
64 </view> 43 </view>
65 - <view class="msg_title">  
66 - <view class="">  
67 - 经验用途  
68 - </view>  
69 - <view class="msg_body">  
70 - 零售百货店  
71 - </view> 44 + <view class="form-item">
  45 + <view class="label">经营主体</view>
  46 + <text>企业</text>
72 </view> 47 </view>
73 - <view class="msg_title">  
74 - <view class="">  
75 - 经营类型  
76 - </view>  
77 - <view class="msg_body">  
78 - 个人 48 + <!-- 广告显示 -->
  49 + <view class="form-item" label-top>
  50 + <view class="label">广告图片</view>
  51 + <view class="img">
  52 + <u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
79 </view> 53 </view>
80 </view> 54 </view>
81 - <view class="msg_title">  
82 - <view class="">  
83 - 身份证正反面  
84 - </view>  
85 - <view class="msg_body imgGroup">  
86 - <image :src="$imgUrl('/组 18072.png')" mode=""></image>  
87 - <image :src="$imgUrl('/组 18072.png')" mode=""></image>  
88 - </view> 55 + </view>
  56 + <view class="msglist">
  57 + <view class="form-item">
  58 + <view class="label">经营者姓名</view>
  59 + <text>张三</text>
89 </view> 60 </view>
90 - <view class="state">  
91 - <text :class="record.state == '受理中'?'org':'green'">{{record.state}}</text> 61 + <view class="form-item">
  62 + <view class="label">证件类型</view>
  63 + <text>身份证</text>
92 </view> 64 </view>
93 - </view>  
94 - <view class="" style="padding: 0 40rpx;" v-if="record.state == '已通过'">  
95 - <view class="" style="background-color: #3F699A;color: #fff;padding: 14rpx 0;text-align: center;font-size: 28rpx;">  
96 - <text>点击查看签约合约</text> 65 + <view class="form-item">
  66 + <view class="label">身份证号码</view>
  67 + <text>1646448898498</text>
97 </view> 68 </view>
98 - </view>  
99 - <view class="footbtn" v-if="record.state == '已通过'">  
100 - <view class="zhifu">  
101 - <view class="" style="color: #909090;">  
102 - 合计 69 + <view class="form-item">
  70 + <view class="label">身份证有效期</view>
  71 + <text>2022-03-22 至 2024-02-22</text>
  72 + </view>
  73 + <view class="form-item" label-top>
  74 + <view class="label">身份证照片</view>
  75 + <view class="deom-box">
  76 + <view class="img-deom">
  77 + <u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
  78 + </view>
  79 + <view class="img-deom">
  80 + <u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image>
  81 + </view>
103 </view> 82 </view>
104 - <view class="" style="font-weight: 600;">  
105 - 1896.00元/4天 83 + </view>
  84 + <view class="form-item" label-top>
  85 + <view class="label">企业授权书</view>
  86 + <view class="img">
  87 + <u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
106 </view> 88 </view>
107 </view> 89 </view>
108 - <view class="zhifuBtn">  
109 - 立即支付 90 + </view>
  91 + <view style="height: 180rpx;" v-if="record.state == '已通过'"></view>
  92 + <view class="footbtn" v-if="record.state == '已通过'">
  93 + <view class="info-total">
  94 + <view>租期：<span>2年</span></view>
  95 + <view>租金：<span>1067/月</span></view>
  96 + <view>合计：<span>10,646.00元</span></view>
  97 + </view>
  98 + <view class="footer-btn">
  99 + <u-button type="primary" shape="circle">查看合同</u-button>
  100 + <u-button type="success" shape="circle">立即支付</u-button>
110 </view> 101 </view>
111 </view> 102 </view>
112 </view> 103 </view>
pages/advertisementApply/advertisementApply.scss 0 → 100644
  View file @abd1160
  1 +.page{
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
  6 + overflow-y: scroll;
  7 + height: calc(100% - 120rpx);
  8 + background-color: #f6f6f6;
  9 +}
  10 +.steps-box {
  11 + padding-top: 40rpx;
  12 +}
  13 +
  14 +.add-list{
  15 + padding: 0 4%;
  16 + background-color: #FFFFFF;
  17 + border-radius: 20rpx;
  18 + margin-top: 20rpx;
  19 + width: 100%;
  20 + .list{
  21 + display: flex;
  22 + justify-content: space-between;
  23 + align-items: center;
  24 + width: 100%;
  25 + height: 100rpx;
  26 + border-bottom: 2rpx solid #f6f6f6;
  27 + .title{
  28 + display: flex;
  29 + align-items: center;
  30 + height: 100%;
  31 + text{
  32 + font-size: 26rpx;
  33 + color: #222222;
  34 + }
  35 + .star{
  36 + color: red;
  37 + }
  38 + }
  39 + .content{
  40 + display: flex;
  41 + align-items: center;
  42 + text-align: right;
  43 + input{
  44 + width: 100%;
  45 + color: #222222;
  46 + font-size: 26rpx;
  47 + padding-top: 6rpx;
  48 + /* #ifdef MP */
  49 + padding-top: 5rpx;
  50 + /* #endif */
  51 + }
  52 + image {
  53 + width: 20rpx;
  54 + height: 20rpx;
  55 + margin-left: 10rpx;
  56 + /* #ifdef MP */
  57 + margin-top: 5rpx;
  58 + /* #endif */
  59 + }
  60 + }
  61 + }
  62 + .deom-box {
  63 + width: 100vw;
  64 + display: flex !important;
  65 + padding: 14rpx 0;
  66 + background-color: #FFFFFF;
  67 + border-radius: 9px;
  68 + // margin-top: 9px;
  69 + width: 100%;
  70 + // .u-upload {
  71 + // .u-add-wrap {
  72 + // width: 304rpx !important;
  73 + // height: 182rpx !important;
  74 + // }
  75 + // }
  76 + // .u-upload {
  77 + // height: 88px;
  78 + // width: 155px;
  79 + // background: url(/static/images/uploadID1.png);
  80 + // background-size:134rpx 188rpx;
  81 + // background-repeat:no-repeat;
  82 + // }
  83 + .img-deom {
  84 + flex: 1;
  85 + display: flex;
  86 + flex-direction: column;
  87 + align-items: center;
  88 + padding: 20rpx;
  89 + text {
  90 + margin-top: 18rpx;
  91 + }
  92 + }
  93 + }
  94 +}
  95 +
  96 +/* 保存按钮 */
  97 +.page-footer{
  98 + position: fixed;
  99 + left: 0;
  100 + bottom: 0;
  101 + display: flex;
  102 + align-items: center;
  103 + width: 100%;
  104 + height: 125rpx;
  105 + background-color: #FFFFFF;
  106 + padding-bottom: constant(safe-area-inset-bottom);
  107 + padding-bottom: env(safe-area-inset-bottom);
  108 + .footer-buy{
  109 + display: flex;
  110 + align-items: center;
  111 + justify-content: space-between;
  112 + width: 100%;
  113 + height: 100%;
  114 + .cart-add{
  115 + display: flex;
  116 + align-items: center;
  117 + justify-content: center;
  118 + width: 100%;
  119 + height: 100rpx;
  120 + background-color: #3f9b6a;
  121 + text{
  122 + font-size: 28rpx;
  123 + color: #FFFFFF;
  124 + }
  125 + }
  126 + }
  127 +}
  128 +
  129 +.feedback-data{
  130 + width: 100%;
  131 + padding-bottom: 20rpx;
  132 + border-bottom: 2rpx solid #f6f6f6;
  133 + .title{
  134 + display: flex;
  135 + align-items: center;
  136 + height: 100rpx;
  137 + text{
  138 + font-size: 26rpx;
  139 + color: #222222;
  140 + }
  141 + .star{
  142 + color: red;
  143 + }
  144 + }
  145 + .voucher-img{
  146 + display: flex;
  147 + align-items: center;
  148 + .voucher-list {
  149 + width: 33%;
  150 + height: 100%;
  151 + image{
  152 + width: 160rpx;
  153 + height: 160rpx;
  154 + border-radius: 10rpx;
  155 + }
  156 + }
  157 + }
  158 +}
0 \ No newline at end of file 159 \ No newline at end of file
pages/advertisementApply/advertisementApply.vue 0 → 100644
  View file @abd1160
  1 +<template>
  2 + <view class="page">
  3 + <view class="steps-box">
  4 + <u-steps :list="numList" :current="active"></u-steps>
  5 + </view>
  6 + <view>
  7 + <view class="add-list" v-if="active == 0">
  8 + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  9 + <u-form-item label="经营用途" prop="name" borderBottom>
  10 + <u-input v-model="model1.name" ></u-input>
  11 + </u-form-item>
  12 + <u-form-item label="意向租期" prop="name" borderBottom>
  13 + <u-input v-model="model1.name" ></u-input>
  14 + </u-form-item>
  15 + <u-form-item label="经营主体" prop="name" borderBottom>
  16 + <u-input v-model="model1.name" ></u-input>
  17 + </u-form-item>
  18 + </u-form>
  19 + </view>
  20 + <view class="add-list" v-else-if='active == 1'>
  21 + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  22 + <u-form-item label="主体名称" prop="name" borderBottom>
  23 + <u-input v-model="model1.name" ></u-input>
  24 + </u-form-item>
  25 + <u-form-item label="统一社会信用代码" prop="name" borderBottom>
  26 + <u-input v-model="model1.name" ></u-input>
  27 + </u-form-item>
  28 + <u-form-item label="类型" prop="type" borderBottom>
  29 + <u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/>
  30 + <u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select>
  31 + </u-form-item>
  32 + <u-form-item label="法定代表人" prop="name" borderBottom>
  33 + <u-input v-model="model1.name" ></u-input>
  34 + </u-form-item>
  35 + <u-form-item label="经营范围" prop="name" borderBottom>
  36 + <u-input v-model="model1.name" ></u-input>
  37 + </u-form-item>
  38 + <u-form-item label="注册资本" prop="name" borderBottom>
  39 + <u-input v-model="model1.name" ></u-input>
  40 + </u-form-item>
  41 + <u-form-item label="成立日期" prop="name" borderBottom>
  42 + <u-input v-model="model1.name" ></u-input>
  43 + </u-form-item>
  44 + <u-form-item label="住所" prop="name" borderBottom>
  45 + <u-input v-model="model1.name" ></u-input>
  46 + </u-form-item>
  47 + <u-form-item label="邮箱地址" prop="name" borderBottom>
  48 + <u-input v-model="model1.name" ></u-input>
  49 + </u-form-item>
  50 + <u-form-item label="经营期限" prop="name" borderBottom>
  51 + <u-input v-model="model1.name" ></u-input>
  52 + </u-form-item>
  53 + <u-form-item label="营业执照" prop="name" borderBottom labelPosition="top">
  54 + <u-upload :active="active" :file-list="model1.fileList" ></u-upload>
  55 + </u-form-item>
  56 + </u-form>
  57 + </view>
  58 + <view v-else>
  59 + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  60 + <view class="add-list">
  61 + <u-form-item label="经营者姓名" prop="name" borderBottom>
  62 + <u-input v-model="model1.name" ></u-input>
  63 + </u-form-item>
  64 + <u-form-item label="证件类型" prop="type" borderBottom>
  65 + <u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/>
  66 + <u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select>
  67 + </u-form-item>
  68 + <u-form-item label="身份证号码" prop="name" borderBottom>
  69 + <u-input v-model="model1.name" ></u-input>
  70 + </u-form-item>
  71 + <u-form-item label="身份证有效期" prop="name" borderBottom>
  72 + <u-input v-model="model1.name" ></u-input>
  73 + </u-form-item>
  74 + </view>
  75 + <view class="add-list">
  76 + <view class="deom-box">
  77 + <view class="img-deom">
  78 + <u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1">
  79 + <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
  80 + <u-image width="304rpx" height="182rpx" src="/static/images/uploadID1.png"></u-image>
  81 + </view>
  82 + </u-upload>
  83 + <text>点击上传证件人像面</text>
  84 + </view>
  85 + <view class="img-deom">
  86 + <u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1">
  87 + <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
  88 + <u-image width="304rpx" height="182rpx" src="/static/images/uploadID2.png"></u-image>
  89 + </view>
  90 + </u-upload>
  91 + <text>点击上传证件国徽面</text>
  92 + </view>
  93 + </view>
  94 + </view>
  95 + <view class="add-list">
  96 + <view style="line-height: 60rpx;">上传示例</view>
  97 + <view class="deom-box">
  98 + <view class="img-deom">
  99 + <u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
  100 + <text>人脸示例图</text>
  101 + </view>
  102 + <view class="img-deom">
  103 + <u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image>
  104 + <text>国徽面示例图</text>
  105 + </view>
  106 + </view>
  107 + </view>
  108 + <text style="display: inline-block; font-size: 24rpx; line-height: 30px; margin: 24rpx 30rpx 0;">请拍摄证件原件，保证照片拍摄清晰，取图完整，不反光。</text>
  109 + <view class="add-list" labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  110 + <u-form-item label="是否为法人" prop="name" borderBottom>
  111 + <u-radio-group v-model="model1.name">
  112 + <u-radio :name="1">是</u-radio>
  113 + <u-radio :name="2">否</u-radio>
  114 + </u-radio-group>
  115 + </u-form-item>
  116 + <u-form-item label="企业授权书" prop="name" borderBottom labelPosition="top">
  117 + <u-upload :active="active" :file-list="model1.fileList" ></u-upload>
  118 + </u-form-item>
  119 + </view>
  120 + </u-form>
  121 + </view>
  122 + </view>
  123 + <!-- 保存按钮 -->
  124 + <view class="page-footer">
  125 + <u-button style="background-color: #DFE0E4; flex: 1; margin: 0 10px;" @click="toBefor" v-if="active != 0">上一步</u-button>
  126 + <u-button type="success" style="flex: 1; margin: 0 10px;" @click="toNext" v-if="active != 2">下一步</u-button>
  127 + <u-button type="success" style="flex: 1; margin: 0 10px;" @click="go" v-if="active == 2">提交申请</u-button>
  128 + </view>
  129 + </view>
  130 +</template>
  131 +
  132 +<script>
  133 + export default {
  134 + data() {
  135 + return {
  136 + active: 2,
  137 + numList: [{name: '租赁信息'}, {name: '主体信息'}, {name: '经营者信息'}],
  138 + model1: {
  139 + name: '',
  140 + type: '',
  141 + typeShow: false,
  142 + fileList: [], // 文件列表
  143 + },
  144 + rules: {},
  145 + // 类型
  146 + showType: false,
  147 + activesType: [
  148 + {value: 1, label: '类型1'},
  149 + {value: 2, label: '类型2'},
  150 + ],
  151 + // 上传文件
  152 + active: '', // 地址
  153 +
  154 + };
  155 + },
  156 + onLoad() {
  157 + // 检查用户是否登录
  158 + const isLogin = uni.getStorageSync('token') || false;
  159 + if (!isLogin) {
  160 + // 如果未登录，跳转到登录页面
  161 + uni.redirectTo({
  162 + url: '/pages/login/login'
  163 + });
  164 + }
  165 + },
  166 + methods:{
  167 + typeChange(e) {
  168 + this.model1.type = e[0].label;
  169 + },
  170 + go(){
  171 + uni.navigateTo({
  172 + url: '/pages/record/record'
  173 + })
  174 + },
  175 + // 上一步
  176 + toBefor() {
  177 + this.active = +this.active - 1;
  178 + },
  179 + // 下一步
  180 + toNext() {
  181 + this.active = +this.active + 1;
  182 + }
  183 + }
  184 + }
  185 +</script>
  186 +
  187 +<style scoped lang="scss">
  188 + @import 'advertisementApply.scss';
  189 +</style>
pages/business/businessList/businessList.scss
  View file @abd1160
@@ -51,7 +51,7 @@ @@ -51,7 +51,7 @@
51 border-radius: 8rpx; 51 border-radius: 8rpx;
52 } 52 }
53 .info { 53 .info {
54 - flex: 1; 54 + // flex: 1;
55 width: calc(100% - 236rpx); 55 width: calc(100% - 236rpx);
56 .title { 56 .title {
57 width: 100%; 57 width: 100%;
pages/details/details.vue
  View file @abd1160
@@ -93,8 +93,8 @@ @@ -93,8 +93,8 @@
93 <text>客服</text> 93 <text>客服</text>
94 </view> 94 </view>
95 <view class="footer-btn"> 95 <view class="footer-btn">
96 - <u-button type="primary">意向申请</u-button>  
97 - <u-button type="success" style="margin-left: unset;" @click="leaseAdd">租赁申请</u-button> 96 + <u-button type="primary" @click="leaseAdd('/pages/intentionApply/intentionApply')">意向申请</u-button>
  97 + <u-button type="success" style="margin-left: unset;" @click="leaseAdd('/pages/leaseAdd/leaseAdd')">租赁申请</u-button>
98 <!-- <u-button type="success" style="margin-left: unset;" @click="leaseAdd">广告申请</u-button> --> 98 <!-- <u-button type="success" style="margin-left: unset;" @click="leaseAdd">广告申请</u-button> -->
99 </view> 99 </view>
100 <view class="footer-service"> 100 <view class="footer-service">
@@ -132,9 +132,9 @@ export default { @@ -132,9 +132,9 @@ export default {
132 console.log(this.swiperList, this.tableData); 132 console.log(this.swiperList, this.tableData);
133 }, 133 },
134 methods: { 134 methods: {
135 - leaseAdd(){ 135 + leaseAdd(url){
136 uni.navigateTo({ 136 uni.navigateTo({
137 - url: '/pages/leaseAdd/leaseAdd' 137 + url
138 }) 138 })
139 } 139 }
140 } 140 }
pages/intentionApply/intentionApply.scss 0 → 100644
  View file @abd1160
  1 +.page{
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
  6 + overflow-y: scroll;
  7 + height: calc(100% - 120rpx);
  8 + background-color: #f6f6f6;
  9 +}
  10 +.steps-box {
  11 + padding-top: 40rpx;
  12 +}
  13 +
  14 +.add-list{
  15 + padding: 0 4%;
  16 + background-color: #FFFFFF;
  17 + border-radius: 20rpx;
  18 + margin-top: 20rpx;
  19 + width: 100%;
  20 + .list{
  21 + display: flex;
  22 + justify-content: space-between;
  23 + align-items: center;
  24 + width: 100%;
  25 + height: 100rpx;
  26 + border-bottom: 2rpx solid #f6f6f6;
  27 + .title{
  28 + display: flex;
  29 + align-items: center;
  30 + height: 100%;
  31 + text{
  32 + font-size: 26rpx;
  33 + color: #222222;
  34 + }
  35 + .star{
  36 + color: red;
  37 + }
  38 + }
  39 + .content{
  40 + display: flex;
  41 + align-items: center;
  42 + text-align: right;
  43 + input{
  44 + width: 100%;
  45 + color: #222222;
  46 + font-size: 26rpx;
  47 + padding-top: 6rpx;
  48 + /* #ifdef MP */
  49 + padding-top: 5rpx;
  50 + /* #endif */
  51 + }
  52 + image {
  53 + width: 20rpx;
  54 + height: 20rpx;
  55 + margin-left: 10rpx;
  56 + /* #ifdef MP */
  57 + margin-top: 5rpx;
  58 + /* #endif */
  59 + }
  60 + }
  61 + }
  62 + .deom-box {
  63 + width: 100vw;
  64 + display: flex !important;
  65 + padding: 14rpx 0;
  66 + background-color: #FFFFFF;
  67 + border-radius: 9px;
  68 + // margin-top: 9px;
  69 + width: 100%;
  70 + // .u-upload {
  71 + // .u-add-wrap {
  72 + // width: 304rpx !important;
  73 + // height: 182rpx !important;
  74 + // }
  75 + // }
  76 + // .u-upload {
  77 + // height: 88px;
  78 + // width: 155px;
  79 + // background: url(/static/images/uploadID1.png);
  80 + // background-size:134rpx 188rpx;
  81 + // background-repeat:no-repeat;
  82 + // }
  83 + .img-deom {
  84 + flex: 1;
  85 + display: flex;
  86 + flex-direction: column;
  87 + align-items: center;
  88 + padding: 20rpx;
  89 + text {
  90 + margin-top: 18rpx;
  91 + }
  92 + }
  93 + }
  94 +}
  95 +
  96 +/* 保存按钮 */
  97 +.page-footer{
  98 + position: fixed;
  99 + left: 0;
  100 + bottom: 0;
  101 + display: flex;
  102 + align-items: center;
  103 + width: 100%;
  104 + height: 125rpx;
  105 + background-color: #FFFFFF;
  106 + padding-bottom: constant(safe-area-inset-bottom);
  107 + padding-bottom: env(safe-area-inset-bottom);
  108 + .footer-buy{
  109 + display: flex;
  110 + align-items: center;
  111 + justify-content: space-between;
  112 + width: 100%;
  113 + height: 100%;
  114 + .cart-add{
  115 + display: flex;
  116 + align-items: center;
  117 + justify-content: center;
  118 + width: 100%;
  119 + height: 100rpx;
  120 + background-color: #3f9b6a;
  121 + text{
  122 + font-size: 28rpx;
  123 + color: #FFFFFF;
  124 + }
  125 + }
  126 + }
  127 +}
  128 +
  129 +.feedback-data{
  130 + width: 100%;
  131 + padding-bottom: 20rpx;
  132 + border-bottom: 2rpx solid #f6f6f6;
  133 + .title{
  134 + display: flex;
  135 + align-items: center;
  136 + height: 100rpx;
  137 + text{
  138 + font-size: 26rpx;
  139 + color: #222222;
  140 + }
  141 + .star{
  142 + color: red;
  143 + }
  144 + }
  145 + .voucher-img{
  146 + display: flex;
  147 + align-items: center;
  148 + .voucher-list {
  149 + width: 33%;
  150 + height: 100%;
  151 + image{
  152 + width: 160rpx;
  153 + height: 160rpx;
  154 + border-radius: 10rpx;
  155 + }
  156 + }
  157 + }
  158 +}
0 \ No newline at end of file 159 \ No newline at end of file
pages/intentionApply/intentionApply.vue 0 → 100644
  View file @abd1160
  1 +<template>
  2 +</template>
  3 +
  4 +<script>
  5 +</script>
  6 +
  7 +<style>
  8 +</style><template>
  9 + <view class="page">
  10 + <view class="steps-box">
  11 + <u-steps :list="numList" :current="active"></u-steps>
  12 + </view>
  13 + <view>
  14 + <view class="add-list" v-if="active == 0">
  15 + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  16 + <u-form-item label="租用时段" prop="name" borderBottom>
  17 + <u-input v-model="model1.name" ></u-input>
  18 + </u-form-item>
  19 + <u-form-item label="租期" prop="name" borderBottom>
  20 + <u-input v-model="model1.name" ></u-input>
  21 + </u-form-item>
  22 + <u-form-item label="意向经营类型" prop="name" borderBottom>
  23 + <u-input v-model="model1.name" ></u-input>
  24 + </u-form-item>
  25 + <u-form-item label="意向区域（如有）" prop="name" borderBottom>
  26 + <u-input v-model="model1.name" ></u-input>
  27 + </u-form-item>
  28 + <u-form-item label="意向商铺位置（如有）" prop="name" borderBottom>
  29 + <u-input v-model="model1.name" ></u-input>
  30 + </u-form-item>
  31 + <u-form-item label="意向商铺名称（如有）" prop="name" borderBottom>
  32 + <u-input v-model="model1.name" ></u-input>
  33 + </u-form-item>
  34 + </u-form>
  35 + </view>
  36 + <view class="add-list" v-else-if='active == 1'>
  37 + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  38 + <u-form-item label="主体名称" prop="name" borderBottom>
  39 + <u-input v-model="model1.name" ></u-input>
  40 + </u-form-item>
  41 + <u-form-item label="统一社会信用代码" prop="name" borderBottom>
  42 + <u-input v-model="model1.name" ></u-input>
  43 + </u-form-item>
  44 + <u-form-item label="类型" prop="type" borderBottom>
  45 + <u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/>
  46 + <u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select>
  47 + </u-form-item>
  48 + <u-form-item label="法定代表人" prop="name" borderBottom>
  49 + <u-input v-model="model1.name" ></u-input>
  50 + </u-form-item>
  51 + <u-form-item label="经营范围" prop="name" borderBottom>
  52 + <u-input v-model="model1.name" ></u-input>
  53 + </u-form-item>
  54 + <u-form-item label="注册资本" prop="name" borderBottom>
  55 + <u-input v-model="model1.name" ></u-input>
  56 + </u-form-item>
  57 + <u-form-item label="成立日期" prop="name" borderBottom>
  58 + <u-input v-model="model1.name" ></u-input>
  59 + </u-form-item>
  60 + <u-form-item label="住所" prop="name" borderBottom>
  61 + <u-input v-model="model1.name" ></u-input>
  62 + </u-form-item>
  63 + <u-form-item label="邮箱地址" prop="name" borderBottom>
  64 + <u-input v-model="model1.name" ></u-input>
  65 + </u-form-item>
  66 + <u-form-item label="经营期限" prop="name" borderBottom>
  67 + <u-input v-model="model1.name" ></u-input>
  68 + </u-form-item>
  69 + <u-form-item label="营业执照" prop="name" borderBottom labelPosition="top">
  70 + <u-upload :active="active" :file-list="model1.fileList" ></u-upload>
  71 + </u-form-item>
  72 + </u-form>
  73 + </view>
  74 + <view v-else>
  75 + <u-form labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  76 + <view class="add-list">
  77 + <u-form-item label="经营者姓名" prop="name" borderBottom>
  78 + <u-input v-model="model1.name" ></u-input>
  79 + </u-form-item>
  80 + <u-form-item label="证件类型" prop="type" borderBottom>
  81 + <u-input v-model="model1.type" type="select" @click="model1.typeShow = true" placeholder='请选择类型'/>
  82 + <u-select v-model="model1.typeShow" :list="activesType" @confirm="typeChange"></u-select>
  83 + </u-form-item>
  84 + <u-form-item label="身份证号码" prop="name" borderBottom>
  85 + <u-input v-model="model1.name" ></u-input>
  86 + </u-form-item>
  87 + <u-form-item label="身份证有效期" prop="name" borderBottom>
  88 + <u-input v-model="model1.name" ></u-input>
  89 + </u-form-item>
  90 + </view>
  91 + <view class="add-list">
  92 + <view class="deom-box">
  93 + <view class="img-deom">
  94 + <u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1">
  95 + <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
  96 + <u-image width="304rpx" height="182rpx" src="/static/images/uploadID1.png"></u-image>
  97 + </view>
  98 + </u-upload>
  99 + <text>点击上传证件人像面</text>
  100 + </view>
  101 + <view class="img-deom">
  102 + <u-upload :active="active" :file-list="model1.fileList" :custom-btn="true" :max-count="1">
  103 + <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
  104 + <u-image width="304rpx" height="182rpx" src="/static/images/uploadID2.png"></u-image>
  105 + </view>
  106 + </u-upload>
  107 + <text>点击上传证件国徽面</text>
  108 + </view>
  109 + </view>
  110 + </view>
  111 + <view class="add-list">
  112 + <view style="line-height: 60rpx;">上传示例</view>
  113 + <view class="deom-box">
  114 + <view class="img-deom">
  115 + <u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
  116 + <text>人脸示例图</text>
  117 + </view>
  118 + <view class="img-deom">
  119 + <u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image>
  120 + <text>国徽面示例图</text>
  121 + </view>
  122 + </view>
  123 + </view>
  124 + <text style="display: inline-block; font-size: 24rpx; line-height: 30px; margin: 24rpx 30rpx 0;">请拍摄证件原件，保证照片拍摄清晰，取图完整，不反光。</text>
  125 + <view class="add-list" labelPosition="left" :model="model1" :rules="rules" ref="uForm" :labelWidth="250">
  126 + <u-form-item label="是否为法人" prop="name" borderBottom>
  127 + <u-radio-group v-model="model1.name">
  128 + <u-radio :name="1">是</u-radio>
  129 + <u-radio :name="2">否</u-radio>
  130 + </u-radio-group>
  131 + </u-form-item>
  132 + <u-form-item label="企业授权书" prop="name" borderBottom labelPosition="top">
  133 + <u-upload :active="active" :file-list="model1.fileList" ></u-upload>
  134 + </u-form-item>
  135 + </view>
  136 + </u-form>
  137 + </view>
  138 + </view>
  139 + <!-- 保存按钮 -->
  140 + <view class="page-footer">
  141 + <u-button style="background-color: #DFE0E4; flex: 1; margin: 0 10px;" @click="toBefor" v-if="active != 0">上一步</u-button>
  142 + <u-button type="success" style="flex: 1; margin: 0 10px;" @click="toNext" v-if="active != 2">下一步</u-button>
  143 + <u-button type="success" style="flex: 1; margin: 0 10px;" @click="go" v-if="active == 2">提交申请</u-button>
  144 + </view>
  145 + </view>
  146 +</template>
  147 +
  148 +<script>
  149 + export default {
  150 + data() {
  151 + return {
  152 + active: 2,
  153 + numList: [{name: '意向申请'}, {name: '主体信息'}, {name: '经营者信息'}],
  154 + model1: {
  155 + name: '',
  156 + type: '',
  157 + typeShow: false,
  158 + fileList: [], // 文件列表
  159 + },
  160 + rules: {},
  161 + // 类型
  162 + showType: false,
  163 + activesType: [
  164 + {value: 1, label: '类型1'},
  165 + {value: 2, label: '类型2'},
  166 + ],
  167 + // 上传文件
  168 + active: '', // 地址
  169 +
  170 + };
  171 + },
  172 + onLoad(option) {
  173 + // 检查用户是否登录
  174 + const isLogin = uni.getStorageSync('token') || false;
  175 + if (!isLogin) {
  176 + // 如果未登录，跳转到登录页面
  177 + uni.redirectTo({
  178 + url: '/pages/login/login'
  179 + });
  180 + }
  181 + },
  182 + methods:{
  183 + typeChange(e) {
  184 + this.model1.type = e[0].label;
  185 + },
  186 + go(){
  187 + uni.navigateTo({
  188 + url: '/pages/record/record'
  189 + })
  190 + },
  191 + // 上一步
  192 + toBefor() {
  193 + this.active = +this.active - 1;
  194 + },
  195 + // 下一步
  196 + toNext() {
  197 + this.active = +this.active + 1;
  198 + }
  199 + }
  200 + }
  201 +</script>
  202 +
  203 +<style scoped lang="scss">
  204 + @import 'intentionApply.scss';
  205 +</style>
pages/leaseAdd/leaseAdd.vue
  View file @abd1160
@@ -153,16 +153,16 @@ @@ -153,16 +153,16 @@
153 153
154 }; 154 };
155 }, 155 },
156 - onLoad() { 156 + onLoad(option) {
157 // 检查用户是否登录 157 // 检查用户是否登录
158 - const isLogin = uni.getStorageSync('token') || false; 158 + const isLogin = uni.getStorageSync('token') || false;
159 if (!isLogin) { 159 if (!isLogin) {
160 // 如果未登录，跳转到登录页面 160 // 如果未登录，跳转到登录页面
161 - uni.redirectTo({  
162 - url: '/pages/login/login'  
163 - }); 161 + uni.redirectTo({
  162 + url: '/pages/login/login'
  163 + });
164 } 164 }
165 - }, 165 + },
166 methods:{ 166 methods:{
167 typeChange(e) { 167 typeChange(e) {
168 this.model1.type = e[0].label; 168 this.model1.type = e[0].label;
pages/propertyPay/payDetail/payDetail.scss 0 → 100644
  View file @abd1160
  1 +.page{
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
  6 + height: 100%;
  7 + padding: 24rpx 24rpx 0;
  8 +}
  9 +.content {
  10 + width: 100%;
  11 + background-color: #fff;
  12 + padding: 0 34rpx;
  13 + border-radius: 16rpx;
  14 + margin-bottom: 20rpx;
  15 + .form-item {
  16 + display: flex;
  17 + align-items: center;
  18 + justify-content: space-between;
  19 + line-height: 50rpx;
  20 + padding: 6rpx 0;
  21 + .left {
  22 + color: #808080;
  23 + }
  24 + }
  25 + :last-child {
  26 + border-bottom: unset;
  27 + }
  28 + .list-info {
  29 + width: 100%;
  30 + display: flex;
  31 + align-items: center;
  32 + padding: 26rpx 0;
  33 + border-bottom: #f6f6f6 solid 1rpx;
  34 + .img {
  35 + width: 80rpx;
  36 + height: 80rpx;
  37 + border-radius: 50%;
  38 + overflow: hidden;
  39 + image {
  40 + width: 100%;
  41 + height: 100%;
  42 + }
  43 + }
  44 + .info-items {
  45 + width: calc(100% - 100rpx);
  46 + margin-left: 20rpx;
  47 + font-size: 24rpx;
  48 + .info-item {
  49 + width: 100%;
  50 + display: flex;
  51 + flex-direction: row;
  52 + align-items: center;
  53 + justify-content: space-between;
  54 + // line-height: 50rpx;
  55 + padding: 8rpx 10rpx;
  56 + .price {
  57 + color: #0FBB59;
  58 + }
  59 + }
  60 + }
  61 + }
  62 +}
pages/propertyPay/payDetail/payDetail.vue 0 → 100644
  View file @abd1160
  1 +<template>
  2 + <view class="page">
  3 + <view class="content">
  4 + <view class="list-info" v-for="i in 5" :key="i">
  5 + <view class="img">
  6 + <image :src="$imgUrl('/img/2.jpg')"></image>
  7 + </view>
  8 + <view class="info-items">
  9 + <view class="info-item">
  10 + <view class="title">物业费</view>
  11 + <view class="right"><text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />500.00</text></view>
  12 + </view>
  13 + <view class="info-item" style="color: #808080;">
  14 + <view class="left">周期：2022.02.22 - 2022.02.22</view>
  15 + <view class="right">费率：100%</view>
  16 + </view>
  17 + </view>
  18 + </view>
  19 + </view>
  20 + <view class="content" style="padding: 8rpx 34rpx;">
  21 + <view class="form-item">
  22 + <view class="left">订单状态</view>
  23 + <view class="right">支付成功</view>
  24 + </view>
  25 + <view class="form-item">
  26 + <view class="left">实缴费用</view>
  27 + <view class="right">￥500.00</view>
  28 + </view>
  29 + <view class="form-item">
  30 + <view class="left">商户全称</view>
  31 + <view class="right">大兴鸡排</view>
  32 + </view>
  33 + <view class="form-item">
  34 + <view class="left">门店号</view>
  35 + <view class="right">A2121</view>
  36 + </view>
  37 + <view class="form-item">
  38 + <view class="left">(户主)付款人</view>
  39 + <view class="right">张三</view>
  40 + </view>
  41 + <view class="form-item">
  42 + <view class="left">支付账号</view>
  43 + <view class="right">13454546578</view>
  44 + </view>
  45 + <view class="form-item">
  46 + <view class="left">支付方式</view>
  47 + <view class="right">微信</view>
  48 + </view>
  49 +
  50 + <view class="form-item">
  51 + <view class="left">渠道</view>
  52 + <view class="right">线上</view>
  53 + </view>
  54 + <view class="form-item">
  55 + <view class="left">支付开始时间</view>
  56 + <view class="right">2022-02-22 14:00:00</view>
  57 + </view>
  58 + <view class="form-item">
  59 + <view class="left">支付完成时间</view>
  60 + <view class="right">2022-02-22 14:00:00</view>
  61 + </view>
  62 + <view class="form-item">
  63 + <view class="left">支付订单号</view>
  64 + <view class="right">jh5465465451</view>
  65 + </view>
  66 + <view class="form-item">
  67 + <view class="left">流水号</view>
  68 + <view class="right">024684651</view>
  69 + </view>
  70 + </view>
  71 + </view>
  72 +</template>
  73 +
  74 +<script>
  75 + export default {
  76 + data() {
  77 + return {
  78 + show: false,
  79 + dataList: [
  80 + {
  81 + children: [{}, {}]
  82 + },
  83 + {
  84 + children: [{}, {}]
  85 + },
  86 + ]
  87 + }
  88 + },
  89 + methods: {
  90 + toDetail() {
  91 + uni.navigateTo({
  92 + url: '/pages/propertyPay/payDetail/payDetail'
  93 + })
  94 + }
  95 + }
  96 + }
  97 +</script>
  98 +
  99 +<style scoped lang="scss">
  100 + @import 'payDetail.scss';
  101 +</style>
0 \ No newline at end of file 102 \ No newline at end of file
pages/propertyPay/payRecord/payRecord.scss 0 → 100644
  View file @abd1160
  1 +.page{
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
  6 + height: 100%;
  7 + padding: 0 24rpx;
  8 +}
  9 +.title-top {
  10 + display: flex;
  11 + align-items: center;
  12 + justify-content: space-between;
  13 + margin: 40rpx 0 16rpx;
  14 + .right {
  15 + font-size: 32rpx;
  16 + font-weight: 700;
  17 + }
  18 +}
  19 +.record-list {
  20 + width: 100%;
  21 + .record-item {
  22 + background-color: #fff;
  23 + padding: 34rpx;
  24 + border-radius: 14rpx;
  25 + margin-bottom: 20rpx;
  26 + .info-title {
  27 + display: flex;
  28 + flex-direction: row;
  29 + align-items: center;
  30 + justify-content: space-between;
  31 + padding-bottom: 20rpx;
  32 + border-bottom: #f6f6f6 solid 1rpx;
  33 + .title {
  34 + font-weight: 700;
  35 + }
  36 + .price {
  37 + font-size: 32rpx;
  38 + font-weight: 700;
  39 + color: #0FBB59;
  40 + }
  41 + }
  42 + .info-items {
  43 + border-bottom: #f6f6f6 solid 1rpx;
  44 + margin-top: 16rpx;
  45 + padding-bottom: 16rpx;
  46 + .info-item {
  47 + width: 100%;
  48 + display: flex;
  49 + flex-direction: row;
  50 + align-items: center;
  51 + justify-content: space-between;
  52 + // line-height: 50rpx;
  53 + padding: 8rpx 10rpx;
  54 + .title {
  55 + font-weight: 700;
  56 + }
  57 + .price {
  58 + font-size: 28rpx;
  59 + font-weight: 700;
  60 + color: #0FBB59;
  61 + }
  62 + }
  63 + }
  64 + :last-child {
  65 + border-bottom: unset;
  66 + }
  67 + }
  68 +}
0 \ No newline at end of file 69 \ No newline at end of file
pages/propertyPay/payRecord/payRecord.vue 0 → 100644
  View file @abd1160
  1 +<template>
  2 + <view class="page">
  3 + <view class="title-top">
  4 + <div class="left">
  5 + <text @click="show = true">2024年<u-icon name="arrow-down"></u-icon></text>
  6 + <u-picker v-model="show" mode="time" :params="{year: true}"></u-picker>
  7 + </div>
  8 + <div class="right"><text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />6451.00</text></div>
  9 + </view>
  10 + <view class="record-list">
  11 + <view class="record-item" v-for="(item, index) in dataList" :key="index" @click="toDetail">
  12 + <view class="info-title">
  13 + <view class="title">7月</view>
  14 + <view class="right"><text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />6451.00</text></view>
  15 + </view>
  16 + <view class="info-items" v-for="(v, i) in item.children" :key="i">
  17 + <view class="info-item">
  18 + <view class="left title">支付订单编号</view>
  19 + <view class="right"><text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />500.00</text></view>
  20 + </view>
  21 + <view class="info-item">
  22 + <view class="left">物业费、服务费、卫生费</view>
  23 + <view class="right" style="color: #8A8A8A;">共3项</view>
  24 + </view>
  25 + <view class="info-item">
  26 + <view class="left" style="color: #0FBB59;">支付成功</view>
  27 + <view class="right" style="color: #8A8A8A;">07.11 15:21</view>
  28 + </view>
  29 + </view>
  30 + </view>
  31 + </view>
  32 + </view>
  33 +</template>
  34 +
  35 +<script>
  36 + export default {
  37 + data() {
  38 + return {
  39 + show: false,
  40 + dataList: [
  41 + {
  42 + children: [{}, {}]
  43 + },
  44 + {
  45 + children: [{}, {}]
  46 + },
  47 + ]
  48 + }
  49 + },
  50 + methods: {
  51 + toDetail() {
  52 + uni.navigateTo({
  53 + url: '/pages/propertyPay/payDetail/payDetail'
  54 + })
  55 + }
  56 + }
  57 + }
  58 +</script>
  59 +
  60 +<style scoped lang="scss">
  61 + @import 'payRecord.scss';
  62 +</style>
0 \ No newline at end of file 63 \ No newline at end of file
pages/propertyPay/propertyPayList/propertyPayList.scss 0 → 100644
  View file @abd1160
  1 +.page{
  2 + position: absolute;
  3 + left: 0;
  4 + top: 0;
  5 + width: 100%;
  6 + height: 100%;
  7 + padding: 0 20rpx;
  8 +}
  9 +.search-box {
  10 + background-color: #FFFFFF;
  11 + border-radius: 20rpx;
  12 + padding: 20rpx;
  13 + margin-top: 26rpx;
  14 + .search-total {
  15 + display: flex;
  16 + flex-direction: row;
  17 + align-items: flex-end;
  18 + justify-content: space-between;
  19 + font-size: 24rpx;
  20 + padding: 0 10rpx;
  21 + margin-top: 20rpx;
  22 + .left {
  23 + color: #757575;
  24 + .price-total {
  25 + color: #0FBB59;
  26 + font-size: 50rpx;
  27 + font-weight: 700;
  28 + }
  29 + }
  30 + .right {
  31 + width: 30vw;
  32 + text-align: right;
  33 + }
  34 + }
  35 +}
  36 +.price {
  37 + color: #0FBB59;
  38 + font-size: 32rpx;
  39 + font-weight: 700;
  40 +}
  41 +/* 记录列表 */
  42 +.record-list{
  43 + margin-top: 20rpx;
  44 + // margin: 0 20rpx;
  45 + .record-list-box {
  46 + background-color: #FFFFFF;
  47 + border-radius: 20rpx;
  48 + padding: 20rpx 30rpx;
  49 + margin-bottom: 20rpx;
  50 + width: 100%;
  51 + .list {
  52 + width: 100%;
  53 + display: flex;
  54 + padding: 20rpx 30rpx;
  55 + border-bottom: #f6f6f6 solid 1rpx;
  56 + align-items: center;
  57 + .list-item {
  58 + flex: 1;
  59 + }
  60 +
  61 + .list-info {
  62 + display: flex;
  63 + align-items: center;
  64 + .img {
  65 + width: 72rpx;
  66 + height: 72rpx;
  67 + border-radius: 50%;
  68 + overflow: hidden;
  69 + image {
  70 + width: 100%;
  71 + height: 100%;
  72 + }
  73 + }
  74 + .info-items {
  75 + margin-left: 20rpx;
  76 + .info-title {
  77 + font-weight: 700;
  78 + font-size: 28rpx;
  79 + line-height: 40rpx;
  80 +
  81 + }
  82 + .info-item {
  83 + font-size: 24rpx;
  84 + color: #808080;
  85 + margin-top: 20rpx;
  86 + }
  87 + }
  88 + }
  89 +
  90 + }
  91 + }
  92 +}
  93 +.page-footer{
  94 + position: fixed;
  95 + left: 0;
  96 + bottom: 0;
  97 + width: 100%;
  98 + height: 120rpx;
  99 + background-color: #FFFFFF;
  100 + padding: 0 20rpx;
  101 + padding-bottom: constant(safe-area-inset-bottom);
  102 + padding-bottom: env(safe-area-inset-bottom);
  103 + z-index: 999;
  104 + .footer-buy{
  105 + display: flex;
  106 + align-items: center;
  107 + justify-content: space-between;
  108 + width: 100%;
  109 + height: 100%;
  110 + .cart-add{
  111 + display: flex;
  112 + align-items: center;
  113 + justify-content: center;
  114 + width: 100%;
  115 + height: 70rpx;
  116 + background-color: #3f9b6a;
  117 + text{
  118 + font-size: 28rpx;
  119 + color: #FFFFFF;
  120 + }
  121 + }
  122 + }
  123 +}
pages/propertyPay/propertyPayList/propertyPayList.vue 0 → 100644
  View file @abd1160
  1 +<template>
  2 + <view class="page">
  3 + <view class="search-box">
  4 + <view>
  5 + <u-input v-model="value" type="select" border @click="show = true" style="background-color: #F7F7F7;"/>
  6 + <u-select v-model="show" :list="list"></u-select>
  7 + </view>
  8 + <view class="search-total">
  9 + <view class="left">
  10 + <text class="price-total"><u-icon name="rmb" style="font-size: 24rpx;" />800.00</text>
  11 + <text>(含代缴费)</text>
  12 + </view>
  13 + <div class="right" @click='toDetail'>
  14 + <text>缴费记录<u-icon name="arrow-right" style="margin-left: 8rpx;"></u-icon></text>
  15 + </div>
  16 + </view>
  17 + </view>
  18 + <!-- 记录列表 -->
  19 + <view class="record-list">
  20 + <view class="record-list-box" v-for="(item,index) in recordList" :key="index">
  21 + <u-checkbox-group class="list-group" style="width: 100%;">
  22 + <view class="list">
  23 + <u-checkbox v-model="checked" shape="circle" :label-disabled="false" />
  24 + <view class="list-item">
  25 + <view class="list-info">
  26 + <view class="img">
  27 + <image :src="$imgUrl('/img/2.jpg')"></image>
  28 + </view>
  29 + <view class="info-items">
  30 + <view class="info-title">{{item.name}}：<text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />300.00</text></view>
  31 + <view class="info-item">
  32 + <text>单价：￥15</text>
  33 + <text>费率：100%</text>
  34 + </view>
  35 + </view>
  36 + </view>
  37 + </view>
  38 + <view @click="recordList[index].showItem = !recordList[index].showItem"><u-icon name="arrow-right"></u-icon></view>
  39 + </view>
  40 + <view class="list" v-if="recordList[index].showItem">
  41 + <u-checkbox v-model="checked" shape="circle" :label-disabled="false" />
  42 + <view class="">
  43 + <view class="info-item">周期：2022.02.22 - 2022.02.22</view>
  44 + <view class="info-item">
  45 + <text>数量：100m²</text>
  46 + <text>门店号：A5646</text>
  47 + </view>
  48 + </view>
  49 + <view class="">
  50 + <text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />300.00</text>
  51 + </view>
  52 + </view>
  53 + </u-checkbox-group>
  54 + </view>
  55 + </view>
  56 + <view style="height: 120rpx;"></view>
  57 + <view class="page-footer">
  58 + <view class="footer-buy">
  59 + <u-radio shape="circle">全选</u-radio>
  60 + <view class="">
  61 + 合计：<text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />300.00</text>
  62 + </view>
  63 + <u-button type="success" style="margin: 0 10rpx;">去支付</u-button>
  64 + </view>
  65 + </view>
  66 + </view>
  67 +</template>
  68 +
  69 +<script>
  70 + export default {
  71 + data() {
  72 + return {
  73 + show: false,
  74 + value: '',
  75 + list: [{ value: '1', label: '大兴鸡排（A2144' }, { value: '2', label: '湖' }],
  76 + checked: [],
  77 + recordList:[
  78 + {
  79 + img: '',
  80 + name: '物业费',
  81 + price: 15,
  82 + rate: '100%',
  83 + chilren: [],
  84 + showItem: false,
  85 + },
  86 + {
  87 + img: '',
  88 + name: '卫生费',
  89 + price: 15,
  90 + rate: '100%',
  91 + chilren: [],
  92 + showItem: false,
  93 + },
  94 + {
  95 + img: '',
  96 + name: '水费',
  97 + price: 15,
  98 + rate: '100%',
  99 + chilren: [],
  100 + showItem: false,
  101 + },
  102 + {
  103 + img: '',
  104 + name: '电费',
  105 + price: 15,
  106 + rate: '100%',
  107 + chilren: [],
  108 + showItem: false,
  109 + },
  110 + {
  111 + img: '',
  112 + name: '燃气费',
  113 + price: 15,
  114 + rate: '100%',
  115 + chilren: [],
  116 + showItem: false,
  117 + },
  118 + ],
  119 + };
  120 + },
  121 + methods: {
  122 + recordXq(item){
  123 + const encodedItem = encodeURIComponent(JSON.stringify(item));
  124 + uni.navigateTo({
  125 + url: `/pages/accepting/accepting?item=${encodedItem}`,
  126 + })
  127 + },
  128 + toDetail() {
  129 + uni.navigateTo({
  130 + url: '/pages/propertyPay/payRecord/payRecord'
  131 + })
  132 + },
  133 + contractdetail(){
  134 + // uni.navigateTo({
  135 +
  136 + // })
  137 + }
  138 + }
  139 + }
  140 +</script>
  141 +
  142 +<style scoped lang="scss">
  143 + @import 'propertyPayList.scss';
  144 +</style>
pages/record/record.scss
  View file @abd1160
@@ -5,77 +5,33 @@ @@ -5,77 +5,33 @@
5 width: 100%; 5 width: 100%;
6 height: 100%; 6 height: 100%;
7 } 7 }
8 -/* 记录列表 */  
9 -.record-list{  
10 - margin: 20rpx;  
11 - .record-list-box {  
12 - background-color: #FFFFFF;  
13 - border-radius: 20rpx;  
14 - padding: 20rpx 30rpx;  
15 - margin-bottom: 20rpx;  
16 - }  
17 - .list-btn {  
18 - display: inline-block;  
19 - width: 100%;  
20 - text-align: right;  
21 - padding-bottom: 10rpx;  
22 - .date-btn {  
23 - background-color: #3f9b6a;  
24 - color: #fff;  
25 - font-size: 28rpx;  
26 - font-weight: bold;  
27 - padding: 10rpx 20rpx;  
28 - border-radius: 10rpx;  
29 - }  
30 - }  
31 - .list{  
32 - display: flex;  
33 - align-items: center;  
34 - justify-content: space-between;  
35 - .title-date{  
36 - .date{  
37 - margin: 14rpx 0;  
38 - text{  
39 - color:#3D3D3D;  
40 - }  
41 - .org{  
42 - color:#CDA33A;  
43 - }  
44 - .green{  
45 - color:#219129;  
46 - }  
47 - }  
48 - }  
49 - .integral{  
50 - text{  
51 - font-size: 28rpx;  
52 - color: #3D3D3D;  
53 - }  
54 - image {  
55 - width: 22rpx;  
56 - height: 22rpx;  
57 - }  
58 - }  
59 - }  
60 -}  
61 .screen-list { 8 .screen-list {
62 display: flex; 9 display: flex;
63 align-items: center; 10 align-items: center;
64 width: 100%; 11 width: 100%;
65 - margin: 30rpx 25rpx; 12 + margin: 20rpx 20rpx;
  13 + padding: 0 10rpx;
  14 + .zidong{
  15 + width: 160rpx;
  16 + background-color: #3F9B6A;
  17 + color: #fff;
  18 + padding: 10rpx;
  19 + border-radius: 30rpx;
  20 + font-size: 24rpx;
  21 + text-align: center;
  22 + }
66 .list { 23 .list {
67 display: flex; 24 display: flex;
68 - justify-content: space-between; 25 + justify-content: center;
69 align-items: center; 26 align-items: center;
70 - width: 75%; 27 + width: 30%;
71 height: 100%; 28 height: 100%;
72 background-color: #fff; 29 background-color: #fff;
73 - padding: 20rpx;  
74 - border-radius: 10rpx;  
75 - margin-left: 30rpx; 30 + padding: 10rpx 16rpx;
  31 + border-radius: 18rpx;
  32 + color: #0FBB59;
76 text { 33 text {
77 font-size: 26rpx; 34 font-size: 26rpx;
78 - color: #469e70;  
79 } 35 }
80 image { 36 image {
81 width: 30rpx; 37 width: 30rpx;
@@ -83,4 +39,35 @@ @@ -83,4 +39,35 @@
83 margin-left: 10rpx; 39 margin-left: 10rpx;
84 } 40 }
85 } 41 }
86 - }  
87 \ No newline at end of file 42 \ No newline at end of file
  43 + .action {
  44 + text {
  45 + color: $base;
  46 + }
  47 + }
  48 + }
  49 +/* 记录列表 */
  50 +.record-list{
  51 + margin: 0 20rpx;
  52 + .record-list-box {
  53 + background-color: #FFFFFF;
  54 + border-radius: 20rpx;
  55 + padding: 20rpx 30rpx;
  56 + margin-bottom: 20rpx;
  57 + .title {
  58 + display: flex;
  59 + .left {
  60 + font-size: 28rpx;
  61 + font-weight: 700;
  62 + }
  63 + .right {
  64 + width: 100rpx;
  65 + text-align: right;
  66 + color: #0FBB59;
  67 + }
  68 + }
  69 + .info-item {
  70 + line-height: 50rpx;
  71 + color: #808080;
  72 + }
  73 + }
  74 +}
pages/record/record.vue
  View file @abd1160
1 <template> 1 <template>
2 <view class="page"> 2 <view class="page">
3 <view class="screen-list"> 3 <view class="screen-list">
4 - <view>记录查询</view>  
5 <view class="list"> 4 <view class="list">
6 <text>租赁申请记录</text> 5 <text>租赁申请记录</text>
7 <image :src="$imgUrl('/down.png')" ></image> 6 <image :src="$imgUrl('/down.png')" ></image>
@@ -11,25 +10,13 @@ @@ -11,25 +10,13 @@
11 <view class="record-list"> 10 <view class="record-list">
12 <view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)"> 11 <view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)">
13 <view class="list"> 12 <view class="list">
14 - <view class="title-date">  
15 - <view class="date">  
16 - <text>租赁资源名称：{{item.recordName}}</text>  
17 - </view>  
18 - <view class="date">  
19 - <text>承租人姓名：{{item.porName}}</text>  
20 - </view>  
21 - <view class="date">  
22 - <text>提交时间：{{item.tTime}}</text>  
23 - </view>  
24 - <view class="date">  
25 - 状态：<text :class="item.state == '受理中'?'org':'green'">{{item.state}}</text> 13 + <view class="title">
  14 + <view class="left">都江堰广场8#-2，都江堰市柏条河北路下段 I 茶坊 I 广场</view>
  15 + <view class="right"><u-icon name="arrow-rightward"></u-icon></view>
26 </view> 16 </view>
  17 + <view class="info-item">申请时间：2022-02-22 14:00</view>
  18 + <view class="info-item">状态：<span style="color: #0FBB59;">受理中</span></view>
27 </view> 19 </view>
28 - <view class="integral">  
29 - <image :src="$imgUrl('/right2.png')"></image>  
30 - </view>  
31 - </view>  
32 -  
33 </view> 20 </view>
34 </view> 21 </view>
35 </view> 22 </view>
pages/recordService/recordService.scss
  View file @abd1160
@@ -5,71 +5,33 @@ @@ -5,71 +5,33 @@
5 width: 100%; 5 width: 100%;
6 height: 100%; 6 height: 100%;
7 } 7 }
8 -/* 记录列表 */  
9 -.record-list{  
10 - margin: 20rpx;  
11 - .record-list-box {  
12 - background-color: #FFFFFF;  
13 - border-radius: 20rpx;  
14 - padding: 20rpx 30rpx;  
15 - margin-bottom: 20rpx;  
16 - }  
17 - .list-btn {  
18 - display: inline-block;  
19 - width: 100%;  
20 - text-align: right;  
21 - padding-bottom: 10rpx;  
22 - .date-btn {  
23 - background-color: #3f9b6a;  
24 - color: #fff;  
25 - font-size: 28rpx;  
26 - font-weight: bold;  
27 - padding: 10rpx 20rpx;  
28 - border-radius: 10rpx;  
29 - }  
30 - }  
31 - .list{  
32 - display: flex;  
33 - align-items: center;  
34 - justify-content: space-between;  
35 - .title-date{  
36 - .date{  
37 - margin: 14rpx 0;  
38 - text{  
39 - color:#3D3D3D;  
40 - }  
41 - }  
42 - }  
43 - .integral{  
44 - text{  
45 - font-size: 28rpx;  
46 - color: #3D3D3D;  
47 - }  
48 - image {  
49 - width: 22rpx;  
50 - height: 22rpx;  
51 - }  
52 - }  
53 - }  
54 -}  
55 .screen-list { 8 .screen-list {
56 display: flex; 9 display: flex;
57 align-items: center; 10 align-items: center;
58 width: 100%; 11 width: 100%;
59 - margin: 30rpx 25rpx; 12 + margin: 20rpx 20rpx;
  13 + padding: 0 10rpx;
  14 + .zidong{
  15 + width: 160rpx;
  16 + background-color: #3F9B6A;
  17 + color: #fff;
  18 + padding: 10rpx;
  19 + border-radius: 30rpx;
  20 + font-size: 24rpx;
  21 + text-align: center;
  22 + }
60 .list { 23 .list {
61 display: flex; 24 display: flex;
62 - justify-content: space-between; 25 + justify-content: center;
63 align-items: center; 26 align-items: center;
64 - width: 75%; 27 + width: 30%;
65 height: 100%; 28 height: 100%;
66 background-color: #fff; 29 background-color: #fff;
67 - padding: 20rpx;  
68 - border-radius: 10rpx;  
69 - margin-left: 30rpx; 30 + padding: 10rpx 16rpx;
  31 + border-radius: 18rpx;
  32 + color: #0FBB59;
70 text { 33 text {
71 font-size: 26rpx; 34 font-size: 26rpx;
72 - color: #469e70;  
73 } 35 }
74 image { 36 image {
75 width: 30rpx; 37 width: 30rpx;
@@ -77,4 +39,35 @@ @@ -77,4 +39,35 @@
77 margin-left: 10rpx; 39 margin-left: 10rpx;
78 } 40 }
79 } 41 }
80 - }  
81 \ No newline at end of file 42 \ No newline at end of file
  43 + .action {
  44 + text {
  45 + color: $base;
  46 + }
  47 + }
  48 + }
  49 +/* 记录列表 */
  50 +.record-list{
  51 + margin: 0 20rpx;
  52 + .record-list-box {
  53 + background-color: #FFFFFF;
  54 + border-radius: 20rpx;
  55 + padding: 20rpx 30rpx;
  56 + margin-bottom: 20rpx;
  57 + .title {
  58 + display: flex;
  59 + .left {
  60 + font-size: 28rpx;
  61 + font-weight: 700;
  62 + }
  63 + .right {
  64 + width: 100rpx;
  65 + text-align: right;
  66 + color: #0FBB59;
  67 + }
  68 + }
  69 + .info-item {
  70 + line-height: 50rpx;
  71 + color: #808080;
  72 + }
  73 + }
  74 +}
pages/recordService/recordService.vue
  View file @abd1160
1 <template> 1 <template>
2 <view class="page"> 2 <view class="page">
3 <view class="screen-list"> 3 <view class="screen-list">
4 - <view>记录查询</view>  
5 <view class="list"> 4 <view class="list">
6 - <text>报事报修</text>  
7 - <image :src="$imgUrl('/down.png')"></image> 5 + <text>报事报修记录</text>
  6 + <image :src="$imgUrl('/down.png')" ></image>
8 </view> 7 </view>
9 </view> 8 </view>
10 <!-- 记录列表 --> 9 <!-- 记录列表 -->
11 <view class="record-list"> 10 <view class="record-list">
12 - <view class="record-list-box" v-for="(item,index) in 0" :key="index"> 11 + <view class="record-list-box" v-for="(item,index) in recordList" :key="index">
13 <view class="list"> 12 <view class="list">
14 - <view class="title-date">  
15 - <view class="date">  
16 - <text>设备名称：这里有名称这里有名称</text> 13 + <view class="title">
  14 + <view class="left">这里有设备名称这里有设备名称</view>
  15 + <view class="right"><u-icon name="arrow-rightward"></u-icon></view>
17 </view> 16 </view>
18 - <view class="date">  
19 - <text>设备类型：这里有类型</text>  
20 - </view>  
21 - <view class="date">  
22 - <text>报修问题：这里有文字这里有文字这里有文字</text>  
23 - </view>  
24 - <view class="date">  
25 - <text>报修时间：2024-07-01 12:00:00</text>  
26 - </view>  
27 - </view>  
28 - <view class="integral">  
29 - <image :src="$imgUrl('/right2.png')" ></image>  
30 - </view>  
31 - </view>  
32 - <view class="list-btn">  
33 - <text class="date-btn">评价</text> 17 + <view class="info-item">申请时间：2022-02-22 14:00</view>
  18 + <view class="info-item">状态：<span style="color: #0FBB59;">受理中</span></view>
34 </view> 19 </view>
35 </view> 20 </view>
36 </view> 21 </view>
@@ -41,13 +26,33 @@ @@ -41,13 +26,33 @@
41 export default { 26 export default {
42 data() { 27 data() {
43 return { 28 return {
  29 + recordList:[
  30 + {
  31 + recordName:'这里有名称这里有名称',
  32 + porName:'徐丽',
  33 + tTime:'2022-02-22 12：00：00',
  34 + state:'受理中'
  35 + },
  36 + {
  37 + recordName:'这里有名称这里有名称',
  38 + porName:'徐丽',
  39 + tTime:'2022-02-22 12：00：00',
  40 + state:'已通过'
  41 + }
  42 + ]
44 }; 43 };
45 }, 44 },
46 methods: { 45 methods: {
47 - contractdetail(){ 46 + recordXq(item){
  47 + const encodedItem = encodeURIComponent(JSON.stringify(item));
48 uni.navigateTo({ 48 uni.navigateTo({
49 - url: '/pages/contractdetail/contractdetail',  
50 - }) 49 + url: `/pages/accepting/accepting?item=${encodedItem}`,
  50 + })
  51 + },
  52 + contractdetail(){
  53 + // uni.navigateTo({
  54 +
  55 + // })
51 } 56 }
52 } 57 }
53 } 58 }
@@ -55,4 +60,4 @@ @@ -55,4 +60,4 @@
55 60
56 <style scoped lang="scss"> 61 <style scoped lang="scss">
57 @import 'recordService.scss'; 62 @import 'recordService.scss';
58 -</style> 63 +</style>