qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
tianyongbao
2026-06-26 15:00:39 +08:00
parent a2b891671a
commit c988be7a72
39 changed files with 1921 additions and 746 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/pages/work/accounts/accountDealRecord/addEdit.vue
View File

@@ -9,51 +9,66 @@
<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="typeName" required @click="handleAccountType">
<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="储蓄账户类型" v-show="debitTypeShow" prop="tempDebitTypeName" @click="handleDebitType">
<u--input v-model="tempDebitTypeName" disabled disabledColor="#ffffff" placeholder="请选择储蓄账户类型"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
<u-form-item label="储蓄账户类型" v-show="debitTypeShow" prop="tempDebitTypeName" @click="handleDebitType">
<view class="input-with-arrow">
<u--input v-model="tempDebitTypeName" readonly disabledColor="#ffffff" placeholder="请选择储蓄账户类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="记账账户" prop="accountName" required @click="handleAccountName">
<u--input v-model="form.accountName" 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.accountName" readonly disabledColor="#ffffff" placeholder="请选择记账账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易类型" prop="dealTypeName" required @click="handleDealType">
<u--input v-model="form.dealTypeName" disabled disabledColor="#ffffff" placeholder="请选择交易类型"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="交易时间" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.dealTypeName" readonly disabledColor="#ffffff" placeholder="请选择交易类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易金额" prop="amount" required >
<u-form-item label="交易时间" prop="createTime" required @click="selectDate()">
<view class="input-with-arrow">
<u--input v-model="form.createTime" readonly disabledColor="#ffffff" placeholder="请选择交易时间"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易金额" prop="amount" required>
<u--input v-model="form.amount" type="number" placeholder="请填写交易金额"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="交易类别" prop="dealCategoryName" required @click="handleDealCategory">
<u--input v-model="form.dealCategoryName" 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.dealCategoryName" readonly disabledColor="#ffffff" placeholder="请选择交易类别"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易子类别" v-show="childCategoryShow" prop="childCategoryName" required @click="handleChildCategory">
<u--input v-model="form.childCategoryName" 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.childCategoryName" readonly disabledColor="#ffffff" placeholder="请选择交易子类别"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易地点" prop="locationAddress" labelPosition="top">
<view class="location-field">
<view class="location-main">
<u--input v-model="form.locationAddress" placeholder="未记录地点，可手动填写或点击定位"
border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text v-if="form.locationName" class="location-name">{{ form.locationName }}</text>
<text v-if="hasCoordinate" class="location-coord">经纬度：{{ form.longitude }}，{{ form.latitude }}</text>
</view>
@@ -63,9 +78,9 @@
</view>
</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-form-item label="备注" prop="remark" labelPosition="top">
<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">
@@ -129,6 +144,16 @@ const locationLoading = ref(false)
// 临时变量，仅用于前端筛选，不保存到数据库
const tempDebitType = ref(null)
const tempDebitTypeName = ref(null)
// 统一输入框样式（参考 health-weixin 分支）
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,
@@ -713,6 +738,23 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
// 带箭头的输入框容器
.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;
}
}
.location-field {
width: 100%;
display: flex;

68
src/pages/work/accounts/creditTransferRecord/addEdit.vue
View File

@@ -11,34 +11,42 @@
<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="outAccountName" required @click="handleDebitCard">
<u--input v-model="form.outAccountName" 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.outAccountName" readonly disabledColor="#ffffff" placeholder="请选择储蓄账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="信用卡" prop="inAccountName" required @click="handleCreditCard">
<u--input v-model="form.inAccountName" 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.inAccountName" readonly disabledColor="#ffffff" placeholder="请选择信用卡"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="还款时间" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" readonly disabledColor="#ffffff" placeholder="请选择还款时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="还款金额" prop="amount" required >
<u--input v-model="form.amount" type="number" placeholder="请填写还款金额"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="还款方式" prop="dealTypeName" required @click="handleDealType">
<u--input v-model="form.dealTypeName" 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.dealTypeName" 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">
@@ -114,6 +122,16 @@ const title = ref("信用卡还款")
const bankCardLendList = ref([])
const debitCardList = ref([])
const dealTypeList = 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,
@@ -335,7 +353,23 @@ function handleCreditCard() {
.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;
}
}

