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 76 "navigationBarTitleText": "申请租赁",
77 77 "navigationBarBackgroundColor": "#FFFFFF"
78 78 }
79   - },{
  79 + },
  80 + {
  81 + "path": "pages/intentionApply/intentionApply",
  82 + "style": {
  83 + "navigationBarTitleText": "意向申请",
  84 + "navigationBarBackgroundColor": "#FFFFFF"
  85 + }
  86 + },
  87 + {
80 88 "path": "pages/recordService/recordService",
81 89 "style": {
82 90 "navigationBarTitleText": "服务记录",
... ... @@ -256,6 +264,28 @@
256 264 "navigationBarTitleText": "详情",
257 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 291 "globalStyle": {
... ...
pages/accepting/accepting.scss
  View file @abd1160
... ... @@ -4,117 +4,147 @@
4 4 top: 0;
5 5 width: 100%;
6 6 height: 100%;
  7 + padding: 0 24rpx;
7 8 }
8 9 /* 记录列表 */
9 10 .record-list{
10 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 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 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 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 60 .msglist{
65   - padding:40rpx 30rpx;
  61 + padding: 0 30rpx;
66 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 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 122 .footbtn{
103   - position: absolute;
  123 + position: fixed;
104 124 bottom: 0;
105 125 left: 0;
106 126 z-index: 10;
  127 + height:180rpx;
107 128 width: 100%;
108   - .zhifu{
  129 + border-radius: 26rpx 26rpx 0 0;
  130 + background-color: #fff;
  131 + .info-total {
109 132 display: flex;
  133 + flex-direction: row;
  134 + align-items: center;
110 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 151 \ No newline at end of file
... ...
pages/accepting/accepting.vue
  View file @abd1160
1 1 <template>
2 2 <view class="page">
3   -
4 3 <!-- 记录列表 -->
5 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 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 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 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 23 </view>
29   -
30 24 </view>
31 25 </view>
32 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 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 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 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 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 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 53 </view>
80 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 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 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 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 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 88 </view>
107 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 101 </view>
111 102 </view>
112 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 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 51 border-radius: 8rpx;
52 52 }
53 53 .info {
54   - flex: 1;
  54 + // flex: 1;
55 55 width: calc(100% - 236rpx);
56 56 .title {
57 57 width: 100%;
... ...
pages/details/details.vue
  View file @abd1160
... ... @@ -93,8 +93,8 @@
93 93 <text>客服</text>
94 94 </view>
95 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 98 <!-- <u-button type="success" style="margin-left: unset;" @click="leaseAdd">广告申请</u-button> -->
99 99 </view>
100 100 <view class="footer-service">
... ... @@ -132,9 +132,9 @@ export default {
132 132 console.log(this.swiperList, this.tableData);
133 133 },
134 134 methods: {
135   - leaseAdd(){
  135 + leaseAdd(url){
136 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 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 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 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 166 methods:{
167 167 typeChange(e) {
168 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 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 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 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 5 width: 100%;
6 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 8 .screen-list {
62 9 display: flex;
63 10 align-items: center;
64 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 23 .list {
67 24 display: flex;
68   - justify-content: space-between;
  25 + justify-content: center;
69 26 align-items: center;
70   - width: 75%;
  27 + width: 30%;
71 28 height: 100%;
72 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 33 text {
77 34 font-size: 26rpx;
78   - color: #469e70;
79 35 }
80 36 image {
81 37 width: 30rpx;
... ... @@ -83,4 +39,35 @@
83 39 margin-left: 10rpx;
84 40 }
85 41 }
86   - }
87 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 1 <template>
2 2 <view class="page">
3 3 <view class="screen-list">
4   - <view>记录查询</view>
5 4 <view class="list">
6 5 <text>租赁申请记录</text>
7 6 <image :src="$imgUrl('/down.png')" ></image>
... ... @@ -11,25 +10,13 @@
11 10 <view class="record-list">
12 11 <view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)">
13 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 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 19 </view>
28   - <view class="integral">
29   - <image :src="$imgUrl('/right2.png')"></image>
30   - </view>
31   - </view>
32   -
33 20 </view>
34 21 </view>
35 22 </view>
... ...
pages/recordService/recordService.scss
  View file @abd1160
... ... @@ -5,71 +5,33 @@
5 5 width: 100%;
6 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 8 .screen-list {
56 9 display: flex;
57 10 align-items: center;
58 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 23 .list {
61 24 display: flex;
62   - justify-content: space-between;
  25 + justify-content: center;
63 26 align-items: center;
64   - width: 75%;
  27 + width: 30%;
65 28 height: 100%;
66 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 33 text {
71 34 font-size: 26rpx;
72   - color: #469e70;
73 35 }
74 36 image {
75 37 width: 30rpx;
... ... @@ -77,4 +39,35 @@
77 39 margin-left: 10rpx;
78 40 }
79 41 }
80   - }
81 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 1 <template>
2 2 <view class="page">
3 3 <view class="screen-list">
4   - <view>记录查询</view>
5 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 7 </view>
9 8 </view>
10 9 <!-- 记录列表 -->
11 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 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 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 19 </view>
35 20 </view>
36 21 </view>
... ... @@ -41,13 +26,33 @@
41 26 export default {
42 27 data() {
43 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 45 methods: {
47   - contractdetail(){
  46 + recordXq(item){
  47 + const encodedItem = encodeURIComponent(JSON.stringify(item));
48 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 60  
56 61 <style scoped lang="scss">
57 62 @import 'recordService.scss';
58   -</style>
  63 +</style>
... ...