fix： 工作台所有页面，ui功能优化。

src/pages/work/bill/creditInstallmentHistory/addEdit.vue

@@ -2,11 +2,8 @@
     <view class="container" style="paddingBottom:1rpx;">
       <u-navbar
 			leftIconSize="40rpx"
-			leftIconColor="#ffffff"
+			leftIconColor="#333333"
 			title="信用卡分期账单"
-			:titleStyle="{color: '#ffffff', fontSize: '36rpx', fontWeight: '600'}"
-			:bgColor="'transparent'"
-			:customStyle="{background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', boxShadow: '0 4rpx 12rpx rgba(102, 126, 234, 0.3)'}"
 		>
 		</u-navbar>
       <view class="section">
@@ -62,17 +59,13 @@
             </u-form-item>
           </u--form>
           <view class="form-btn">
-            <u-button type="primary" text="提交" @click="submit" 
-              customStyle="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 16rpx; font-size: 32rpx; font-weight: 600; height: 96rpx; box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);"></u-button>
+            <u-button type="primary" text="提交" @click="submit"></u-button>
           </view>
         </view>
       </view>
       <u-toast ref="uToast"></u-toast>
       <u-picker itemHeight="88" :show="showTeam" :columns="settleStateList" keyName="dictLabel" @cancel="handleCancel"
-        @confirm="handleConfirm" 
-        title="选择结清状态"
-        :confirmColor="'#667eea'"
-        :cancelColor="'#666666'"></u-picker>
+        @confirm="handleConfirm"></u-picker>
         <u-datetime-picker
 			:show="datePickShow"
 			mode="date"
@@ -81,9 +74,6 @@
 			@cancel="datePickShow=false"
 			@confirm="datePickConfirm"
 			itemHeight="88"
-			title="选择分期日期"
-			:confirmColor="'#667eea'"
-			:cancelColor="'#666666'"
 		></u-datetime-picker>
     <u-datetime-picker
 			:show="closeDatePickShow"
@@ -93,15 +83,9 @@
 			@cancel="closeDatePickShow=false"
 			@confirm="closeDatePickConfirm"
 			itemHeight="88"
-			title="选择关闭日期"
-			:confirmColor="'#667eea'"
-			:cancelColor="'#666666'"
 		></u-datetime-picker>
     <u-picker itemHeight="88" :show="showOnlineLend" :columns="bankCardLendList" keyName="nameCode" @cancel="handleOnlineLendCancel"
-        @confirm="handleOnlineLendConfirm" 
-        title="选择信用卡"
-        :confirmColor="'#667eea'"
-        :cancelColor="'#666666'"></u-picker>
+        @confirm="handleOnlineLendConfirm"></u-picker>
     </view>
   </template>
   
@@ -288,25 +272,54 @@ onLoad((option) => {
   <style lang="scss" scoped>
   .section {
     margin: 24rpx;
-    padding: 16rpx 24rpx;
+    padding: 0;
     background-color: #fff;
-    border-radius: 8rpx;
+    border-radius: 16rpx;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+    overflow: hidden;
   
     .section-title {
-      width: 360rpx;
-      color: #333333;
-      line-height: 44rpx;
-      font-size: 30rpx;
-      border-left: 6rpx solid #2681FF;
-      padding-left: 26rpx;
+      padding: 16rpx 24rpx;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: #ffffff;
+      line-height: 1.2;
+      font-size: 28rpx;
+      font-weight: 600;
+      display: flex;
+      align-items: center;
+      
+      &::before {
+        content: '';
+        width: 6rpx;
+        height: 28rpx;
+        background: #ffffff;
+        border-radius: 3rpx;
+        margin-right: 12rpx;
+      }
     }
   
     .form-view {
-      padding: 20rpx 0rpx 0 10rpx;
+      padding: 24rpx;
   
       .form-btn {
-        padding-top: 20rpx;
+        padding-top: 16rpx;
       }
     }
   }
+  </style>
+  
+  <style lang="scss">
+  .form-btn .u-button {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    border: none !important;
+    border-radius: 24rpx !important;
+    height: 80rpx !important;
+    box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
+  }
+  
+  .form-btn .u-button__text {
+    font-size: 30rpx !important;
+    font-weight: 500 !important;
+    letter-spacing: 2rpx !important;
+  }
   </style>