Skip to content

梁建民 / scm_app

Go to a project
Commit b24b3b72 by liangjianmin
Options

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
Inline Side-by-side
Showing with 12 additions and 54 deletions
assets/css/approve/index.scss
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
.tabs-wrap { .tabs-wrap {
background: #ffffff; background: #ffffff;
margin-bottom: 2rpx; margin-bottom: 20rpx;
} }
.filter-bar { .filter-bar {
...@@ -94,26 +94,14 @@ ...@@ -94,26 +94,14 @@
font-weight: 500; font-weight: 500;
padding: 16rpx 0; padding: 16rpx 0;
border-radius: 8rpx; border-radius: 8rpx;
margin: 0 12rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
&.reject {
color: #606266;
background: #f5f7fa;
border: 1rpx solid #dcdfe6;
&:active {
background: #e8eaed;
}
}
&.approve { &.approve {
color: #3b82f6; color: #ffffff;
background: #ecf5ff; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
border: 1rpx solid #b3d8ff;
&:active { &:active {
background: #d9ecff; opacity: 0.8;
} }
} }
} }
......
pages/apply/index.vue
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<view class="currency-hint"> <view class="currency-hint">
<text>CNY-人民币元</text> <text>CNY-人民币元</text>
</view> </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--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-icon slot="right" name="arrow-down" color="#c0c4cc"></u-icon>
</u-form-item> </u-form-item>
...@@ -74,8 +74,7 @@ ...@@ -74,8 +74,7 @@
{ name: '费用减免申请', value: '1' } { name: '费用减免申请', value: '1' }
], ],
deductionOptions: [ deductionOptions: [
{ name: '代理费减免', value: '1' }, { name: '代理费减免', value: '1' }
{ name: '标签操作费', value: '2' }
] ]
}; };
}, },
......
pages/approve/index.vue
...@@ -8,13 +8,6 @@ ...@@ -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> <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>
<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="list-wrap" v-if="currentTab === 0">
<view class="approve-card" v-for="item in pendingList" :key="item.id"> <view class="approve-card" v-for="item in pendingList" :key="item.id">
...@@ -41,8 +34,7 @@ ...@@ -41,8 +34,7 @@
</view> </view>
</view> </view>
<view class="card-footer row rowCenter"> <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>
</view> </view>
...@@ -83,8 +75,6 @@ ...@@ -83,8 +75,6 @@
<u-empty v-if="!doneList.length" mode="data" text="暂无已处理审批"></u-empty> <u-empty v-if="!doneList.length" mode="data" text="暂无已处理审批"></u-empty>
</view> </view>
<u-action-sheet :show="showFilterPicker" :actions="filterOptions" title="筛选审批类型" @close="showFilterPicker = false" @select="onFilterSelect"></u-action-sheet>
</view> </view>
</template> </template>
...@@ -98,14 +88,6 @@ ...@@ -98,14 +88,6 @@
{ name: '待处理(2)' }, { name: '待处理(2)' },
{ name: '已处理' } { name: '已处理' }
], ],
showFilterPicker: false,
currentFilter: 'all',
currentFilterName: '全部审批',
filterOptions: [
{ name: '全部审批', value: 'all' },
{ name: '代理费减免', value: 'agent' },
{ name: '标签操作费', value: 'label' }
],
// 静态演示数据 // 静态演示数据
pendingList: [ pendingList: [
{ {
...@@ -130,23 +112,23 @@ ...@@ -130,23 +112,23 @@
doneList: [ doneList: [
{ {
id: 3, id: 3,
title: '客户费用减免申请', title: '费用减免申请',
applicant: '陈小将', applicant: '陈小将',
customerName: '深圳市海克斯科技有限公司', customerName: '深圳市海克斯科技有限公司',
orderNo: 'B123456', orderNo: 'B123456',
time: '2026-04-10 14:01', time: '2026-04-10 14:01',
tag: '标签操作费', tag: '代理费减免',
status: 'reviewing', status: 'reviewing',
statusText: '审批中' statusText: '审批中'
}, },
{ {
id: 4, id: 4,
title: '客户费用减免申请', title: '费用减免申请',
applicant: '陈小将', applicant: '陈小将',
customerName: '深圳市海克斯科技有限公司', customerName: '深圳市海克斯科技有限公司',
orderNo: 'B123456', orderNo: 'B123456',
time: '2026-04-10 14:01', time: '2026-04-10 14:01',
tag: '标签操作费', tag: '代理费减免',
status: 'approved', status: 'approved',
statusText: '已通过' statusText: '已通过'
} }
...@@ -164,17 +146,6 @@ ...@@ -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 - 审批项 * @param {Object} item - 审批项
* @return {void} * @return {void}
......
pages/mine/login.vue
<template> <template>
<view class="page-auth column rowCenter verCenter"> <view class="page-auth column rowCenter verCenter">
<text class="logo"></text> <text class="logo"></text>
<text class="title">供应链商务系统</text> <text class="title">供应链审批系统</text>
<view class="form-box column rowCenter verCenter"> <view class="form-box column rowCenter verCenter">
<view class="input-box row verCenter"> <view class="input-box row verCenter">
<text class="iconfont icon-riqi"></text> <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