新增抬头：页面长度；发票内容后面图片的缩小和位置调整
新增发票：发票内容后面图片和位置调整 发票中心：暂时数据的位置调整
This commit is contained in:
parent
e8da1ec151
commit
74732c961a
@ -32,9 +32,9 @@
|
||||
<view class="line-row" style="margin: 10rpx 0;"></view>
|
||||
|
||||
<u-form-item label="发票内容" prop="">
|
||||
<view class="typeBOx" style="width: 305px;justify-content: space-between;">
|
||||
<view class="typeBOx" style="width: 296px;justify-content: space-between;">
|
||||
<view class="typeImgs" @click="explainShow = true">
|
||||
<image style="width: 44rpx;height: 44rpx;"
|
||||
<image style="width: 38rpx;height: 38rpx;position: relative;top: 6rpx;"
|
||||
src="https://naweigetetest2.hschool.com.cn/miniapp/invoice/conRecord.png" mode="">
|
||||
</image>
|
||||
</view>
|
||||
@ -656,6 +656,7 @@
|
||||
}
|
||||
|
||||
.container {
|
||||
min-height: 90vh;
|
||||
padding: 30rpx 0;
|
||||
background-color: #f5f5f5;
|
||||
// justify-content: center;
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<view class="itenCon-actPrice" style="">￥ {{detailAny.payprice}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<view v-else style="padding: 0 30rpx;">
|
||||
<view style="color: #3D3D3D;font-size: 26rpx;font-weight: 400;margin-top: 10rpx;">已选择{{num}}个订单 预计发票金额：￥
|
||||
{{totalPrice}}
|
||||
</view>
|
||||
@ -52,9 +52,9 @@
|
||||
<view class="line-row" style="margin: 10rpx 0;"></view>
|
||||
|
||||
<u-form-item label="发票内容" prop="">
|
||||
<view class="typeBOx" style="width: 219px;justify-content: space-between;">
|
||||
<view class="typeBOx" style="width: 296px;justify-content: space-between;">
|
||||
<view class="typeImgs" @click="explainShow = true">
|
||||
<image style="width: 38rpx;height: 38rpx;"
|
||||
<image style="width: 38rpx;height: 38rpx;position: relative;top: 6rpx;"
|
||||
src="https://naweigetetest2.hschool.com.cn/miniapp/invoice/conRecord.png" mode="">
|
||||
</image>
|
||||
</view>
|
||||
@ -189,7 +189,7 @@
|
||||
<scroll-view scroll-y="true" class="popup-content">
|
||||
<view class="manageList" v-for="(item,index) in headList" :key="index">
|
||||
<!-- 专用 -->
|
||||
<view class="manageList-itemSpec" @click="selectHead(item,index)" style="">
|
||||
<view class="manageList-item" v-if="item.head_type == 'corporate'" @click="selectHead(item,index)" style="height: 237rpx;">
|
||||
<view class="manage-type" v-if="item.head_type == 'corporate'">专用发票抬头</view>
|
||||
<view class="manage-type" v-else>个人发票抬头</view>
|
||||
<view class="manageLine"></view>
|
||||
@ -208,8 +208,8 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 个人
|
||||
<view class="manageList-itemPer">
|
||||
<!-- 个人 -->
|
||||
<view class="manageList-item" v-else style="height: 203rpx;" @click="selectHead(item,index)">
|
||||
<view class="manage-type">个人发票抬头</view>
|
||||
<view class="manageLine"></view>
|
||||
<view class="manageCon">
|
||||
@ -226,7 +226,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
-->
|
||||
|
||||
</view>
|
||||
|
||||
<view class="bottom_box flex justify-center align-items" v-if="headList.length == 0">
|
||||
@ -823,12 +823,109 @@
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
|
||||
.manageList-item {
|
||||
background-color: #f8f8f8;
|
||||
padding: 20rpx 0;
|
||||
width: 710rpx;
|
||||
// margin-left: 20rpx;
|
||||
// margin-bottom: 30rpx;
|
||||
margin: 0 auto;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.manage-type {
|
||||
width: 100%;
|
||||
height: 32rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
line-height: 32rpx;
|
||||
// text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
// margin: 20rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.manageLine {
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
background: #EEEEEE;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.manageCon {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// justify-content: center;
|
||||
// margin: 20rpx;
|
||||
padding: 30rpx;
|
||||
align-items: center;
|
||||
|
||||
.messContext {
|
||||
display: grid;
|
||||
|
||||
|
||||
.textFir {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.defaultBox {
|
||||
width: 68rpx;
|
||||
height: 32rpx;
|
||||
background: #FFEEEE;
|
||||
border-radius: 6rpx;
|
||||
color: #EB1B1B;
|
||||
border: 2rpx solid #EB1B1B;
|
||||
text-align: center;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
margin-right: 10rpx;
|
||||
// padding: 10rpx;
|
||||
}
|
||||
|
||||
.manageName {
|
||||
height: 32rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
line-height: 32rpx;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.textSec {
|
||||
margin-top: 20rpx;
|
||||
height: 32rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
line-height: 32rpx;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.manageEdit {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.manageList-itemSpec {
|
||||
background-color: #f8f8f8;
|
||||
padding: 20rpx 0;
|
||||
width: 690rpx;
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
height: 237rpx;
|
||||
// margin-left: 5%;
|
||||
// margin: 0 20rpx;
|
||||
|
||||
@ -916,11 +1013,13 @@
|
||||
.manageList-itemPer {
|
||||
background-color: #f8f8f8;
|
||||
padding: 20rpx 0;
|
||||
width: 90%;
|
||||
// width: 90%;
|
||||
width: 690rpx;
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 5%;
|
||||
// margin: 0 auto;
|
||||
// margin-left: 5%;
|
||||
height: 203rpx;
|
||||
|
||||
.manage-type {
|
||||
width: 100%;
|
||||
@ -1008,6 +1107,7 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 500rpx;
|
||||
position: relative;
|
||||
// top:20rpx;
|
||||
z-index: 10000;
|
||||
|
||||
@ -649,6 +649,19 @@
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.bottom_box {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
// height: 900rpx;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
.invoiceBtn {
|
||||
@ -812,7 +825,7 @@
|
||||
margin-top: 20rpx;
|
||||
padding: 20rpx 30rpx;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
// margin: 0 auto;
|
||||
|
||||
.reListIts-item {
|
||||
display: flex;
|
||||
@ -910,15 +923,26 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom_box {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 1000rpx;
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.manageRecord {
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
top: 70rpx;
|
||||
top: 76rpx;
|
||||
// width: 100%;
|
||||
// margin: 0rpx 20rpx 20rpx 20rpx;
|
||||
padding: 20rpx 30rpx;
|
||||
padding: 30rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
@ -1069,19 +1093,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bottom_box {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 1000rpx;
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bottom_box {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user