a4aa5d24 by lttnew

样式优化

1 parent a70d771e
......@@ -52,10 +52,10 @@
<text class="label">结算金额</text>
<text class="value red">¥{{ item.price }}</text>
</view>
<view class="info-row">
<!-- <view class="info-row">
<text class="label">结算状态</text>
<text :class="['value', item.status == '2' ? 'green' : item.status == '3' ? 'red' : '']">{{ item.verityStatusStr }}</text>
</view>
</view> -->
</view>
<!-- 底部信息 -->
......@@ -65,8 +65,8 @@
<text v-if="item.auditTime" class="date">审核: {{ formatDate(item.auditTime) }}</text>
</view>
<view class="footer-right">
<text v-if="item.fileUrl" class="invoice-btn" @click="downloadInvoice(item)">发票</text>
<view v-else class="invoice-btn disabled">发票</view>
<!-- <text v-if="item.fileUrl" class="invoice-btn" @click="downloadInvoice(item)">发票</text>
<view v-else class="invoice-btn disabled">发票</view> -->
<button
v-if="item.status == '1'"
class="btn-settle"
......
......@@ -92,7 +92,7 @@
</view>
<view class="info-line">
<text class="info-label">支付方式</text>
<text class="info-value">民生付</text>
<text class="info-value">{{ pay.ziZhangBu ? '对公转账' : '民生付' }}</text>
</view>
<view class="info-line">
<text class="info-label">审核状态</text>
......
......@@ -161,7 +161,7 @@ const handleSubmit = async () => {
.invoice-apply {
min-height: 100vh;
background: #f5f7fa;
padding-bottom: 140rpx;
// padding-bottom: 140rpx;
}
.content {
......@@ -256,18 +256,18 @@ const handleSubmit = async () => {
padding: 20rpx;
border: 2rpx solid #e4e7ed;
border-radius: 12rpx;
background: #fafafa;
background: #faf4f4;
transition: all 0.3s;
&.active {
border-color: #409eff;
background: #f0f6ff;
border-color: #AD181F;
background: #faf4f4;
}
.type-icon {
width: 60rpx;
height: 60rpx;
background: #f5f7ff;
background: #fbd9d9;
border-radius: 8rpx;
display: flex;
align-items: center;
......@@ -277,27 +277,27 @@ const handleSubmit = async () => {
.icon-text {
font-size: 28rpx;
font-weight: 600;
color: #409eff;
color: #AD181F;
}
&.enterprise {
background: #f0f6ff;
background: #fbd9d9;
.icon-text {
color: #1561CB;
color: #AD181F;
}
}
}
&.active .type-icon {
background: #409eff;
background: #AD181F;
.icon-text {
color: #fff;
}
&.enterprise {
background: #1561CB;
background: #AD181F;
}
}
......
......@@ -56,12 +56,16 @@
<!-- 缴费编号 -->
<view class="info-row payment-code-row" v-if="item.payTime">
<text class="label">缴费时间</text>
<text class="value order-no">{{ item.payTime || '' }}</text>
<text class="value order-no">{{ item.payTime.slice(0,10) || '' }}</text>
<!-- <view class="payment-code" >
<text class="code-text">{{ item.payTime || '——' }}</text>
</view> -->
</view>
<view class="info-row payment-code-row" >
<text class="label">开票状态</text>
<text class="value order-no">{{ item.invoiceStatus == 1 ? '已开票' : "未开票"}}</text>
</view>
<!-- 核心信息区:缴费年限/人数 + 缴费方式 -->
<view class="info-section flex f-j-s">
<view v-if="currentTab === 0 || currentTab === 1" class="single-info">
......@@ -70,12 +74,13 @@
</view>
<view v-if="currentTab === 2 || currentTab === 3 || currentTab === 4" class="single-info">
<view class="label">人数合计</view>
<view class="value">{{ item.content?.allPersonCount || 0 }}</view>
<view class="value">{{ item.content?.personCount || 0 }}</view>
</view>
<view class="divider"></view>
<view class="single-info">
<view class="label">缴费方式</view>
<view class="value">{{ item.ziZhangBu ? '对公转账' : (item.payWay || '民生付') }}</view>
<view class="value " style="color:blue" @click="getPayWay(item)" v-if="item.ziZhangBu">对公转账</view>
<view class="value" v-else>民生付</view>
</view>
<view class="divider"></view>
<view class="single-info">
......@@ -201,7 +206,11 @@ onReachBottom(() => {
initData();
}
});
const getPayWay = (item) => {
uni.redirectTo({
url: `/myCenter/transferPay?orderId=${item.id}`
});
}
// 切换标签
const switchTab = (index) => {
currentTab.value = index;
......@@ -379,7 +388,9 @@ const goToDetail = (item) => {
height: 100vh;
}
}
.link {
color: #667fee;
}
// 标签栏样式
.tab-bar {
display: flex;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!