|
|
@@ -204,122 +204,125 @@
|
|
|
<view class="order-detail">
|
|
|
<view class="order-detail__content">
|
|
|
<scroll-view scroll-y="true" style="height: 972rpx;">
|
|
|
- <view class="header">2021年10月29日 09:30:00</view>
|
|
|
- <view class="body">
|
|
|
- <view class="body__item">
|
|
|
- <view class="title">发票申请信息</view>
|
|
|
- <view class="content">
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">发票类型：</view>
|
|
|
- <text>普通发票</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">申请主体：</view>
|
|
|
- <text>个人</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">发票抬头：</view>
|
|
|
- <text>广东中正科技教育科技有限公司</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">单位税号：</view>
|
|
|
- <text>SH123456789</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">单位地址：</view>
|
|
|
- <text>广州市天河区燕岭路123号建设大厦F座 16楼过长换行</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">电话号码：</view>
|
|
|
- <text>企业 拷贝</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">开户银行：</view>
|
|
|
- <text>中国工商银行星星支行</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">银行账号：</view>
|
|
|
- <text>SH123456789 拷贝</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">收件地址：</view>
|
|
|
- <text>广州市天河区燕岭路123号</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">收件人：</view>
|
|
|
- <text>李大米</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">发票抬头：</view>
|
|
|
- <text>广东中正科技教育科技有限公司</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false" >
|
|
|
- <view slot="title">收件手机：</view>
|
|
|
- <text>13800138000</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false" >
|
|
|
- <view slot="title">开票订单：</view>
|
|
|
- </u-cell-item>
|
|
|
- <view class="order-list">
|
|
|
- <view class="order-item">
|
|
|
- <view class="order-title">2021七大员新考施工专业人员岗提高班</view>
|
|
|
- <view class="order-number">GDXY1234567890</view>
|
|
|
- <view class="order-price">¥ 100元</view>
|
|
|
- </view>
|
|
|
- <view class="order-item">
|
|
|
- <view class="order-title">2021七大员新考施工专业人员岗提高班</view>
|
|
|
- <view class="order-number">GDXY1234567890</view>
|
|
|
- <view class="order-price">¥ 100元</view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="header">2021年10月29日 09:30:00</view>
|
|
|
+ <view class="body">
|
|
|
+ <view class="body__item">
|
|
|
+ <view class="title">发票申请信息</view>
|
|
|
+ <view class="content">
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">发票类型：</view>
|
|
|
+ <text>普通发票</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">申请主体：</view>
|
|
|
+ <text>个人</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">发票抬头：</view>
|
|
|
+ <text>广东中正科技教育科技有限公司</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">单位税号：</view>
|
|
|
+ <text>SH123456789</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">单位地址：</view>
|
|
|
+ <text>广州市天河区燕岭路123号建设大厦F座 16楼过长换行</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">电话号码：</view>
|
|
|
+ <text>企业 拷贝</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">开户银行：</view>
|
|
|
+ <text>中国工商银行星星支行</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">银行账号：</view>
|
|
|
+ <text>SH123456789 拷贝</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">收件地址：</view>
|
|
|
+ <text>广州市天河区燕岭路123号</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">收件人：</view>
|
|
|
+ <text>李大米</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">发票抬头：</view>
|
|
|
+ <text>广东中正科技教育科技有限公司</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false" >
|
|
|
+ <view slot="title">收件手机：</view>
|
|
|
+ <text>13800138000</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false" >
|
|
|
+ <view slot="title">开票订单：</view>
|
|
|
+ </u-cell-item>
|
|
|
+ <view class="order-list">
|
|
|
+ <view class="order-item">
|
|
|
+ <view class="order-title">2021七大员新考施工专业人员岗提高班</view>
|
|
|
+ <view class="order-number">GDXY1234567890</view>
|
|
|
+ <view class="order-price">¥ 100元</view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item">
|
|
|
+ <view class="order-title">2021七大员新考施工专业人员岗提高班</view>
|
|
|
+ <view class="order-number">GDXY1234567890</view>
|
|
|
+ <view class="order-price">¥ 100元</view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item">
|
|
|
+ <view class="order-title">2021七大员新考施工专业人员岗提高班</view>
|
|
|
+ <view class="order-number">GDXY1234567890</view>
|
|
|
+ <view class="order-price">¥ 100元</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="order-item">
|
|
|
- <view class="order-title">2021七大员新考施工专业人员岗提高班</view>
|
|
|
- <view class="order-number">GDXY1234567890</view>
|
|
|
- <view class="order-price">¥ 100元</view>
|
|
|
+ <view class="order-text">
|
|
|
+ <view class="order-text__label">本次申请开票金额：</view>
|
|
|
+ <view class="order-text__price">¥ 999.00</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="order-text">
|
|
|
- <view class="order-text__label">本次申请开票金额：</view>
|
|
|
- <view class="order-text__price">¥ 999.00</view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="body__item">
|
|
|
- <view class="title">发票申请结果</view>
|
|
|
- <view class="content">
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">审核结果：</view>
|
|
|
- <text class="text wait">待审核</text>
|
|
|
- <text class="text agree">通过</text>
|
|
|
- <text class="text refuse">驳回</text>
|
|
|
- </u-cell-item>
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">发票状态：</view>
|
|
|
- <text class="text refuse">未开票</text>
|
|
|
- <text class="text agree">已开票</text>
|
|
|
- <text class="text refuse">已退票</text>
|
|
|
- </u-cell-item>
|
|
|
-
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">发票预览：</view>
|
|
|
- <view>
|
|
|
- <image class="preview" src="/static/info_3.png"></image>
|
|
|
- <view class="download-btn" @click="download">下载电子发票</view>
|
|
|
- </view>
|
|
|
- </u-cell-item>
|
|
|
-
|
|
|
-
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">机构发票邮寄状态：</view>
|
|
|
- <text class="text">是</text>
|
|
|
- </u-cell-item>
|
|
|
-
|
|
|
- <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
- <view slot="title">发票邮寄快递单号：</view>
|
|
|
- <text class="text">153666689456</text>
|
|
|
- </u-cell-item>
|
|
|
+ <view class="body__item">
|
|
|
+ <view class="title">发票申请结果</view>
|
|
|
+ <view class="content">
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">审核结果：</view>
|
|
|
+ <text class="text wait">待审核</text>
|
|
|
+ <text class="text agree">通过</text>
|
|
|
+ <text class="text refuse">驳回</text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">发票状态：</view>
|
|
|
+ <text class="text refuse">未开票</text>
|
|
|
+ <text class="text agree">已开票</text>
|
|
|
+ <text class="text refuse">已退票</text>
|
|
|
+ </u-cell-item>
|
|
|
+
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">发票预览：</view>
|
|
|
+ <view>
|
|
|
+ <image class="preview" src="/static/info_3.png"></image>
|
|
|
+ <view class="download-btn" @click="download">下载电子发票</view>
|
|
|
+ </view>
|
|
|
+ </u-cell-item>
|
|
|
+
|
|
|
+
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">机构发票邮寄状态：</view>
|
|
|
+ <text class="text">是</text>
|
|
|
+ </u-cell-item>
|
|
|
+
|
|
|
+ <u-cell-item :border-bottom="false" hover-class="none" :arrow="false">
|
|
|
+ <view slot="title">发票邮寄快递单号：</view>
|
|
|
+ <text class="text">153666689456</text>
|
|
|
+ </u-cell-item>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
<view class="order-detail__btns">
|
|
|
@@ -935,7 +938,6 @@ page {
|
|
|
}
|
|
|
|
|
|
.order-detail {
|
|
|
- padding:24rpx 0 0;
|
|
|
width: 640rpx;
|
|
|
height: 1112rpx;
|
|
|
background: #FFFFFF;
|
|
|
@@ -945,135 +947,139 @@ page {
|
|
|
|
|
|
&__content {
|
|
|
flex:1;
|
|
|
- padding:0 24rpx;
|
|
|
|
|
|
- /deep/ .u-cell {
|
|
|
- padding:10rpx;
|
|
|
-
|
|
|
- &_title {
|
|
|
- color:#999;
|
|
|
- }
|
|
|
-
|
|
|
- &__value {
|
|
|
- color:#333;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
+ .content {
|
|
|
+ padding:24rpx 24rpx 0;
|
|
|
|
|
|
- .text {
|
|
|
- &.wait {
|
|
|
- color:#007AFF;
|
|
|
+ /deep/ .u-cell {
|
|
|
+ padding:10rpx;
|
|
|
+
|
|
|
+ &_title {
|
|
|
+ color:#999;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__value {
|
|
|
+ color:#333;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ &.wait {
|
|
|
+ color:#007AFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.agree {
|
|
|
+ color:#34C759;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.refuse {
|
|
|
+ color:#FF3B30;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- &.agree {
|
|
|
- color:#34C759;
|
|
|
+ .preview {
|
|
|
+ width:240rpx;
|
|
|
+ height:160rpx;
|
|
|
}
|
|
|
|
|
|
- &.refuse {
|
|
|
- color:#FF3B30;
|
|
|
+ .download-btn {
|
|
|
+ margin:10rpx 0 0;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 56rpx;
|
|
|
+ color:#fff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ width: 224rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ background: #007AFF;
|
|
|
+ border-radius: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .preview {
|
|
|
- width:240rpx;
|
|
|
- height:160rpx;
|
|
|
- }
|
|
|
|
|
|
- .download-btn {
|
|
|
- margin:10rpx 0 0;
|
|
|
- text-align: center;
|
|
|
- line-height: 56rpx;
|
|
|
- color:#fff;
|
|
|
+ .header {
|
|
|
font-size: 30rpx;
|
|
|
- width: 224rpx;
|
|
|
- height: 56rpx;
|
|
|
- background: #007AFF;
|
|
|
- border-radius: 16rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 48rpx;
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .header {
|
|
|
- font-size: 30rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #333333;
|
|
|
- line-height: 48rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .body {
|
|
|
- &__item {
|
|
|
-
|
|
|
- border-bottom:1px solid #EEEEEE;
|
|
|
- padding-bottom:30rpx;
|
|
|
-
|
|
|
- &:last-child {
|
|
|
- border:0;
|
|
|
- }
|
|
|
-
|
|
|
- .title {
|
|
|
- margin-top:30rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #007AFF;
|
|
|
- line-height: 48rpx;
|
|
|
+
|
|
|
+ .body {
|
|
|
+ &__item {
|
|
|
|
|
|
- &::before {
|
|
|
- content:'';
|
|
|
- width: 4rpx;
|
|
|
- height: 24rpx;
|
|
|
- background: #007AFF;
|
|
|
- border-radius: 2rpx;
|
|
|
- display: inline-block;
|
|
|
- margin-right:10rpx;
|
|
|
+ border-bottom:1px solid #EEEEEE;
|
|
|
+ padding-bottom:30rpx;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ border:0;
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- .order-list {
|
|
|
|
|
|
- .order-item {
|
|
|
- overflow: hidden;
|
|
|
- border-radius: 16rpx;
|
|
|
- padding:0 14rpx 14rpx;
|
|
|
- background:#F5F5F5;
|
|
|
- font-size: 30rpx;
|
|
|
- color:#333;
|
|
|
- margin-top:16rpx;
|
|
|
-
|
|
|
- .order-title,.order-number,.order-price {
|
|
|
- color:#333333;
|
|
|
- margin-top:20rpx;
|
|
|
- line-height: 26rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- }
|
|
|
+ .title {
|
|
|
+ margin-top:30rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #007AFF;
|
|
|
+ line-height: 48rpx;
|
|
|
|
|
|
- .order-number {
|
|
|
- color:#999;
|
|
|
+ &::before {
|
|
|
+ content:'';
|
|
|
+ width: 4rpx;
|
|
|
+ height: 24rpx;
|
|
|
+ background: #007AFF;
|
|
|
+ border-radius: 2rpx;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right:10rpx;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- .order-text {
|
|
|
- margin-top:16rpx;
|
|
|
- padding:0 30rpx;
|
|
|
- height: 80rpx;
|
|
|
- background: #F5F5F5;
|
|
|
- border-radius: 16rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
|
|
|
- &__label {
|
|
|
- font-size: 24rpx;
|
|
|
- color:#999999;
|
|
|
+ .order-list {
|
|
|
+
|
|
|
+ .order-item {
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ padding:0 14rpx 14rpx;
|
|
|
+ background:#F5F5F5;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color:#333;
|
|
|
+ margin-top:16rpx;
|
|
|
+
|
|
|
+ .order-title,.order-number,.order-price {
|
|
|
+ color:#333333;
|
|
|
+ margin-top:20rpx;
|
|
|
+ line-height: 26rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-number {
|
|
|
+ color:#999;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- &__price {
|
|
|
- font-size: 30rpx;
|
|
|
- margin-left:20rpx;
|
|
|
- color:#FF2D55;
|
|
|
+ .order-text {
|
|
|
+ margin-top:16rpx;
|
|
|
+ padding:0 30rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ background: #F5F5F5;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ &__label {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color:#999999;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__price {
|
|
|
+ font-size: 30rpx;
|
|
|
+ margin-left:20rpx;
|
|
|
+ color:#FF2D55;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
+
|
|
|
}
|
|
|
|
|
|
&__btns {
|
chenxiong