测试环境链接替换,部分问题修复,增加批量退菜功能
This commit is contained in:
@@ -1,73 +1,85 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<up-form
|
||||
labelPosition="top"
|
||||
labelWidth="120"
|
||||
required
|
||||
:model="pageData.formData"
|
||||
:rules="pageData.rules"
|
||||
ref="uFormRef"
|
||||
>
|
||||
<up-form labelPosition="top" labelWidth="120" required :model="pageData.formData" :rules="pageData.rules"
|
||||
ref="uFormRef">
|
||||
<view class="card">
|
||||
<up-form-item label="挂账人" prop="debtor" borderBottom="true" >
|
||||
<up-input v-model="pageData.formData.debtor" placeholder="请输入挂账人" border="none" ></up-input>
|
||||
<up-form-item label="挂账人" prop="debtor" borderBottom="true">
|
||||
<up-input v-model="pageData.formData.debtor" placeholder="请输入挂账人" border="none"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="手机号" prop="mobile" borderBottom="true" >
|
||||
<up-input v-model="pageData.formData.mobile" type="number" maxlength="11" placeholder="请输入手机号" border="none" ></up-input>
|
||||
<up-form-item label="手机号" prop="mobile" borderBottom="true">
|
||||
<up-input v-model="pageData.formData.mobile" type="number" maxlength="11" placeholder="请输入手机号"
|
||||
border="none"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="职位" prop="position" borderBottom="true" >
|
||||
<up-input v-model="pageData.formData.position" placeholder="请输入职位" border="none" ></up-input>
|
||||
<up-form-item label="职务" prop="position" borderBottom="true">
|
||||
<up-input v-model="pageData.formData.position" placeholder="请输入职务" border="none"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="挂账额度" prop="creditAmount" borderBottom="true" >
|
||||
<up-input v-model="pageData.formData.creditAmount" type="number" placeholder="请输入挂账额度" border="none" ></up-input>
|
||||
<up-form-item label="挂账额度" prop="creditAmount" borderBottom="true">
|
||||
<up-input v-model="pageData.formData.creditAmount" type="number" placeholder="请输入挂账额度"
|
||||
border="none"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="还款方式" borderBottom="true" >
|
||||
<up-form-item label="还款方式" borderBottom="true">
|
||||
<view class="item-column">
|
||||
<up-radio-group v-model="pageData.formData.repaymentMethod" :disabled="pageData.formData.id" placement="row" >
|
||||
<up-radio
|
||||
:customStyle="{marginRight: '30px'}"
|
||||
v-for="(item, index) in pageData.repaymentMethodList"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:name="item.value"
|
||||
@change="radioChange"
|
||||
></up-radio>
|
||||
<up-radio-group v-model="pageData.formData.repaymentMethod" :disabled="pageData.formData.id"
|
||||
placement="row">
|
||||
<up-radio :customStyle="{marginRight: '30px'}"
|
||||
v-for="(item, index) in pageData.repaymentMethodList" :key="index" :label="item.label"
|
||||
:name="item.value" @change="radioChange"></up-radio>
|
||||
</up-radio-group>
|
||||
<view class="tishi">一经创建无法更改还款方式</view>
|
||||
</view>
|
||||
|
||||
|
||||
</up-form-item>
|
||||
<up-form-item label="还款提醒日" prop="creditAmount" borderBottom="true">
|
||||
<numberBoxVue :min="1" :max="28" v-model="pageData.formData.expireRemindDay"></numberBoxVue>
|
||||
</up-form-item>
|
||||
<up-form-item label-width="auto" label="还款提醒,(提醒多久以前的数据,单位:月)" prop="creditAmount" borderBottom="true">
|
||||
<numberBoxVue :min="1" v-model="pageData.formData.expireRemind"></numberBoxVue>
|
||||
</up-form-item>
|
||||
</view>
|
||||
<view class="card">
|
||||
<up-form-item label="是否启用" labelPosition="left">
|
||||
<view style="width: 100%;display: flex;justify-content: flex-end;">
|
||||
<up-switch v-model="pageData.formData.status" @change="change" :activeValue="1" :inactiveValue="0"></up-switch>
|
||||
<up-switch v-model="pageData.formData.status" @change="change" :activeValue="1"
|
||||
:inactiveValue="0"></up-switch>
|
||||
</view>
|
||||
</up-form-item>
|
||||
|
||||
|
||||
</view>
|
||||
</up-form>
|
||||
|
||||
|
||||
<view class="bottomPop">
|
||||
<button class="save" @click="save">保存</button>
|
||||
<view class="cancel" @click="cancel">取消</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script setup>
|
||||
import { reactive, ref } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import {
|
||||
reactive,
|
||||
ref
|
||||
} from 'vue';
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app';
|
||||
import go from '@/commons/utils/go.js'
|
||||
|
||||
import { addCreditBuyer,editCreditBuyer } from '@/http/api/buyer.js';
|
||||
|
||||
import numberBoxVue from './components/number-box.vue'
|
||||
import {
|
||||
addCreditBuyer,
|
||||
editCreditBuyer
|
||||
} from '@/http/api/buyer.js';
|
||||
|
||||
const pageData = reactive({
|
||||
id: null,
|
||||
title: "",
|
||||
repaymentMethodList: [
|
||||
{ label: '按总金额还款', value: 'total' },
|
||||
{ label: '按订单还款', value: 'order' }
|
||||
repaymentMethodList: [{
|
||||
label: '按总金额还款',
|
||||
value: 'total'
|
||||
},
|
||||
{
|
||||
label: '按订单还款',
|
||||
value: 'order'
|
||||
}
|
||||
],
|
||||
formData: {
|
||||
id: null,
|
||||
@@ -76,54 +88,56 @@
|
||||
mobile: '',
|
||||
position: '',
|
||||
creditAmount: '',
|
||||
repaymentMethod: 'total'
|
||||
repaymentMethod: 'total',
|
||||
expireRemindDay: '',
|
||||
expireRemind: ''
|
||||
},
|
||||
rules: {
|
||||
'debtor': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入挂账人',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
'mobile': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入手机号',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
'position': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入职位',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
rules: {
|
||||
'debtor': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入挂账人',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
'mobile': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入手机号',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
// 'position': {
|
||||
// type: 'string',
|
||||
// required: true,
|
||||
// message: '请输入职务',
|
||||
// trigger: ['blur'],
|
||||
// },
|
||||
'creditAmount': {
|
||||
type: 'number',
|
||||
required: true,
|
||||
message: '请输入挂账额度',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
},
|
||||
type: 'number',
|
||||
required: true,
|
||||
message: '请输入挂账额度',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
},
|
||||
})
|
||||
// 表单引用
|
||||
const uFormRef = ref(null);
|
||||
|
||||
const uFormRef = ref(null);
|
||||
|
||||
onLoad((options) => {
|
||||
console.log(options)
|
||||
if ( options.item ) {
|
||||
if (options.item) {
|
||||
pageData.formData = JSON.parse(options.item);
|
||||
console.log(pageData.formData)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* 保存
|
||||
*/
|
||||
|
||||
|
||||
let save = uni.$utils.debounce(() => {
|
||||
console.log(pageData.formData)
|
||||
uFormRef.value.validate().then(valid => {
|
||||
if (valid) {
|
||||
uFormRef.value.validate().then(valid => {
|
||||
if (valid) {
|
||||
let params = {
|
||||
...pageData.formData
|
||||
}
|
||||
@@ -136,38 +150,39 @@
|
||||
go.back(1)
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}).catch(() => {
|
||||
// 处理验证错误
|
||||
});
|
||||
|
||||
},1000)
|
||||
|
||||
let cancel = ()=>{
|
||||
}
|
||||
}).catch(() => {
|
||||
// 处理验证错误
|
||||
});
|
||||
|
||||
}, 1000)
|
||||
|
||||
let cancel = () => {
|
||||
go.back(1)
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
page{
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss">
|
||||
|
||||
.content {
|
||||
background: #F9F9F9;
|
||||
padding: 32rpx 28rpx 150rpx 28rpx;
|
||||
|
||||
.card{
|
||||
.card {
|
||||
padding: 32rpx 24rpx;
|
||||
background-color: #fff;
|
||||
margin-bottom: 32rpx;
|
||||
.item-column{
|
||||
|
||||
.item-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.tishi{
|
||||
|
||||
.tishi {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
@@ -175,11 +190,13 @@
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
.bottomPop{
|
||||
|
||||
.bottomPop {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
>button {
|
||||
width: 530rpx;
|
||||
height: 80rpx;
|
||||
@@ -190,11 +207,13 @@
|
||||
font-size: 32rpx;
|
||||
border-radius: 56rpx 56rpx 56rpx 56rpx;
|
||||
}
|
||||
.save{
|
||||
|
||||
.save {
|
||||
color: #fff;
|
||||
background: #318AFE;
|
||||
}
|
||||
.cancel{
|
||||
|
||||
.cancel {
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
font-weight: 400;
|
||||
|
||||
Reference in New Issue
Block a user