60
src/pages/work/accounts/debitTransferRecord/addEdit.vue
View File

@@ -9,29 +9,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="outAccountName" required @click="handleOutAccount">
<u--input v-model="form.outAccountName" 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.outAccountName" readonly disabledColor="#ffffff" placeholder="请选择转出账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="转入账户" prop="inAccountName" required @click="handleInAccount">
<u--input v-model="form.inAccountName" 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.inAccountName" readonly disabledColor="#ffffff" placeholder="请选择转入账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="转账时间" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" readonly disabledColor="#ffffff" placeholder="请选择转账时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="转账金额" type="number" prop="amount" required >
<u--input v-model="form.amount" 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">
@@ -92,6 +98,16 @@ const showInAccount = ref(false)
const title = ref("储蓄账户转账")
const inAccountList = ref([])
const outAccountList = 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,
@@ -276,7 +292,23 @@ function handleInAccount() {
.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;
}
}

64
src/pages/work/accounts/investAccountDeal/addEdit.vue
View File

@@ -9,37 +9,43 @@
<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="accountName" required @click="handleAccountName">
<u--input v-model="form.accountName" 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.accountName" readonly disabledColor="#ffffff" placeholder="请选择投资账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<!-- <u-form-item label="交易类型" prop="dealTypeName" required @click="handleDealType">
<u--input v-model="form.dealTypeName" 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.dealTypeName" readonly disabledColor="#ffffff" placeholder="请选择交易类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item> -->
<u-form-item label="交易时间" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" readonly disabledColor="#ffffff" placeholder="请选择交易时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易金额" prop="amount" v-show="!futuresShow" required >
<u--input v-model="form.amount" type="number" placeholder="请填写交易金额"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="平仓盈亏" prop="closedPosition" v-show="futuresShow" required >
<u--input v-model="form.closedPosition" type="number" placeholder="请填写平仓盈亏"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="手续费" prop="commission" v-show="futuresShow" required >
<u--input v-model="form.commission" type="number" placeholder="请填写手续费"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="备注" v-show="!futuresShow" 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">
@@ -85,6 +91,16 @@ const dealTypeList = ref([])
const futuresShow = ref(false)
//账户类型
const accountType = ref(0)
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,
@@ -343,7 +359,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;
}
}

60
src/pages/work/accounts/investTransferRecord/addEdit.vue
View File

@@ -11,30 +11,36 @@
<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="inAccountName" required @click="handleFutruesStocks">
<u--input v-model="form.inAccountName" 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.inAccountName" readonly disabledColor="#ffffff" placeholder="请选择投资账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易类型" prop="dealTypeName" required @click="handleDealType">
<u--input v-model="form.dealTypeName" 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.dealTypeName" readonly disabledColor="#ffffff" placeholder="请选择交易类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="转账时间" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" readonly disabledColor="#ffffff" placeholder="请选择转账时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="转账金额" prop="amount" required >
<u--input v-model="form.amount" 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">
@@ -78,6 +84,16 @@ const title = ref("投资账户记账")
const futruesStocksList = ref([])
const dealTypeList = 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: {
id: null,
@@ -286,7 +302,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;
}
}

68
src/pages/work/accounts/lendTransferRecord/addEdit.vue
View File

