Commit b24b3b72 by liangjianmin

Update styles in approve and apply pages for improved visual consistency,…

Update styles in approve and apply pages for improved visual consistency, including margin adjustments, button styling changes, and removal of unused filter options.
parent 73ceb988
......@@ -10,7 +10,7 @@
.tabs-wrap {
background: #ffffff;
margin-bottom: 2rpx;
margin-bottom: 20rpx;
}
.filter-bar {
......@@ -94,26 +94,14 @@
font-weight: 500;
padding: 16rpx 0;
border-radius: 8rpx;
margin: 0 12rpx;
transition: all 0.2s ease;
&.reject {
color: #606266;
background: #f5f7fa;
border: 1rpx solid #dcdfe6;
&:active {
background: #e8eaed;
}
}
&.approve {
color: #3b82f6;
background: #ecf5ff;
border: 1rpx solid #b3d8ff;
color: #ffffff;
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
&:active {
background: #d9ecff;
opacity: 0.8;
}
}
}
......
......@@ -24,7 +24,7 @@
<view class="currency-hint">
<text>CNY-人民币元</text>
</view>
<u-form-item label="减免明细(单选)" prop="deductionType" required @click="showDeductionPicker = true">
<u-form-item label="减免明细(单选)" prop="deductionType" required @click="showDeductionPicker = true">
<u--input v-model="form.deductionTypeName" disabled disabledColor="#ffffff" placeholder="请选择" border="none" inputAlign="right"></u--input>
<u-icon slot="right" name="arrow-down" color="#c0c4cc"></u-icon>
</u-form-item>
......@@ -74,8 +74,7 @@
{ name: '费用减免申请', value: '1' }
],
deductionOptions: [
{ name: '代理费减免', value: '1' },
{ name: '标签操作费', value: '2' }
{ name: '代理费减免', value: '1' }
]
};
},
......
......@@ -8,13 +8,6 @@
<u-tabs :list="tabList" :current="currentTab" @click="onTabChange" :scrollable="false" lineColor="#3b82f6" lineWidth="50" lineHeight="4" :activeStyle="{ color: '#3b82f6', fontWeight: '600', fontSize: '32rpx' }" :inactiveStyle="{ color: '#909399', fontSize: '28rpx', fontWeight: '400' }" itemStyle="padding: 24rpx 40rpx"></u-tabs>
</view>
<view class="filter-bar row verCenter">
<view class="filter-btn row verCenter" @click="showFilterPicker = true">
<text class="filter-text">{{ currentFilterName }}</text>
<u-icon name="arrow-down" color="#606266"></u-icon>
</view>
</view>
<!-- 待处理列表 -->
<view class="list-wrap" v-if="currentTab === 0">
<view class="approve-card" v-for="item in pendingList" :key="item.id">
......@@ -41,8 +34,7 @@
</view>
</view>
<view class="card-footer row rowCenter">
<view class="action-btn reject" @click="handleReject(item)">拒绝</view>
<view class="action-btn approve" @click="handleApprove(item)">同意</view>
<view class="action-btn approve" @click="handleApprove(item)">审批</view>
</view>
</view>
......@@ -83,8 +75,6 @@
<u-empty v-if="!doneList.length" mode="data" text="暂无已处理审批"></u-empty>
</view>
<u-action-sheet :show="showFilterPicker" :actions="filterOptions" title="筛选审批类型" @close="showFilterPicker = false" @select="onFilterSelect"></u-action-sheet>
</view>
</template>
......@@ -98,14 +88,6 @@
{ name: '待处理(2)' },
{ name: '已处理' }
],
showFilterPicker: false,
currentFilter: 'all',
currentFilterName: '全部审批',
filterOptions: [
{ name: '全部审批', value: 'all' },
{ name: '代理费减免', value: 'agent' },
{ name: '标签操作费', value: 'label' }
],
// 静态演示数据
pendingList: [
{
......@@ -130,23 +112,23 @@
doneList: [
{
id: 3,
title: '客户费用减免申请',
title: '费用减免申请',
applicant: '陈小将',
customerName: '深圳市海克斯科技有限公司',
orderNo: 'B123456',
time: '2026-04-10 14:01',
tag: '标签操作费',
tag: '代理费减免',
status: 'reviewing',
statusText: '审批中'
},
{
id: 4,
title: '客户费用减免申请',
title: '费用减免申请',
applicant: '陈小将',
customerName: '深圳市海克斯科技有限公司',
orderNo: 'B123456',
time: '2026-04-10 14:01',
tag: '标签操作费',
tag: '代理费减免',
status: 'approved',
statusText: '已通过'
}
......@@ -164,17 +146,6 @@
},
/**
* 筛选选择
* @param {Object} item - 选中的筛选项
* @return {void}
*/
onFilterSelect(item) {
this.currentFilter = item.value;
this.currentFilterName = item.name;
this.showFilterPicker = false;
},
/**
* 拒绝审批
* @param {Object} item - 审批项
* @return {void}
......
<template>
<view class="page-auth column rowCenter verCenter">
<text class="logo"></text>
<text class="title">供应链商务系统</text>
<text class="title">供应链审批系统</text>
<view class="form-box column rowCenter verCenter">
<view class="input-box row verCenter">
<text class="iconfont icon-riqi"></text>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment