fix: 下拉框超长时候,显示不全,问题修复。

This commit is contained in:
tianyongbao
2026-06-28 13:11:32 +08:00
parent f353971554
commit b10361be2d
41 changed files with 260 additions and 230 deletions

View File

@@ -15,14 +15,13 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="信用卡" prop="creditCardName" required @click="handleCreditCard">
<view class="input-with-arrow">
<u--input v-model="form.creditCardName" readonly disabledColor="#ffffff" placeholder="请选择信用卡"
inputAlign="left" :customStyle="getInputStyle('creditCardName')"></u--input>
<u--input v-model="form.creditCardName" readonly placeholder="请选择信用卡" :customStyle="getInputStyle('creditCardName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
<u-form-item label="账单日" prop="billDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="getInputStyle('billDate')"></u--input>
<u--input v-model="form.billDate" readonly placeholder="请选择账单日" :customStyle="getInputStyle('billDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -32,8 +31,7 @@
</u-form-item>
<u-form-item label="账单状态" prop="billStateName" required @click="handleShowTeam">
<view class="input-with-arrow">
<u--input v-model="form.billStateName" readonly disabledColor="#ffffff" placeholder="请选择账单状态"
inputAlign="left" :customStyle="getInputStyle('billStateName')"></u--input>
<u--input v-model="form.billStateName" readonly placeholder="请选择账单状态" :customStyle="getInputStyle('billStateName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,8 +13,7 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="信用卡" prop="onlineLendName" required @click="handleOnlineLend">
<view class="input-with-arrow">
<u--input v-model="form.onlineLendName" readonly disabledColor="#ffffff" placeholder="请选择信用卡"
inputAlign="left" :customStyle="getInputStyle('onlineLendName')"></u--input>
<u--input v-model="form.onlineLendName" readonly placeholder="请选择信用卡" :customStyle="getInputStyle('onlineLendName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -24,7 +23,7 @@
</u-form-item>
<u-form-item label="分期日期" prop="installmentDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.installmentDate" readonly disabledColor="#ffffff" placeholder="请选择分期日期" inputAlign="left" :customStyle="getInputStyle('installmentDate')"></u--input>
<u--input v-model="form.installmentDate" readonly placeholder="请选择分期日期" :customStyle="getInputStyle('installmentDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -38,8 +37,7 @@
</u-form-item>
<u-form-item label="结清状态" prop="settleStateName" required @click="handleShowTeam">
<view class="input-with-arrow">
<u--input v-model="form.settleStateName" readonly disabledColor="#ffffff" placeholder="请选择结清状态"
inputAlign="left" :customStyle="getInputStyle('settleStateName')"></u--input>
<u--input v-model="form.settleStateName" readonly placeholder="请选择结清状态" :customStyle="getInputStyle('settleStateName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -57,7 +55,7 @@
</u-form-item>
<u-form-item label="关闭日期" prop="closeDate" @click="selectCloseDate()">
<view class="input-with-arrow">
<u--input v-model="form.closeDate" readonly disabledColor="#ffffff" placeholder="请选择关闭日期" inputAlign="left" :customStyle="getInputStyle('closeDate')"></u--input>
<u--input v-model="form.closeDate" readonly placeholder="请选择关闭日期" :customStyle="getInputStyle('closeDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,7 +13,7 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="还款日期" prop="repaymentDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.repaymentDate" readonly disabledColor="#ffffff" placeholder="请选择还款日期" inputAlign="left" :customStyle="getInputStyle('repaymentDate')"></u--input>
<u--input v-model="form.repaymentDate" readonly placeholder="请选择还款日期" :customStyle="getInputStyle('repaymentDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -35,8 +35,7 @@
</u-form-item>
<u-form-item label="入账状态" prop="postingStateName" required @click="handleShowTeam">
<view class="input-with-arrow">
<u--input v-model="form.postingStateName" readonly disabledColor="#ffffff" placeholder="请选择入账状态"
inputAlign="left" :customStyle="getInputStyle('postingStateName')"></u--input>
<u--input v-model="form.postingStateName" readonly placeholder="请选择入账状态" :customStyle="getInputStyle('postingStateName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -17,14 +17,13 @@
</u-form-item>
<u-form-item label="查询原因" prop="typeName" required @click="handleShowTeam">
<view class="input-with-arrow">
<u--input v-model="form.typeName" readonly disabledColor="#ffffff" placeholder="请选择查询原因"
inputAlign="left" :customStyle="getInputStyle('typeName')"></u--input>
<u--input v-model="form.typeName" readonly placeholder="请选择查询原因" :customStyle="getInputStyle('typeName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
<u-form-item label="查询日期" prop="queryDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.queryDate" readonly disabledColor="#ffffff" placeholder="请选择查询日期" inputAlign="left" :customStyle="getInputStyle('queryDate')"></u--input>
<u--input v-model="form.queryDate" readonly placeholder="请选择查询日期" :customStyle="getInputStyle('queryDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,14 +13,13 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="期货账户" prop="futureStocksName" required @click="handleFutureStocks">
<view class="input-with-arrow">
<u--input v-model="form.futureStocksName" readonly disabledColor="#ffffff" placeholder="请选择期货账户"
inputAlign="left" :customStyle="getInputStyle('futureStocksName')"></u--input>
<u--input v-model="form.futureStocksName" readonly placeholder="请选择期货账户" :customStyle="getInputStyle('futureStocksName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
<u-form-item label="账单日" prop="billDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="getInputStyle('billDate')"></u--input>
<u--input v-model="form.billDate" readonly placeholder="请选择账单日" :customStyle="getInputStyle('billDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,8 +13,7 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="贷款机构" prop="onlineLendName" required @click="handleOnlineLend">
<view class="input-with-arrow">
<u--input v-model="form.onlineLendName" readonly disabledColor="#ffffff" placeholder="请选择贷款机构"
inputAlign="left" :customStyle="getInputStyle('onlineLendName')"></u--input>
<u--input v-model="form.onlineLendName" readonly placeholder="请选择贷款机构" :customStyle="getInputStyle('onlineLendName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -24,14 +23,13 @@
</u-form-item>
<u-form-item label="借款日期" prop="installmentDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.installmentDate" readonly disabledColor="#ffffff" placeholder="请选择借款日期" inputAlign="left" :customStyle="getInputStyle('installmentDate')"></u--input>
<u--input v-model="form.installmentDate" readonly placeholder="请选择借款日期" :customStyle="getInputStyle('installmentDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
<u-form-item label="收款账户" prop="debitCardName" required @click="handleDebitCard">
<view class="input-with-arrow">
<u--input v-model="form.debitCardName" readonly disabledColor="#ffffff" placeholder="请选择收款账户"
inputAlign="left" :customStyle="getInputStyle('debitCardName')"></u--input>
<u--input v-model="form.debitCardName" readonly placeholder="请选择收款账户" :customStyle="getInputStyle('debitCardName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -45,8 +43,7 @@
</u-form-item>
<u-form-item label="结清状态" prop="settleStateName" required @click="handleShowTeam">
<view class="input-with-arrow">
<u--input v-model="form.settleStateName" readonly disabledColor="#ffffff" placeholder="请选择结清状态"
inputAlign="left" :customStyle="getInputStyle('settleStateName')"></u--input>
<u--input v-model="form.settleStateName" readonly placeholder="请选择结清状态" :customStyle="getInputStyle('settleStateName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -64,7 +61,7 @@
</u-form-item>
<u-form-item label="关闭日期" prop="closeDate" @click="selectCloseDate()">
<view class="input-with-arrow">
<u--input v-model="form.closeDate" readonly disabledColor="#ffffff" placeholder="请选择关闭日期" inputAlign="left" :customStyle="getInputStyle('closeDate')"></u--input>
<u--input v-model="form.closeDate" readonly placeholder="请选择关闭日期" :customStyle="getInputStyle('closeDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,14 +13,13 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="还款账户" prop="debitCardName" required @click="!viewOnly && handleDebitCard()">
<view class="input-with-arrow">
<u--input v-model="form.debitCardName" readonly disabledColor="#ffffff" placeholder="请选择还款账户"
inputAlign="left" :customStyle="getInputStyle('debitCardName')"></u--input>
<u--input v-model="form.debitCardName" readonly placeholder="请选择还款账户" :customStyle="getInputStyle('debitCardName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
<u-form-item label="还款日期" prop="repaymentDate" required @click="!viewOnly && selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.repaymentDate" readonly disabledColor="#ffffff" placeholder="请选择还款日期" inputAlign="left" :customStyle="getInputStyle('repaymentDate')"></u--input>
<u--input v-model="form.repaymentDate" readonly placeholder="请选择还款日期" :customStyle="getInputStyle('repaymentDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -42,8 +41,7 @@
</u-form-item>
<u-form-item label="还款状态" prop="postingStateName" required @click="!viewOnly && handleShowTeam()">
<view class="input-with-arrow">
<u--input v-model="form.postingStateName" readonly disabledColor="#ffffff" placeholder="请选择入账状态"
inputAlign="left" :customStyle="getInputStyle('postingStateName')"></u--input>
<u--input v-model="form.postingStateName" readonly placeholder="请选择入账状态" :customStyle="getInputStyle('postingStateName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,8 +13,7 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="人情借贷" prop="onlineLendName" required @click="handleOnlineLend">
<view class="input-with-arrow">
<u--input v-model="form.onlineLendName" readonly disabledColor="#ffffff" placeholder="请选择人情借贷"
inputAlign="left" :customStyle="getInputStyle('onlineLendName')"></u--input>
<u--input v-model="form.onlineLendName" readonly placeholder="请选择人情借贷" :customStyle="getInputStyle('onlineLendName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -24,7 +23,7 @@
</u-form-item>
<u-form-item label="借款日期" prop="installmentDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.installmentDate" readonly disabledColor="#ffffff" placeholder="请选择借款日期" inputAlign="left" :customStyle="getInputStyle('installmentDate')"></u--input>
<u--input v-model="form.installmentDate" readonly placeholder="请选择借款日期" :customStyle="getInputStyle('installmentDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
@@ -34,8 +33,7 @@
</u-form-item>
<u-form-item label="结清状态" prop="settleStateName" required @click="handleShowTeam">
<view class="input-with-arrow">
<u--input v-model="form.settleStateName" readonly disabledColor="#ffffff" placeholder="请选择结清状态"
inputAlign="left" :customStyle="getInputStyle('settleStateName')"></u--input>
<u--input v-model="form.settleStateName" readonly placeholder="请选择结清状态" :customStyle="getInputStyle('settleStateName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>

View File

@@ -13,14 +13,13 @@
:labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
<u-form-item label="股票账户" prop="futureStocksName" required @click="handleFutureStocks">
<view class="input-with-arrow">
<u--input v-model="form.futureStocksName" readonly disabledColor="#ffffff" placeholder="请选择股票账户"
inputAlign="left" :customStyle="getInputStyle('futureStocksName')"></u--input>
<u--input v-model="form.futureStocksName" readonly placeholder="请选择股票账户" :customStyle="getInputStyle('futureStocksName')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>
<u-form-item label="账单日" prop="billDate" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="getInputStyle('billDate')"></u--input>
<u--input v-model="form.billDate" readonly placeholder="请选择账单日" :customStyle="getInputStyle('billDate')" disabledColor="#ffffff" inputAlign="left"></u--input>
<text class="arrow-icon"></text>
</view>
</u-form-item>