@@ -9,38 +9,46 @@
<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="outAccountName" required @click="handleOutAccount">
<u--input v-model="form.outAccountName" 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.outAccountName" readonly disabledColor="#ffffff" placeholder="请选择借贷账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="储蓄账户" prop="inAccountName" required @click="handleInAccount">
<u--input v-model="form.inAccountName" 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.inAccountName" readonly disabledColor="#ffffff" placeholder="请选择储蓄账户"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="交易类型" prop="dealTypeName" required @click="handleDealType">
<u--input v-model="form.dealTypeName" 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.dealTypeName" readonly disabledColor="#ffffff" placeholder="请选择交易类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item :label="createTimeLabel" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" readonly disabledColor="#ffffff" placeholder="请选择借贷时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item :label="amountLabel" prop="amount" required >
<u--input v-model="form.amount" type="number" placeholder="请填写借贷金额"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="还款利息" v-show="commissionShow" prop="commission" >
<u--input v-model="form.commission" 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">
@@ -119,6 +127,16 @@ const title = ref("借贷账户记账")
const dealTypeList = ref([])
const inAccountList = ref([])
const outAccountList = 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,
@@ -350,6 +368,22 @@ function handleInAccount() {
.form-view {
padding: 24rpx;
.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;
}

64
src/pages/work/accounts/posTransferRecord/addEdit.vue
View File

@@ -11,16 +11,18 @@
<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="POS机" prop="posName" required @click="handlePosMachine">
<u--input v-model="form.posName" disabled disabledColor="#ffffff" placeholder="请选择POS机"
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.posName" readonly disabledColor="#ffffff" placeholder="请选择POS机"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="刷卡费率" required prop="rate" >
<u--input v-model="form.rate" type="number" placeholder="请填写刷卡费率"
inputAlign="right" border="none">
inputAlign="left" :customStyle="inputBaseStyle">
<template #suffix>
<up-text
text="%"
@@ -30,24 +32,28 @@
</u-form-item>
<u-form-item label="费率+" prop="ratePlus" >
<u--input v-model="form.ratePlus" type="number" placeholder="请填写费率+"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="信用卡" prop="outAccountName" required @click="handleCreditCard">
<u--input v-model="form.outAccountName" 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.outAccountName" readonly disabledColor="#ffffff" placeholder="请选择信用卡"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="刷卡时间" prop="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" readonly disabledColor="#ffffff" placeholder="请选择刷卡时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="刷卡金额" prop="amount" required >
<u--input v-model="form.amount" 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">
@@ -109,6 +115,16 @@ const showCreditCard = ref(false)
const title = ref("POS机刷卡记账")
const bankCardLendList = ref([])
const posMachineList = 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,
@@ -294,7 +310,23 @@ function handleCreditCard() {
.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;
}
}

64
src/pages/work/base/bankBaseInfo/addEdit.vue
View File

@@ -9,49 +9,53 @@
<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="bankName" required>
<u--input v-model="form.bankName" placeholder="请填写银行全称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="银行简称" prop="bankShortName" required>
<u--input v-model="form.bankShortName" placeholder="请填写银行简称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="银行类型" required prop="bankTypeName" @click="handleShowBankType">
<u--input v-model="form.bankTypeName" 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.bankTypeName" readonly disabledColor="#ffffff" placeholder="请选择银行类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="信用卡多账户合并出账" prop="multiAccountConsolidatedName" required @click="handleShowAccounting">
<u--input v-model="form.multiAccountConsolidatedName" 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.multiAccountConsolidatedName" readonly disabledColor="#ffffff" placeholder="请选择信用卡多账户合并出账"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="英文简称" prop="englishShortName">
<u--input v-model="form.englishShortName" placeholder="请填写英文简称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="归属省份" prop="province">
<u--input v-model="form.province" placeholder="请填写归属省份"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="归属城市" prop="city">
<u--input v-model="form.city" placeholder="请填写归属城市"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="统一社会信用代码" prop="unifiedCreditCode">
<u--input v-model="form.unifiedCreditCode" placeholder="请填写统一社会信用代码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="排序" prop="orderNum">
<u--input v-model.number="form.orderNum" 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">
@@ -79,6 +83,16 @@ const showAccounting = ref(false)
const title = ref("银行基础信息管理")
const bankTypeList = ref([])
const accountingList = 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: {
@@ -248,6 +262,22 @@ function submit() {
.form-view {
padding: 24rpx;
.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;
}

112
src/pages/work/base/creditCard/addEdit.vue
View File

@@ -9,95 +9,109 @@
<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="银行" required prop="bankName" @click="handleShowBank">
<u--input v-model="form.bankName" 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.bankName" readonly disabledColor="#ffffff" placeholder="请选择银行"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="信用卡名称" prop="name" required >
<u--input v-model="form.name" placeholder="请填写信用卡名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="信用卡卡号" prop="code" required >
<u--input v-model="form.code" placeholder="请填写信用卡卡号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="信用卡额度" required prop="creditLimit" >
<u--input v-model="form.creditLimit" type="number" placeholder="请填写信用卡额度"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="账单日" required prop="billDate" >
<u--input v-model="form.billDate" type="number" placeholder="请填写账单日"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="还款日" required prop="payDate" >
<u--input v-model="form.payDate" type="number" placeholder="请填写还款日"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="余额" required prop="balance" >
<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="可用额度" required prop="availableLimit" >
<u--input v-model="form.availableLimit" type="number" placeholder="请填写可用额度"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账单日消费" required prop="isNextBillDateName" @click="handleShowIsNextBillDate">
<u--input v-model="form.isNextBillDateName" 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.isNextBillDateName" readonly disabledColor="#ffffff" placeholder="请选择账单日消费"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="信用卡安全码" prop="cvv" >
<u--input v-model="form.cvv" placeholder="请填写信用卡安全码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="卡片等级" prop="cardTierName" @click="handleShowCardTier">
<u--input v-model="form.cardTierName" 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.cardTierName" readonly disabledColor="#ffffff" placeholder="请选择卡片等级"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="卡面" prop="cardFace">
<u--input v-model="form.cardFace" placeholder="请填写卡面"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="开户行" prop="openingBank" >
<u--input v-model="form.openingBank" placeholder="请填写开户行"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="开户日期" prop="activationDate" @click="selectDate(1)">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="宽限期" prop="delayPeriod" >
<u--input v-model="form.delayPeriod" placeholder="请填写宽限期"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="有效期" prop="effectiveDate" @click="selectDate(2)">
<u--input v-model="form.effectiveDate" 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.effectiveDate" readonly disabledColor="#ffffff" placeholder="请选择有效期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="账单日时间" prop="nextBillDateTime" >
<u--input v-model="form.nextBillDateTime" placeholder="请填写账单日时间"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="0账单操作" prop="isZeroBillName" @click="handleShowIsZeroBill">
<u--input v-model="form.isZeroBillName" disabled disabledColor="#ffffff" placeholder="请选择0账单操作"
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.isZeroBillName" readonly disabledColor="#ffffff" placeholder="请选择0账单操作"
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">
@@ -150,6 +164,16 @@ const showBank = ref(false)
const bankList = ref([])
const showCardTier = ref(false)
const cardTierList = 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,
@@ -437,7 +461,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: 32rpx;
}
}

