Update styles in apply and approve pages to enhance visual consistency,…

Update styles in apply and approve pages to enhance visual consistency, including adjustments to currency hint, form item attributes, and tab component layout.

assets/css/apply/index.scss

@@ -17,9 +17,8 @@
 
     .currency-hint {
       font-size: 24rpx;
-      color: #909399;
-      padding: 0 0 20rpx;
-      margin-top: -16rpx;
+      color: #c0c4cc;
+      padding: 12rpx 0 24rpx;
       line-height: 1;
     }
 

assets/css/approve/index.scss

@@ -8,6 +8,11 @@
     background: #ffffff;
   }
 
+  .tabs-wrap {
+    background: #ffffff;
+    margin-bottom: 2rpx;
+  }
+
   .filter-bar {
     padding: 20rpx 28rpx;
     background: #ffffff;

pages/apply/index.vue

@@ -9,7 +9,7 @@
                 <u-form-item label="订单号" prop="orderNo" required borderBottom>
                     <u--input v-model="form.orderNo" placeholder="请输入" border="none" inputAlign="right"></u--input>
                 </u-form-item>
-                <u-form-item label="客户名称" prop="customerName" required borderBottom>
+                <u-form-item label="客户名称" prop="customerName" required>
                     <view class="row verCenter boxFlex" style="justify-content: flex-end;">
                         <text class="link-text">关联订单号显示</text>
                     </view>
@@ -24,15 +24,15 @@
                 <view class="currency-hint">
                     <text>CNY-人民币元</text>
                 </view>
-                <u-form-item label="减免明细(单选)" prop="deductionType" required borderBottom @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>
             </view>
 
             <view class="form-section">
-                <u-form-item label="免收原因" prop="reason" required labelPosition="top">
-                    <u--textarea v-model="form.reason" placeholder="请输入" count maxlength="200" autoHeight border="surround"></u--textarea>
+                <u-form-item label="免收原因" prop="reason" required labelPosition="top" customStyle="padding-top: 24rpx">
+                    <u--textarea v-model="form.reason" placeholder="请输入" count maxlength="200" height="70" border="surround" customStyle="margin-top: 16rpx"></u--textarea>
                 </u-form-item>
             </view>
         </u-form>

pages/approve/index.vue

@@ -4,7 +4,9 @@
             <u-search v-model="keyword" :placeholder="currentTab === 0 ? '客户名称' : '申请内容'" shape="round" :showAction="false" bgColor="#f5f7fa"></u-search>
         </view>
 
-        <u-tabs :list="tabList" :current="currentTab" @click="onTabChange" lineColor="#3b82f6" :activeStyle="{ color: '#3b82f6', fontWeight: '600' }" :inactiveStyle="{ color: '#909399' }"></u-tabs>
+        <view class="tabs-wrap">
+            <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">
@@ -32,7 +34,7 @@
                     </view>
                     <view class="card-row row verCenter bothSide">
                         <view class="row verCenter">
-                            <u-icon name="info-circle-fill" color="#3b82f6" size="28"></u-icon>
+                            <u-icon name="info-circle-fill" color="#3b82f6"></u-icon>
                             <text class="card-time">{{ item.time }}</text>
                         </view>
                         <text class="card-tag">{{ item.tag }}</text>
@@ -66,7 +68,7 @@
                     </view>
                     <view class="card-row row verCenter bothSide">
                         <view class="row verCenter">
-                            <u-icon name="info-circle-fill" color="#3b82f6" size="28"></u-icon>
+                            <u-icon name="info-circle-fill" color="#3b82f6"></u-icon>
                             <text class="card-time">{{ item.time }}</text>
                         </view>
                         <text class="card-tag">{{ item.tag }}</text>