|
@@ -1,15 +1,15 @@
|
|
|
<template>
|
|
|
- <div class="goodsAllocationSet-page">
|
|
|
+ <div class="settlementSet-page">
|
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
|
- <a-page-header :ghost="false" :backIcon="false" class="goodsAllocationSet-baseInfo">
|
|
|
+ <a-page-header :ghost="false" :backIcon="false" class="settlementSet-baseInfo">
|
|
|
<template slot="subTitle">
|
|
|
- <a href="javascript:;" @click="handleBack">
|
|
|
+ <a href="javascript:;" @click="handleBack" id="settlementSet-handleBack">
|
|
|
<a-icon type="left"></a-icon> 返回列表
|
|
|
</a>
|
|
|
<span style="margin: 0 15px;color: #666;font-weight: bold;">{{ pageInfo&&pageInfo.shelfName?pageInfo.shelfName:'--' }}</span>
|
|
|
</template>
|
|
|
</a-page-header>
|
|
|
- <a-card :bordered="false" size="small" class="goodsAllocationSet-baseInfo">
|
|
|
+ <a-card :bordered="false" size="small" class="settlementSet-baseInfo">
|
|
|
<a-collapse :activeKey="['1']">
|
|
|
<a-collapse-panel key="1" header="基础信息">
|
|
|
<a-descriptions size="small" :column="3">
|
|
@@ -39,8 +39,8 @@
|
|
|
:defaultLoadData="true"
|
|
|
bordered>
|
|
|
<template slot="status" slot-scope="text, record">
|
|
|
- <a-button type="link" @click="handleEdit(record)">编辑</a-button>
|
|
|
- <a-button type="link" @click="handleDel(record)">删除</a-button>
|
|
|
+ <a-button type="link" @click="handleEdit(record)" id="settlementSet-handleEdit">编辑</a-button>
|
|
|
+ <a-button type="link" @click="handleDel(record)" id="settlementSet-handleDel">删除</a-button>
|
|
|
<!-- <span v-if="!($hasPermissions('B_powerMD_user_edit') && record.superAdmin!=1) && !(record.loginFlag==1 && record.ownerOrgFlag==1 && $hasPermissions('B_powerMD_user_restPwd')) && !(record.loginFlag==0 && record.ownerOrgFlag==1 && $hasPermissions('B_powerMD_user_del'))">--</span> -->
|
|
|
</template>
|
|
|
</s-table>
|
|
@@ -48,9 +48,9 @@
|
|
|
</a-collapse>
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" size="small" class="pages-wrap">
|
|
|
- <div class="goodsAllocationSet-baseInfo">
|
|
|
+ <div class="settlementSet-baseInfo">
|
|
|
<a-form-model
|
|
|
- id="userEdit-form"
|
|
|
+ id="settlementSet-form"
|
|
|
ref="ruleForm"
|
|
|
:model="form"
|
|
|
:rules="rules"
|
|
@@ -62,6 +62,7 @@
|
|
|
<a-col :span="15">
|
|
|
<a-form-model-item label="结算方式" prop="settleType">
|
|
|
<v-select
|
|
|
+ id="settlementSet-settleType"
|
|
|
code="SHELF_SETTLE_TYPE"
|
|
|
v-model="form.settleType"
|
|
|
allowClear
|
|
@@ -70,13 +71,19 @@
|
|
|
</v-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="1"><a-button size="small" type="link" @click="handleModify(pageInfo,settleInfo)" v-if="pageInfo&&pageInfo.settleType" style="padding-top: 10px;">修改</a-button></a-col>
|
|
|
+ <a-col :span="1"><a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ id="settlementSet-handleModify"
|
|
|
+ @click="handleModify(pageInfo,settleInfo)"
|
|
|
+ v-if="pageInfo&&pageInfo.settleType"
|
|
|
+ style="padding-top: 10px;">修改</a-button></a-col>
|
|
|
</a-row>
|
|
|
<a-row v-if="form.settleType=='CREDIT'">
|
|
|
<a-col :span="15">
|
|
|
<a-form-model-item label="授信额度" prop="creditLimit">
|
|
|
<a-input-number
|
|
|
- id="shelfSet-bindProduct-creditLimit"
|
|
|
+ id="settlementSet-creditLimit"
|
|
|
v-model="form.creditLimit"
|
|
|
:precision="2"
|
|
|
:min="0.01"
|
|
@@ -88,23 +95,28 @@
|
|
|
<a-col :span="1"> <span style="display: inline-block; padding: 10px;">元</span></a-col>
|
|
|
</a-row>
|
|
|
<a-col :span="15">
|
|
|
- <a-form-model-item label="结算日期(每月)" prop="settleDay" v-if="form.settleType=='MONTH'">
|
|
|
- <a-select
|
|
|
- style="background-color: none;"
|
|
|
- placeholder="请选择结算日期"
|
|
|
- id="userSyncEdit-settleDay"
|
|
|
- allowClear
|
|
|
- v-model="form.settleDay"
|
|
|
- >
|
|
|
- <a-select-option v-for="item in dateList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
|
|
|
- </a-select>
|
|
|
+ <a-form-model-item label="结算日期" prop="settleDay" v-if="form.settleType=='MONTH'">
|
|
|
+ <div style="display: flex;padding: 0;align-items: center;">
|
|
|
+ <span style="display: inline-block;margin-right: 10px;">每月</span>
|
|
|
+ <a-select
|
|
|
+ style="background-color: none;width: 65%;"
|
|
|
+ placeholder="请选择结算日期"
|
|
|
+ id="settlementSet-settleDay"
|
|
|
+ allowClear
|
|
|
+ v-model="form.settleDay"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="item in dateList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <span style="display: inline-block;margin-left: 10px;">号</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-row v-if="form.settleType=='CREDIT'">
|
|
|
<a-col :span="15">
|
|
|
<a-form-model-item label="结算提醒金额" prop="creditWarnLimit" >
|
|
|
<a-input-number
|
|
|
- id="shelfSet-bindProduct-creditWarnLimit"
|
|
|
+ id="settlementSet-creditWarnLimit"
|
|
|
v-model="form.creditWarnLimit"
|
|
|
:precision="2"
|
|
|
:min="0.01"
|
|
@@ -116,28 +128,32 @@
|
|
|
<a-col :span="1"> <span style="display: inline-block; padding: 10px;">元</span></a-col>
|
|
|
</a-row>
|
|
|
<a-col :span="15">
|
|
|
- <a-form-model-item label="结算提醒(每月提醒提前的天数)" prop="warnBeforeDays" v-if="form.settleType=='MONTH'">
|
|
|
- <a-select
|
|
|
- style="background-color: none;"
|
|
|
- placeholder="请选择结算提醒日期"
|
|
|
- id="userSyncEdit-warnBeforeDays"
|
|
|
- allowClear
|
|
|
- v-model="form.warnBeforeDays"
|
|
|
- >
|
|
|
- <a-select-option v-for="item in dateTXList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
|
|
|
- </a-select>
|
|
|
+ <a-form-model-item label="结算提醒" prop="warnBeforeDays" v-if="form.settleType=='MONTH'">
|
|
|
+ <div style="display: flex;padding: 0;align-items: center;">
|
|
|
+ <span style="display: inline-block;margin-right: 10px;">提前</span>
|
|
|
+ <a-select
|
|
|
+ style="background-color: none;width: 65%;"
|
|
|
+ placeholder="请选择结算提醒日期"
|
|
|
+ id="settlementSet-warnBeforeDays"
|
|
|
+ allowClear
|
|
|
+ v-model="form.warnBeforeDays"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="item in dateTXList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <span style="display: inline-block;margin-left: 10px;">天开始提醒</span>
|
|
|
+ </div>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="15" v-if="form.settleType">
|
|
|
<a-form-model-item :label="form.settleType=='CREDIT'?'超过授信额度':'超期未结算'">
|
|
|
- <a-checkbox @change="onChange" >
|
|
|
+ <a-checkbox @change="onChange" id="settlementSet-settleType" :checked="form.limitFlag==1">
|
|
|
限制汽车修理厂无法使用数字货架
|
|
|
</a-checkbox>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="15" v-if="pageInfo&&!pageInfo.settleType &&form.settleType ">
|
|
|
<a-form-model-item label="是否需要缴纳保证金" prop="bondFlag" >
|
|
|
- <a-radio-group name="radioGroup" v-model="form.bondFlag" @change="changeRadio">
|
|
|
+ <a-radio-group name="radioGroup" v-model="form.bondFlag" @change="changeRadio" id="settlementSet-bondFlag">
|
|
|
<a-radio :value="1">是</a-radio>
|
|
|
<a-radio :value="0">否</a-radio>
|
|
|
</a-radio-group>
|
|
@@ -147,7 +163,7 @@
|
|
|
<a-col :span="15">
|
|
|
<a-form-model-item label="保证金缴纳金额" prop="bondAmount" >
|
|
|
<a-input-number
|
|
|
- id="shelfSet-bindProduct-bondAmount"
|
|
|
+ id="settlementSet-bondAmount"
|
|
|
v-model="form.bondAmount"
|
|
|
:precision="2"
|
|
|
:min="0.01"
|
|
@@ -160,7 +176,7 @@
|
|
|
</a-row>
|
|
|
</a-row>
|
|
|
<a-form-model-item :label-col="{span: 0}" :wrapper-col="{span: 24}" style="text-align: center;">
|
|
|
- <a-button type="primary" @click="handleSubmit" >保存</a-button>
|
|
|
+ <a-button type="primary" @click="handleSubmit" id="settlementSet-handleSubmit">保存</a-button>
|
|
|
</a-form-model-item>
|
|
|
</a-form-model>
|
|
|
</div>
|
|
@@ -193,11 +209,11 @@ export default {
|
|
|
settlementType: '', // 结算方式
|
|
|
pageInfo: null,
|
|
|
form: {
|
|
|
- settleType: '', // 结算方式
|
|
|
+ settleType: undefined, // 结算方式
|
|
|
creditLimit: '', // 授信额度
|
|
|
creditWarnLimit: '', // 结算提醒金额
|
|
|
- settleDay: '', // 每月结算日
|
|
|
- warnBeforeDays: '', // 结算提醒提前天数
|
|
|
+ settleDay: undefined, // 每月结算日
|
|
|
+ warnBeforeDays: undefined, // 结算提醒提前天数
|
|
|
limitFlag: '', // 是否限制使用
|
|
|
bondFlag: '', // 是否缴纳保证金
|
|
|
bondAmount: '' // 保证金金额
|
|
@@ -242,8 +258,9 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
handleBack () {
|
|
|
- this.$refs.ruleForm.resetFields()
|
|
|
+ this.isEdit = false
|
|
|
this.form = {}
|
|
|
+ this.$refs.ruleForm.resetFields()
|
|
|
this.$router.push({ path: '/numsGoodsShelves/goodsShelvesAdministration/list' })
|
|
|
// this.$router.go(-1)
|
|
|
},
|
|
@@ -300,6 +317,8 @@ export default {
|
|
|
settleRuleDetail({ shelfSn: this.pageInfo.shelfSn, settleType: this.settlementType }).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
this.form = Object.assign({}, res.data)
|
|
|
+ this.form.limitFlag = Number(this.form.limitFlag)
|
|
|
+
|
|
|
this.settleInfo = res.data
|
|
|
} else {
|
|
|
this.form = {}
|
|
@@ -325,11 +344,13 @@ export default {
|
|
|
this.openModal = true
|
|
|
console.log('----------修改')
|
|
|
},
|
|
|
+ // 保存
|
|
|
handleSubmit () {
|
|
|
const _this = this
|
|
|
this.$refs.ruleForm.validate(valid => {
|
|
|
if (valid) {
|
|
|
const params = JSON.parse(JSON.stringify(_this.form))
|
|
|
+ console.log(params, 'params')
|
|
|
if (params.limitFlag == '') {
|
|
|
params.limitFlag = 0
|
|
|
}
|
|
@@ -380,13 +401,16 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
- .goodsAllocationSet-page{
|
|
|
+ .settlementSet-page{
|
|
|
position: relative;
|
|
|
height: 100%;
|
|
|
padding-bottom: 51px;
|
|
|
box-sizing: border-box;
|
|
|
- .goodsAllocationSet-baseInfo{
|
|
|
+ .settlementSet-baseInfo{
|
|
|
margin-bottom: 10px;
|
|
|
+ .ant-input-number-handler-wrap{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
.bzj-collapse{
|
|
|
margin-top: 10px;
|