84
src/pages/work/base/creditCard/adjustLimit.vue
View File

@@ -9,12 +9,12 @@
<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="beforeLimit">
<u--input v-model="form.beforeLimit" disabled disabledColor="#ffffff" placeholder="调整前额度"
inputAlign="right" border="none">
<u--input v-model="form.beforeLimit" readonly disabledColor="#ffffff" placeholder="调整前额度"
inputAlign="left" :customStyle="inputBaseStyle">
<template #suffix>
<text style="color: #909399; font-size: 28rpx;">元</text>
</template>
@@ -22,27 +22,31 @@
</u-form-item>
<u-form-item label="调额类型" prop="limitTypeName" required @click="handleShowLimitType">
<u--input v-model="form.limitTypeName" 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.limitTypeName" readonly disabledColor="#ffffff" placeholder="请选择调额类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="调整类型" prop="adjustTypeName" required @click="handleShowAdjustType">
<u--input v-model="form.adjustTypeName" 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.adjustTypeName" readonly disabledColor="#ffffff" placeholder="请选择调整类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="调整后额度" prop="afterLimit" required>
<u--input v-model="form.afterLimit" type="number" placeholder="请输入调整后额度"
inputAlign="right" border="none">
inputAlign="left" :customStyle="inputBaseStyle">
<template #suffix>
<text style="color: #909399; font-size: 28rpx;">元</text>
</template>
</u--input>
</u-form-item>
<u-form-item label="调整额度" prop="adjustLimit">
<u--input v-model="adjustLimitDisplay" disabled disabledColor="#ffffff" placeholder="自动计算"
inputAlign="right" border="none" :style="{ color: adjustLimitColor }">
<u--input v-model="adjustLimitDisplay" readonly disabledColor="#ffffff" placeholder="自动计算"
inputAlign="left" :customStyle="inputBaseStyle" :style="{ color: adjustLimitColor }">
<template #suffix>
<text style="color: #909399; font-size: 28rpx;">元</text>
</template>
@@ -51,26 +55,32 @@
<u-form-item label="生效日期" prop="effectDate" required @click="selectEffectDate">
<u--input v-model="form.effectDate" 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.effectDate" readonly disabledColor="#ffffff" placeholder="请选择生效日期"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="截止日期" prop="deadlineDate" :required="isTemporary" @click="selectDeadlineDate">
<u--input v-model="form.deadlineDate" disabled disabledColor="#ffffff" :placeholder="isTemporary ? '请选择截止日期（必填）' : '请选择截止日期（可选）'"
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.deadlineDate" readonly disabledColor="#ffffff" :placeholder="isTemporary ? '请选择截止日期（必填）' : '请选择截止日期（可选）'"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="调整时间" prop="adjustTime" required @click="selectAdjustTime">
<u--input v-model="form.adjustTime" 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.adjustTime" 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="500" style="padding:18rpx 0;"></u--textarea>
<u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
maxlength="500" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
</u-form-item>
</u--form>
<view class="form-btn">
@@ -143,6 +153,16 @@ const deadlineDatePickShow = ref(false)
const adjustTimePickShow = ref(false)
const adjustTypeList = ref([])
const limitTypeList = 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: {
@@ -481,6 +501,22 @@ function submit() {
.form-view {
padding: 24rpx;
.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;
}

90
src/pages/work/base/debitCard/addEdit.vue
View File

@@ -9,60 +9,72 @@
<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="bankName" @click="handleShowBank">
<u--input v-model="form.bankName" 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.bankName" readonly disabledColor="#ffffff" placeholder="请选择银行"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="储蓄账户名称" prop="name" required >
<u--input v-model="form.name" placeholder="请填写储蓄账户名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="储蓄账户卡号" prop="code" required >
<u--input v-model="form.code" placeholder="请填写储蓄账户卡号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="余额" required prop="balance" >
<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="debitTypeName" required @click="handleShowTeam">
<u--input v-model="form.debitTypeName" 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.debitTypeName" readonly disabledColor="#ffffff" placeholder="请选择储蓄账户类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="卡片等级" prop="cardTierName" @click="handleShowCardTier">
<u--input v-model="form.cardTierName" 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.cardTierName" readonly disabledColor="#ffffff" placeholder="请选择卡片等级"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="卡面" prop="cardFace">
<u--input v-model="form.cardFace" placeholder="请填写卡面"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="开户行" prop="openingBank" >
<u--input v-model="form.openingBank" placeholder="请填写开户行"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="开户日期" prop="activationDate" @click="selectDate(1)">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="有效期" prop="effectiveDate" @click="selectDate(2)">
<u--input v-model="form.effectiveDate" 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.effectiveDate" 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">
@@ -111,6 +123,16 @@ const showBank = ref(false)
const bankList = ref([])
const showCardTier = ref(false)
const cardTierList = 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,
@@ -362,7 +384,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;
}
}

