wo123/dyqc_hdapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增抬头：页面长度；发票内容后面图片的缩小和位置调整

Browse Source 
新增发票：发票内容后面图片和位置调整
发票中心：暂时数据的位置调整
This commit is contained in:
wangzimeng 2025-07-18 09:50:36 +08:00
parent e8da1ec151
commit 74732c961a
3 changed files with 155 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packageB/invoice/addHead.vue
View File

@ -32,9 +32,9 @@
<view class="line-row" style="margin: 10rpx 0;"></view> <view class="line-row" style="margin: 10rpx 0;"></view>
<u-form-item label="发票内容" prop=""> <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"> <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=""> src="https://naweigetetest2.hschool.com.cn/miniapp/invoice/conRecord.png" mode="">
</image> </image>
</view> </view>
@ -656,6 +656,7 @@
} }
.container { .container {
min-height: 90vh;
padding: 30rpx 0; padding: 30rpx 0;
background-color: #f5f5f5; background-color: #f5f5f5;
// justify-content: center; // justify-content: center;

120
packageB/invoice/addInvoice.vue
View File

@ -14,7 +14,7 @@
<view class="itenCon-actPrice" style="">￥ {{detailAny.payprice}}</view> <view class="itenCon-actPrice" style="">￥ {{detailAny.payprice}}</view>
</view> </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}}个订单 预计发票金额：￥ <view style="color: #3D3D3D;font-size: 26rpx;font-weight: 400;margin-top: 10rpx;">已选择{{num}}个订单 预计发票金额：￥
{{totalPrice}} {{totalPrice}}
</view> </view>
@ -52,9 +52,9 @@
<view class="line-row" style="margin: 10rpx 0;"></view> <view class="line-row" style="margin: 10rpx 0;"></view>
<u-form-item label="发票内容" prop=""> <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"> <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=""> src="https://naweigetetest2.hschool.com.cn/miniapp/invoice/conRecord.png" mode="">
</image> </image>
</view> </view>
@ -189,7 +189,7 @@
<scroll-view scroll-y="true" class="popup-content"> <scroll-view scroll-y="true" class="popup-content">
<view class="manageList" v-for="(item,index) in headList" :key="index"> <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-if="item.head_type == 'corporate'">专用发票抬头</view>
<view class="manage-type" v-else>个人发票抬头</view> <view class="manage-type" v-else>个人发票抬头</view>
<view class="manageLine"></view> <view class="manageLine"></view>
@ -208,8 +208,8 @@
</view> </view>
</view> </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="manage-type">个人发票抬头</view>
<view class="manageLine"></view> <view class="manageLine"></view>
<view class="manageCon"> <view class="manageCon">
@ -226,7 +226,7 @@
</view> </view>
</view> </view>
</view> </view>
-->
</view> </view>
<view class="bottom_box flex justify-center align-items" v-if="headList.length == 0"> <view class="bottom_box flex justify-center align-items" v-if="headList.length == 0">
@ -823,12 +823,109 @@
display: grid; display: grid;
justify-content: center; 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 { .manageList-itemSpec {
background-color: #f8f8f8; background-color: #f8f8f8;
padding: 20rpx 0; padding: 20rpx 0;
width: 690rpx; width: 690rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
border-radius: 20rpx; border-radius: 20rpx;
height: 237rpx;
// margin-left: 5%; // margin-left: 5%;
// margin: 0 20rpx; // margin: 0 20rpx;
@ -916,11 +1013,13 @@
.manageList-itemPer { .manageList-itemPer {
background-color: #f8f8f8; background-color: #f8f8f8;
padding: 20rpx 0; padding: 20rpx 0;
width: 90%; // width: 90%;
width: 690rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; // margin: 0 auto;
margin-left: 5%; // margin-left: 5%;
height: 203rpx;
.manage-type { .manage-type {
width: 100%; width: 100%;
@ -1008,6 +1107,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 500rpx;
position: relative; position: relative;
// top:20rpx; // top:20rpx;
z-index: 10000; z-index: 10000;

49
packageB/invoice/invoiceCenter.vue
View File

@ -649,6 +649,19 @@
} }
}
.bottom_box {
display: grid;
justify-content: center;
align-items: center;
width: 100%;
// height: 900rpx;
position: absolute;
top: 40%;
} }
.invoiceBtn { .invoiceBtn {
@ -812,7 +825,7 @@
margin-top: 20rpx; margin-top: 20rpx;
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
height: auto; height: auto;
margin: 0 auto; // margin: 0 auto;
.reListIts-item { .reListIts-item {
display: flex; 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 { .manageRecord {
z-index: 100; z-index: 100;
position: fixed; position: fixed;
top: 70rpx; top: 76rpx;
// width: 100%; // width: 100%;
// margin: 0rpx 20rpx 20rpx 20rpx; // margin: 0rpx 20rpx 20rpx 20rpx;
padding: 20rpx 30rpx; padding: 30rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
@ -1069,23 +1093,28 @@
} }
} }
}
}
.bottom_box { .bottom_box {
display: grid; display: grid;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
position: absolute; height: 1000rpx;
top: 40%; // position: absolute;
// top: 50%;
} }
} }
}
}
.flex { .flex {
display: flex; display: flex;
} }