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-12 09:46:49 +08:00
parent 25ce5aef43
commit 7b915afd84
1 changed files with 88 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
packageB/invoice/invoiceCenter.vue
View File

@ -19,6 +19,13 @@
</span> </span>
</view> </view>
<!-- 信息提醒 -->
<view class="manageRecord" v-if="selected == 2">
<image style="width: 36rpx;height: 36rpx;margin-right: 10rpx;" src="https://naweigetetest2.hschool.com.cn/miniapp/invoice/manageRecord.png" mode="">
</image>
<view>抬头信息仅用于开具发票，请勿用于转账等其他用途谨防受骗</view>
</view>
<view style="min-height: 100vh;margin-top: 80rpx;width: 100%;"> <view style="min-height: 100vh;margin-top: 80rpx;width: 100%;">
<!-- 合开发票 --> <!-- 合开发票 -->
<view v-if="selected == 0"> <view v-if="selected == 0">
@ -49,7 +56,7 @@
<view class="invoiceBtn" @click="handleIssueInvoice()"> <view class="invoiceBtn" @click="handleIssueInvoice()">
<view>申请开票</view> <view>申请开票</view>
</view> </view>
<view class="bottom_box flex justify-center align-items" style="height: 1240rpx;width: 100%;" <view class="bottom_box flex justify-center align-items"
v-if="unInvoiceList.length == 0"> v-if="unInvoiceList.length == 0">
<view style="text-align: center;"> <view style="text-align: center;">
<image src="/static/no.png" style="width: 150rpx;height: 150rpx;"></image> <image src="/static/no.png" style="width: 150rpx;height: 150rpx;"></image>
@ -58,9 +65,7 @@
</view> </view>
</view> </view>
<!-- 提交记录 --> <!-- 提交记录 -->
<view class="recordList" v-else-if="selected == 1"> <view class="recordList" v-else-if="selected == 1">
<!-- v-if="item[index].length == 1" --> <!-- v-if="item[index].length == 1" -->
@ -149,7 +154,7 @@
</view> </view>
</view> </view>
<view class="bottom_box flex justify-center align-items" style="height: 1240rpx;width: 100%;" <view class="bottom_box flex justify-center align-items"
v-if="recordList.length == 0"> v-if="recordList.length == 0">
<view style="text-align: center;"> <view style="text-align: center;">
<image src="/static/no.png" style="width: 150rpx;height: 150rpx;"></image> <image src="/static/no.png" style="width: 150rpx;height: 150rpx;"></image>
@ -158,14 +163,9 @@
</view> </view>
</view> </view>
<!-- 抬头管理 --> <!-- 抬头管理 -->
<view class="manageList" v-else> <view class="manageList" v-else>
<!-- 信息提醒 -->
<view class="manageRecord">
<image style="width: 36rpx;height: 36rpx;" src="https://naweigetetest2.hschool.com.cn/miniapp/invoice/manageRecord.png" mode="">
</image>
<text style="margin-left: 10rpx;">抬头信息仅用于开具发票，请勿用于转账等其他用途谨防受骗</text>
</view>
<!-- 专用 --> <!-- 专用 -->
<view class="manageList-item" v-for="(item,index) in headList" :key="index" style="margin-bottom: 20rpx;"> <view class="manageList-item" v-for="(item,index) in headList" :key="index" style="margin-bottom: 20rpx;">
<view class="manage-type" v-if="item.head_type == 'corporate'">专业发票抬头</view> <view class="manage-type" v-if="item.head_type == 'corporate'">专业发票抬头</view>
@ -203,11 +203,14 @@
</view> </view>
</view>--> </view>-->
<!-- 按钮 --> <!-- 按钮 -->
<view class="footer-mangBtn">
<view class="invoiceBtn" @click="addHead()"> <view class="invoiceBtn" @click="addHead()">
<view>添加发票抬头</view> <view>添加发票抬头</view>
</view> </view>
</view>
<view class="bottom_box flex justify-center align-items" style="height: 1240rpx;width: 100%;"
<view class="bottom_box flex justify-center align-items"
v-if="headList.length == 0"> v-if="headList.length == 0">
<view style="text-align: center;"> <view style="text-align: center;">
<image src="/static/no.png" style="width: 150rpx;height: 150rpx;"></image> <image src="/static/no.png" style="width: 150rpx;height: 150rpx;"></image>
@ -659,11 +662,12 @@
.record-tabs { .record-tabs {
// background: #ffffff; background: #f5f5f5;
width: 100%; width: 100%;
z-index: 1000;
display: flex; display: flex;
overflow-x: auto; overflow-x: auto;
position: relative; position: fixed;
top: 90rpx; top: 90rpx;
margin: 10rpx 0; margin: 10rpx 0;
border-radius: 30rpx; border-radius: 30rpx;
@ -686,6 +690,7 @@
line-height: 26rpx; line-height: 26rpx;
flex: 0 0 auto; flex: 0 0 auto;
position: relative; position: relative;
z-index: 1000;
} }
.s-header.selected { .s-header.selected {
@ -696,6 +701,7 @@
// font-size: 32rpx; // font-size: 32rpx;
color: #323232; color: #323232;
line-height: 28rpx; line-height: 28rpx;
z-index: 1000;
} }
} }
@ -706,6 +712,7 @@
height: auto; height: auto;
display: block; display: block;
justify-content: center; justify-content: center;
margin-top: 120rpx;
.recordList-item { .recordList-item {
@ -890,13 +897,13 @@
} }
} }
.manageList {
display: grid;
justify-content: center;
// padding-top: 20rpx;
.manageRecord { .manageRecord {
margin: 20rpx; z-index: 100;
position: fixed;
top: 70rpx;
// width: 100%;
// margin: 0rpx 20rpx 20rpx 20rpx;
padding: 20rpx ;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
@ -908,9 +915,16 @@
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
background-color: #f5f5f5;
// margin: 0 auto; // margin: 0 auto;
} }
.manageList {
display: grid;
justify-content: center;
margin-top: 80rpx;
// padding-top: 20rpx;
.manageList-item { .manageList-item {
background-color: #ffffff; background-color: #ffffff;
padding: 20rpx 0; padding: 20rpx 0;
@ -999,6 +1013,34 @@
} }
} }
.footer-mangBtn {
width: 100%;
height: 160rpx;
background-color: #ffffff;
position: fixed;
bottom: 0;
left: 0;
.invoiceBtn {
width: 90%;
height: 90rpx;
background-color: #323232;
border-radius: 148rpx;
color: #BBFC5B;
font-size: 36rpx;
font-weight: 400;
line-height: 50rpx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
text-transform: none;
font-style: normal;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: fixed;
bottom: 32rpx;
margin-left: 5%;
}
} }
} }
@ -1006,6 +1048,18 @@
} }
.bottom_box{
display: grid;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
top:40%;
}
}
.flex { .flex {
display: flex; display: flex;
} }