76
src/pages/work/base/debitCard/adjustLimit.vue
View File

@@ -9,33 +9,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="beforeLimit">
<u--input v-model="form.beforeLimit" disabled disabledColor="#ffffff" placeholder="调整前额度"
inputAlign="right" border="none">
<u--input v-model="form.beforeLimit" readonly disabledColor="#ffffff" placeholder="调整前额度"
inputAlign="left" :customStyle="inputBaseStyle">
<template #suffix>
<text style="color: #909399; font-size: 28rpx;">元</text>
</template>
</u--input>
</u-form-item>
<u-form-item label="调整类型" prop="adjustTypeName" required @click="handleShowAdjustType">
<u--input v-model="form.adjustTypeName" 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.adjustTypeName" readonly disabledColor="#ffffff" placeholder="请选择调整类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="调整后额度" prop="afterLimit" required>
<u--input v-model="form.afterLimit" type="number" placeholder="请输入调整后额度"
inputAlign="right" border="none">
inputAlign="left" :customStyle="inputBaseStyle">
<template #suffix>
<text style="color: #909399; font-size: 28rpx;">元</text>
</template>
</u--input>
</u-form-item>
<u-form-item label="调整额度" prop="adjustLimit">
<u--input v-model="adjustLimitDisplay" disabled disabledColor="#ffffff" placeholder="自动计算"
inputAlign="right" border="none" :style="{ color: adjustLimitColor }">
<u--input v-model="adjustLimitDisplay" readonly disabledColor="#ffffff" placeholder="自动计算"
inputAlign="left" :customStyle="inputBaseStyle" :style="{ color: adjustLimitColor }">
<template #suffix>
<text style="color: #909399; font-size: 28rpx;">元</text>
</template>
@@ -44,26 +46,32 @@
<u-form-item label="生效日期" prop="effectDate" required @click="selectEffectDate">
<u--input v-model="form.effectDate" 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.effectDate" readonly disabledColor="#ffffff" placeholder="请选择生效日期"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="截止日期" prop="deadlineDate" @click="selectDeadlineDate">
<u--input v-model="form.deadlineDate" 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.deadlineDate" readonly disabledColor="#ffffff" placeholder="请选择截止日期（可选）"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="调整时间" prop="adjustTime" required @click="selectAdjustTime">
<u--input v-model="form.adjustTime" 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.adjustTime" 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="500" style="padding:18rpx 0;"></u--textarea>
<u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
maxlength="500" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
</u-form-item>
</u--form>
<view class="form-btn">
@@ -130,6 +138,16 @@ const effectDatePickShow = ref(false)
const deadlineDatePickShow = ref(false)
const adjustTimePickShow = ref(false)
const adjustTypeList = 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: {
@@ -412,6 +430,22 @@ function submit() {
.form-view {
padding: 24rpx;
.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;
}

68
src/pages/work/base/financials/addEdit.vue
View File

@@ -9,48 +9,54 @@
<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.name" placeholder="请填写理财账户名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账号" prop="code" required >
<u--input v-model="form.code" placeholder="请填写账号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="余额" required prop="balance" >
<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="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<!-- <u-form-item label="密码" prop="password" >
<u--input v-model="form.password" placeholder="请填写密码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item> -->
<u-form-item label="开户日期" prop="activationDate" @click="selectDate()">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="关联储蓄卡" prop="bankNameCode" @click="handleDebitCard">
<u--input v-model="form.bankNameCode" 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.bankNameCode" readonly disabledColor="#ffffff" placeholder="请选择关联储蓄卡"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="佣金费率" prop="commission" >
<u--input v-model="form.commission" 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">
@@ -91,6 +97,16 @@ const debitCardList = ref([])
const dateType = ref(1)
const showStatus = ref(false)
const statusList = 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,
@@ -277,7 +293,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: 32rpx;
}
}

