fix: 新增页面，样式统一修复。

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

@@ -11,29 +11,35 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="信用卡" prop="creditCardName" required @click="handleCreditCard">
-              <u--input v-model="form.creditCardName" disabled disabledColor="#ffffff" placeholder="请选择信用卡"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.creditCardName" readonly disabledColor="#ffffff" placeholder="请选择信用卡"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="账单日" prop="billDate" required @click="selectDate()">
-              <u--input v-model="form.billDate" disabled disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="账单金额" prop="billAmount" required >
               <u--input v-model="form.billAmount"  type="number" placeholder="请填写账单金额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="账单状态" prop="billStateName" required @click="handleShowTeam">
-              <u--input v-model="form.billStateName" disabled disabledColor="#ffffff" placeholder="请选择账单状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.billStateName" readonly disabledColor="#ffffff" placeholder="请选择账单状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -77,6 +83,16 @@ const showCreditCard = ref(false)
 const title = ref("信用卡账单")
 const bankCardLendList = ref([])
 const billStateList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {
     id: null,
@@ -217,44 +233,53 @@ onLoad((option) => {
   </script>
   
   <style lang="scss" scoped>
-page {
-  height: 100%;
-  overflow: auto;
-}
-
-
-  .section {
+.section {
     margin: 24rpx;
-    padding: 32rpx;
+    padding: 16rpx 24rpx;
     background-color: #fff;
-    border-radius: 16rpx;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
-  
+    border-radius: 8rpx;
+
     .section-title {
-      width: 360rpx;
-      color: #2c3e50;
-      line-height: 44rpx;
-      font-size: 30rpx;
+      padding: 16rpx 24rpx;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: #ffffff;
+      line-height: 1.2;
+      font-size: 28rpx;
       font-weight: 600;
-      padding-left: 20rpx;
-      position: relative;
-      margin-bottom: 24rpx;
-      
+      display: flex;
+      align-items: center;
+      margin: -16rpx -24rpx 20rpx;
+
       &::before {
         content: '';
-        position: absolute;
-        left: 0;
         width: 6rpx;
-        height: 32rpx;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        height: 28rpx;
+        background: #ffffff;
         border-radius: 3rpx;
+        margin-right: 12rpx;
       }
     }
   
     .form-view {
       padding: 20rpx 0rpx 0 10rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 32rpx;
         
         .u-button {

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

@@ -9,53 +9,61 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="信用卡" prop="onlineLendName" required @click="handleOnlineLend">
-              <u--input v-model="form.onlineLendName" disabled disabledColor="#ffffff" placeholder="请选择信用卡"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.onlineLendName" readonly disabledColor="#ffffff" placeholder="请选择信用卡"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="分期金额" prop="installmentAmount" required >
               <u--input v-model="form.installmentAmount"  type="number" placeholder="请填写分期金额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="分期日期" prop="installmentDate" required @click="selectDate()">
-              <u--input v-model="form.installmentDate" disabled disabledColor="#ffffff" placeholder="请选择分期日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.installmentDate" readonly disabledColor="#ffffff" placeholder="请选择分期日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="分期期数" prop="period" required >
               <u--input v-model="form.period"  type="number" placeholder="请填写分期期数"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="余额" prop="balance" required >
               <u--input v-model="form.balance"  type="number" placeholder="请填写余额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="结清状态" prop="settleStateName" required @click="handleShowTeam">
-              <u--input v-model="form.settleStateName" disabled disabledColor="#ffffff" placeholder="请选择结清状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.settleStateName" readonly disabledColor="#ffffff" placeholder="请选择结清状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="总利息" prop="totalInterest" required >
               <u--input v-model="form.totalInterest"  type="number" placeholder="请填写总利息"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="已还期数" prop="repaidPeriod" required >
               <u--input v-model="form.repaidPeriod"  type="number" placeholder="请填写已还期数"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="利率" prop="interestRate"  >
               <u--input v-model="form.interestRate"  placeholder="请填写利率"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="关闭日期" prop="closeDate"  @click="selectCloseDate()">
-              <u--input v-model="form.closeDate" disabled disabledColor="#ffffff" placeholder="请选择关闭日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.closeDate" readonly disabledColor="#ffffff" placeholder="请选择关闭日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -109,6 +117,16 @@ const showOnlineLend = ref(false)
 const title = ref("信用卡分期账单")
 const bankCardLendList = ref([])
 const settleStateList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {
     id: null,
@@ -301,7 +319,23 @@ onLoad((option) => {
     .form-view {
       padding: 24rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 16rpx;
       }
     }

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

@@ -9,37 +9,41 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="还款日期" prop="repaymentDate" required @click="selectDate()">
-              <u--input v-model="form.repaymentDate" disabled disabledColor="#ffffff" placeholder="请选择还款日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.repaymentDate" readonly disabledColor="#ffffff" placeholder="请选择还款日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="还款期数" prop="periods" required >
               <u--input v-model="form.periods"  placeholder="请填写还款期数"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="还款金额" prop="currentAmount"  >
               <u--input v-model="form.currentAmount"   type="number" placeholder="请填写还款金额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="应还本金" prop="principal" required >
               <u--input v-model="form.principal"   type="number" placeholder="请填写应还本金"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="利息" prop="interest" required >
               <u--input v-model="form.interest"   type="number" placeholder="请填写利息"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="入账状态" prop="postingStateName" required @click="handleShowTeam">
-              <u--input v-model="form.postingStateName" disabled disabledColor="#ffffff" placeholder="请选择入账状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.postingStateName" readonly disabledColor="#ffffff" placeholder="请选择入账状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
            
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -78,6 +82,16 @@ const datePickShow = ref(false)
 const showTeam = ref(false)
 const title = ref("信用卡分期还款明细")
 const postingStateList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {},
   rules: {
@@ -203,7 +217,23 @@ onLoad((option) => {
     .form-view {
       padding: 24rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 16rpx;
       }
     }

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

@@ -9,24 +9,28 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="查询机构" prop="name" required >
               <u--input v-model="form.queryInstitution"  placeholder="请填写查询机构"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="查询原因" prop="typeName" required @click="handleShowTeam">
-              <u--input v-model="form.typeName" disabled disabledColor="#ffffff" placeholder="请选择查询原因"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.typeName" readonly disabledColor="#ffffff" placeholder="请选择查询原因"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="查询日期" prop="queryDate" required @click="selectDate()">
-              <u--input v-model="form.queryDate" disabled disabledColor="#ffffff" placeholder="请选择查询日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.queryDate" readonly disabledColor="#ffffff" placeholder="请选择查询日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -66,6 +70,16 @@ const showTeam = ref(false)
 const title = ref("征信记录查询")
 const typeList = ref([])
 const flag = ref('add')
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {},
   rules: {
@@ -209,7 +223,23 @@ onLoad((option) => {
     .form-view {
       padding: 20rpx 0rpx 0 10rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 20rpx;
       }
     }

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

@@ -9,24 +9,28 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="期货账户" prop="futureStocksName" required @click="handleFutureStocks">
-              <u--input v-model="form.futureStocksName" disabled disabledColor="#ffffff" placeholder="请选择期货账户"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.futureStocksName" readonly disabledColor="#ffffff" placeholder="请选择期货账户"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="账单日" prop="billDate" required @click="selectDate()">
-              <u--input v-model="form.billDate" disabled disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="期货收益" prop="billAmount" required >
               <u--input v-model="form.billAmount"  type="number" placeholder="请填写期货收益"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -71,6 +75,16 @@ const showFutureStocks = ref(false)
 const title = ref("期货账单")
 const futureStocksBillList = ref([])
 const billStateList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {
     id: null,
@@ -216,6 +230,22 @@ onLoad((option) => {
   .form-view {
     padding: 20rpx 0rpx 0 10rpx;
 
+        .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
     .form-btn {
       padding-top: 20rpx;
     }

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

@@ -9,58 +9,68 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="贷款机构" prop="onlineLendName" required @click="handleOnlineLend">
-              <u--input v-model="form.onlineLendName" disabled disabledColor="#ffffff" placeholder="请选择贷款机构"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.onlineLendName" readonly disabledColor="#ffffff" placeholder="请选择贷款机构"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="借款金额" prop="installmentAmount" required >
               <u--input v-model="form.installmentAmount"  type="number" placeholder="请填写借款金额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="借款日期" prop="installmentDate" required @click="selectDate()">
-              <u--input v-model="form.installmentDate" disabled disabledColor="#ffffff" placeholder="请选择借款日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.installmentDate" readonly disabledColor="#ffffff" placeholder="请选择借款日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
              <u-form-item label="收款账户" prop="debitCardName" required @click="handleDebitCard">
-              <u--input v-model="form.debitCardName" disabled disabledColor="#ffffff" placeholder="请选择收款账户"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.debitCardName" readonly disabledColor="#ffffff" placeholder="请选择收款账户"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="借款期数" prop="period" required >
               <u--input v-model="form.period"  type="number" placeholder="请填写借款期数"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="余额" prop="balance" required >
               <u--input v-model="form.balance" type="number" placeholder="请填写余额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="结清状态" prop="settleStateName" required @click="handleShowTeam">
-              <u--input v-model="form.settleStateName" disabled disabledColor="#ffffff" placeholder="请选择结清状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.settleStateName" readonly disabledColor="#ffffff" placeholder="请选择结清状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="总利息" prop="totalInterest"  required >
               <u--input v-model="form.totalInterest" type="number" placeholder="请填写总利息"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="已还期数" prop="repaidPeriod" required >
               <u--input v-model="form.repaidPeriod"  type="number" placeholder="请填写已还期数"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="利率" prop="interestRate"  >
               <u--input v-model="form.interestRate"  placeholder="请填写利率"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="关闭日期" prop="closeDate"  @click="selectCloseDate()">
-              <u--input v-model="form.closeDate" disabled disabledColor="#ffffff" placeholder="请选择关闭日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.closeDate" readonly disabledColor="#ffffff" placeholder="请选择关闭日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -118,6 +128,16 @@ const bankCardLendList = ref([])
 const showDebitCard = ref(false)
 const debitCardList = ref([])
 const settleStateList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {
     id: null,
@@ -340,7 +360,23 @@ onLoad((option) => {
     .form-view {
       padding: 24rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 16rpx;
       }
     }

src/pages/work/bill/onlineLendHistory/detailsAddEdit.vue

@@ -9,42 +9,48 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
              <u-form-item label="还款账户" prop="debitCardName" required @click="!viewOnly && handleDebitCard()">
-              <u--input v-model="form.debitCardName" disabled disabledColor="#ffffff" placeholder="请选择还款账户"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down" v-if="!viewOnly"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.debitCardName" readonly disabledColor="#ffffff" placeholder="请选择还款账户"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="还款日期" prop="repaymentDate" required @click="!viewOnly && selectDate()">
-              <u--input v-model="form.repaymentDate" disabled disabledColor="#ffffff" placeholder="请选择还款日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right" v-if="!viewOnly"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.repaymentDate" readonly disabledColor="#ffffff" placeholder="请选择还款日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="还款期数" prop="periods" required >
               <u--input v-model="form.periods" :disabled="viewOnly" :disabledColor="viewOnly ? '#ffffff' : ''" placeholder="请填写还款期数"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="还款金额" prop="currentAmount"  >
               <u--input v-model="form.currentAmount" :disabled="viewOnly" :disabledColor="viewOnly ? '#ffffff' : ''" placeholder="请填写还款金额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="应还本金" prop="principal" required >
               <u--input v-model="form.principal" :disabled="viewOnly" :disabledColor="viewOnly ? '#ffffff' : ''" placeholder="请填写应还本金"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="利息" prop="interest" required >
               <u--input v-model="form.interest" :disabled="viewOnly" :disabledColor="viewOnly ? '#ffffff' : ''" placeholder="请填写利息"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="还款状态" prop="postingStateName" required @click="!viewOnly && handleShowTeam()">
-              <u--input v-model="form.postingStateName" disabled disabledColor="#ffffff" placeholder="请选择入账状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down" v-if="!viewOnly"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.postingStateName" readonly disabledColor="#ffffff" placeholder="请选择入账状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
            
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" :disabled="viewOnly" :disabledColor="viewOnly ? '#ffffff' : ''" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" :disabled="viewOnly" :disabledColor="viewOnly ? '#ffffff' : ''" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn" v-if="!viewOnly">
@@ -89,6 +95,16 @@ const showDebitCard = ref(false)
 const debitCardList = ref([])
 const postingStateList = ref([])
 const viewOnly = ref(false)
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {},
    queryDebitCardParams: {
@@ -252,7 +268,23 @@ onLoad((option) => {
     .form-view {
       padding: 24rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 16rpx;
       }
     }

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

@@ -9,33 +9,39 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="人情借贷" prop="onlineLendName" required @click="handleOnlineLend">
-              <u--input v-model="form.onlineLendName" disabled disabledColor="#ffffff" placeholder="请选择人情借贷"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.onlineLendName" readonly disabledColor="#ffffff" placeholder="请选择人情借贷"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="借款金额" prop="installmentAmount" required >
               <u--input v-model="form.installmentAmount"  type="number" placeholder="请填写借款金额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="借款日期" prop="installmentDate" required @click="selectDate()">
-              <u--input v-model="form.installmentDate" disabled disabledColor="#ffffff" placeholder="请选择借款日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.installmentDate" readonly disabledColor="#ffffff" placeholder="请选择借款日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="还款日期" prop="closeDate"  >
               <u--input v-model="form.closeDate"  placeholder="请填写还款日期"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="结清状态" prop="settleStateName" required @click="handleShowTeam">
-              <u--input v-model="form.settleStateName" disabled disabledColor="#ffffff" placeholder="请选择结清状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.settleStateName" readonly disabledColor="#ffffff" placeholder="请选择结清状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -100,6 +106,16 @@ const showOnlineLend = ref(false)
 const title = ref("人情账单")
 const bankCardLendList = ref([])
 const settleStateList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {
     id: null,
@@ -288,6 +304,22 @@ onLoad((option) => {
   .form-view {
     padding: 20rpx 0rpx 0 10rpx;
 
+        .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
     .form-btn {
       padding-top: 20rpx;
     }

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

@@ -9,24 +9,28 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
             <u-form-item label="股票账户" prop="futureStocksName" required @click="handleFutureStocks">
-              <u--input v-model="form.futureStocksName" disabled disabledColor="#ffffff" placeholder="请选择股票账户"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.futureStocksName" readonly disabledColor="#ffffff" placeholder="请选择股票账户"
+                  inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="账单日" prop="billDate" required @click="selectDate()">
-              <u--input v-model="form.billDate" disabled disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="股票收益" prop="billAmount" required >
               <u--input v-model="form.billAmount"  type="number" placeholder="请填写股票收益"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -69,6 +73,15 @@ const datePickShow = ref(false)
 const showTeam = ref(false)
 const showFutureStocks = ref(false)
 const title = ref("股票账单")
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
 const futureStocksBillList = ref([])
 const billStateList = ref([])
 const data = reactive({
@@ -216,6 +229,22 @@ onLoad((option) => {
   .form-view {
     padding: 20rpx 0rpx 0 10rpx;
 
+    .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
     .form-btn {
       padding-top: 20rpx;
     }