76
src/pages/work/base/futures/addEdit.vue
View File

@@ -9,65 +9,71 @@
<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.name" placeholder="请填写期货账户名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账号" prop="code" required >
<u--input v-model="form.code" placeholder="请填写账号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="余额" required prop="balance" >
<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="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="开户日期" prop="activationDate" @click="selectDate()">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="关联储蓄卡" prop="bankNameCode" @click="handleDebitCard">
<u--input v-model="form.bankNameCode" 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.bankNameCode" readonly disabledColor="#ffffff" placeholder="请选择关联储蓄卡"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<!-- <u-form-item label="密码" prop="password" >
<u--input v-model="form.password" placeholder="请填写密码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item> -->
<u-form-item label="期货交易中心账号" prop="tradingCenterCode" >
<u--input v-model="form.tradingCenterCode" placeholder="请填写期货交易中心账号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<!-- <u-form-item label="期货交易中心密码" prop="tradingCenterPassword" >
<u--input v-model="form.tradingCenterPassword" placeholder="请填写期货交易中心密码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item> -->
<!-- <u-form-item label="资金密码" prop="fundPassword" >
<u--input v-model="form.fundPassword" placeholder="请填写资金密码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item> -->
<u-form-item label="手续费" prop="commission" >
<u--input v-model="form.commission" placeholder="请填写手续费"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="保证金比例" prop="bond" >
<u--input v-model="form.bond" 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">
@@ -108,6 +114,16 @@ const debitCardList = ref([])
const dateType = ref(1)
const showStatus = ref(false)
const statusList = 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,
@@ -295,7 +311,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: 32rpx;
}
}

80
src/pages/work/base/lend/addEdit.vue
View File

@@ -9,50 +9,60 @@
<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="bankName" @click="handleShowBank">
<u--input v-model="form.bankName" 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.bankName" readonly disabledColor="#ffffff" placeholder="请选择银行"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="借贷名称" prop="name" required >
<u--input v-model="form.name" placeholder="请填写借贷名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账号" prop="code" required >
<u--input v-model="form.code" placeholder="请填写账号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="类型" prop="lendTypeName" required @click="handleShowTeam">
<u--input v-model="form.lendTypeName" 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.lendTypeName" readonly disabledColor="#ffffff" placeholder="请选择类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="余额" required prop="balance" >
<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="activationDate" @click="selectDate(1)">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开通日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="注销日期" prop="effectiveDate" @click="selectDate(2)">
<u--input v-model="form.effectiveDate" 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.effectiveDate" readonly disabledColor="#ffffff" placeholder="请选择注销日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<!-- <u-form-item label="可用额度" prop="availableLimit" >
<u--input v-model="form.availableLimit" 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">
@@ -97,6 +107,16 @@ const showStatus = ref(false)
const statusList = ref([])
const showBank = ref(false)
const bankList = 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,
@@ -318,7 +338,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: 32rpx;
}
}

98
src/pages/work/base/posmachine/addEdit.vue
View File

@@ -9,38 +9,44 @@
<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="POS机名称" prop="name" required >
<u--input v-model="form.name" placeholder="请填写POS机名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="类型" required prop="typeName" @click="handleShowType">
<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="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="商户名称" prop="merchantName" required >
<u--input v-model="form.merchantName" placeholder="请填写商户名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="结算卡" prop="bankNameCode" required @click="handleDebitCard">
<u--input v-model="form.bankNameCode" 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.bankNameCode" readonly disabledColor="#ffffff" placeholder="请选择结算卡"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="编号" required prop="code" >
<u--input v-model="form.code" placeholder="请填写编号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="刷卡费率" required prop="rate" >
<u--input v-model="form.rate" type="number" placeholder="请填写刷卡费率"
inputAlign="right" border="none">
inputAlign="left" :customStyle="inputBaseStyle">
<template #suffix>
<up-text
text="%"
@@ -50,39 +56,45 @@
</u-form-item>
<u-form-item label="费率+" required prop="ratePlus" >
<u--input v-model="form.ratePlus" type="number" placeholder="请填写费率+"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="舍入模式" required prop="roundingModeName" @click="handleShowRoundingMode">
<u--input v-model="form.roundingModeName" 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.roundingModeName" readonly disabledColor="#ffffff" placeholder="请选择舍入模式"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="供货商" prop="manufacture" >
<u--input v-model="form.manufacture" placeholder="请填写供货商"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="支付公司" prop="payCompany" >
<u--input v-model="form.payCompany" placeholder="支付公司"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="启用日期" prop="activationDate" @click="selectDate()">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择启用日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<!-- <u-form-item label="商户类型" prop="merchantTypeName" @click="handleShowMerchantType">
<u--input v-model="form.merchantTypeName" 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.merchantTypeName" readonly disabledColor="#ffffff" placeholder="请选择商户类型"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="商户码" prop="merchantCode" >
<u--input v-model="form.merchantCode" 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">
@@ -135,6 +147,16 @@ const showRoundingMode = ref(false)
const roundingModeList = ref([])
const debitCardList = ref([])
const dateType = ref(1)
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,
@@ -401,7 +423,23 @@ onLoad((option) => {
.form-view {
padding: 20rpx;
.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: 24rpx;
}
}

68
src/pages/work/base/stocks/addEdit.vue
View File

@@ -9,48 +9,54 @@
<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.name" placeholder="请填写股票账户名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="账号" prop="code" required >
<u--input v-model="form.code" placeholder="请填写账号"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="余额" required prop="balance" >
<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="账户状态" required prop="statusName" @click="handleShowStatus">
<u--input v-model="form.statusName" 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.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<!-- <u-form-item label="密码" prop="password" >
<u--input v-model="form.password" placeholder="请填写密码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item> -->
<u-form-item label="开户日期" prop="activationDate" @click="selectDate()">
<u--input v-model="form.activationDate" 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.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="关联储蓄卡" prop="bankNameCode" @click="handleDebitCard">
<u--input v-model="form.bankNameCode" 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.bankNameCode" readonly disabledColor="#ffffff" placeholder="请选择关联储蓄卡"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="佣金费率" prop="commission" >
<u--input v-model="form.commission" 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">
@@ -91,6 +97,16 @@ const debitCardList = ref([])
const dateType = ref(1)
const showStatus = ref(false)
const statusList = 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,
@@ -277,7 +293,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: 32rpx;
}
}

99
src/pages/work/bill/creditCardBill/addEdit.vue
View File

@@ -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 {

76
src/pages/work/bill/creditInstallmentHistory/addEdit.vue
View File

@@ -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;
}
}

58
src/pages/work/bill/creditInstallmentHistory/detailsAddEdit.vue
View File

@@ -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;
}
}

52
src/pages/work/bill/creditQueryRecord/addEdit.vue
View File

@@ -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;
}
}

50
src/pages/work/bill/futuresBill/addEdit.vue
View File

@@ -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;
}

84
src/pages/work/bill/onlineLendHistory/addEdit.vue
View File

@@ -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;
}
}

66
src/pages/work/bill/onlineLendHistory/detailsAddEdit.vue
View File

@@ -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;
}
}

60
src/pages/work/bill/peopleLendHistory/addEdit.vue
View File

@@ -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;
}

49
src/pages/work/bill/stocksBill/addEdit.vue
View File

@@ -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;
}

48
src/pages/work/heartJourney/addEdit.vue
View File

@@ -9,20 +9,25 @@
<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.name" 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="createTime" required @click="selectDate()">
<u--input v-model="form.createTime" 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.createTime" 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" required labelPosition="top">
<view class="editor-container">
@@ -99,6 +104,15 @@ const title = ref("心路历程")
const journeyTypeList = ref([])
const editorCtx = ref(null)
const contentLength = ref(0)
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: {
@@ -391,7 +405,23 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.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;
}

58
src/pages/work/product/productInfor/addEdit.vue
View File

@@ -9,33 +9,37 @@
<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.name" placeholder="请填写商品名称"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="商品编码" prop="code" required >
<u--input v-model="form.code" placeholder="请填写商品编码"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="类别" prop="categoryName" required @click="handleShowCategory">
<u--input v-model="form.categoryName" 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.categoryName" readonly disabledColor="#ffffff" placeholder="请选择类别"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="单位" prop="unitName" required @click="handleShowUnit">
<u--input v-model="form.unitName" 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.unitName" readonly disabledColor="#ffffff" placeholder="请选择单位"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="排序" prop="ranking" required >
<u--input v-model="form.ranking" 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">
@@ -66,6 +70,16 @@ const title = ref("商品信息")
const flag = ref('add')
const categoryList = ref([])
const unitList = 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: {
@@ -232,7 +246,23 @@ onLoad((option) => {
.form-view {
padding: 20rpx 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: 20rpx;
display: flex;
justify-content: center;

72
src/pages/work/product/productPriceRecord/addEdit.vue
View File

@@ -9,46 +9,54 @@
<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="categoryName" required @click="handleCategory">
<u--input v-model="form.categoryName" 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.categoryName" readonly disabledColor="#ffffff" placeholder="请选择商品类别"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="商品名称" prop="productName" required @click="handleProductName">
<u--input v-model="form.productName" 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.productName" readonly disabledColor="#ffffff" placeholder="请选择商品名称"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="子类别" prop="kind" required >
<u--input v-model="form.kind" placeholder="请填写子类别"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="价格" prop="price" required >
<u--input v-model="form.price" type="number" placeholder="请填写价格"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="单位" prop="unitName" required @click="handleUnit">
<u--input v-model="form.unitName" 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.unitName" readonly disabledColor="#ffffff" placeholder="请选择单位"
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="记录时间" prop="recordTime" required @click="selectDate()">
<u--input v-model="form.recordTime" 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.recordTime" readonly disabledColor="#ffffff" placeholder="请选择记录时间" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
<text class="arrow-icon">▼</text>
</view>
</u-form-item>
<u-form-item label="地点" prop="address" >
<u--input v-model="form.address" placeholder="请填写地点"
inputAlign="right" border="none"></u--input>
inputAlign="left" :customStyle="inputBaseStyle"></u--input>
</u-form-item>
<u-form-item label="商家" prop="merchant" >
<u--input v-model="form.merchant" 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">
@@ -128,6 +136,16 @@ const productNameList = ref([])
const flag = ref('add')
const unitList = 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,
@@ -382,6 +400,22 @@ function submit() {
.form-view {
padding: 24rpx;
.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;
}