Zhao Qiqi
3 years ago
53 changed files with 1909 additions and 197 deletions
@ -0,0 +1,32 @@ |
|||
package com.yxt.anrui.buscenter.api.bussalesorderdeposit.app; |
|||
|
|||
import com.yxt.common.core.dto.Dto; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:11 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class AppBusSalesOrderDepositDto implements Dto { |
|||
private static final long serialVersionUID = -6018466743530869830L; |
|||
|
|||
@ApiModelProperty(value = "销售订单sid") |
|||
private String salesOrderSid; |
|||
@ApiModelProperty(value = "订金合计") |
|||
private String depositAll; |
|||
@ApiModelProperty(value = "单台订金") |
|||
private String deposit; |
|||
@ApiModelProperty(value = "缴纳方式") |
|||
private String depositType; |
|||
@ApiModelProperty(value = "缴纳方式key") |
|||
private String depositTypeKey; |
|||
@ApiModelProperty(value = "需补交订金") |
|||
private String makeUpDeposit; |
|||
|
|||
private List<AppBusSalesOrderDepositListDto> virtualOrderList; |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
package com.yxt.anrui.buscenter.api.bussalesorderdeposit.app; |
|||
|
|||
import com.yxt.common.core.dto.Dto; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:11 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class AppBusSalesOrderDepositListDto implements Dto { |
|||
private static final long serialVersionUID = -3851658669440387893L; |
|||
|
|||
@ApiModelProperty(value = "虚拟订单sid") |
|||
private String depositBillSid; |
|||
|
|||
@ApiModelProperty(value = "虚拟订单编号") |
|||
private String depositBillNo; |
|||
|
|||
@ApiModelProperty(value = "可用金额") |
|||
private String depositPrice; |
|||
|
|||
@ApiModelProperty(value = "结转金额") |
|||
private String price; |
|||
@ApiModelProperty(value = "委托书") |
|||
private List<String> entrustImage; |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
package com.yxt.anrui.buscenter.api.bussalesorderdeposit.app; |
|||
|
|||
import com.yxt.common.core.query.Query; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:46 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class AppDepositListQuery implements Query { |
|||
private static final long serialVersionUID = 621127323376049424L; |
|||
|
|||
@ApiModelProperty(value = "单据编号/付款人") |
|||
private String name; |
|||
@ApiModelProperty(value = "用户sid") |
|||
private String userSid; |
|||
@ApiModelProperty(value = "已选择的虚拟订单") |
|||
private List<String> sidList; |
|||
|
|||
} |
|||
@ -0,0 +1,38 @@ |
|||
package com.yxt.anrui.buscenter.api.bussalesorderdeposit.app; |
|||
|
|||
import com.fasterxml.jackson.databind.annotation.JsonSerialize; |
|||
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer; |
|||
import com.yxt.common.core.vo.Vo; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:45 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class AppDepositListVo implements Vo { |
|||
private static final long serialVersionUID = -9070916923734657833L; |
|||
|
|||
@ApiModelProperty(value = "虚拟订单sid") |
|||
private String virtualSid; |
|||
@ApiModelProperty(value = "虚拟订单编号") |
|||
private String virtualId; |
|||
@ApiModelProperty(value = "付款人") |
|||
private String payName; |
|||
@ApiModelProperty(value = "联系电话") |
|||
private String mobile; |
|||
@ApiModelProperty(value = "销售专员") |
|||
private String sellerName; |
|||
@ApiModelProperty(value = "创建日期") |
|||
private String date; |
|||
@ApiModelProperty(value = "订金") |
|||
@JsonSerialize(using = ToStringSerializer.class) |
|||
private String deposit; |
|||
@ApiModelProperty(value = "已用订金") |
|||
@JsonSerialize(using = ToStringSerializer.class) |
|||
private String usePeposit; |
|||
@ApiModelProperty(value = "剩余金额") |
|||
private String remainderMoney; |
|||
} |
|||
@ -0,0 +1,346 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState== 1"> |
|||
<!--标题按钮部分开始--> |
|||
<div class="tab-header webtop"> |
|||
<!--标题--> |
|||
<div>{{ viewTitle }}</div> |
|||
<!--start 添加修改按钮--> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="dialogStatus === 'add' ? saveAdd() : saveEdit()">保存 |
|||
</el-button> |
|||
<el-button type="primary" size="small" @click="submitVehicleApply()">提交 |
|||
</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<!--标题按钮部分结束--> |
|||
<!--Start 新增修改部分--> |
|||
<div class="listconadd"> |
|||
<div class="wlInfo"><span>车辆调价申请</span></div> |
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top"> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>调价申请日期:</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span style="margin-left: 5px">{{ formobj.applicationDate }}</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>申请人:</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span style="margin-left: 5px">{{ formobj.createByName }}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="el-form-item-right"> |
|||
<span>调价原因:</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<el-input v-model="formobj.remarks" clearable style="width: 30%"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="tableStyle"> |
|||
<div style="margin-left: 5px;font-weight: bold">车辆列表</div> |
|||
<div style="margin-left: 15px"> |
|||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="addCommodity()">选择车型</el-button> |
|||
</div> |
|||
</div> |
|||
<el-table :key="tableKey" :data="formobj.busVehicleApplyDetailDtoList" :index="index" border style="width: 100%"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column fixed prop="name" label="操作" width="100px" align="center" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button size="mini" type="danger" @click="dataDelete(scope.$index, formobj.busVehicleApplyDetailDtoList[scope.$index])">删除 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="left" header-align="center" width="250"> |
|||
<template slot-scope="scope" prop="vehicleName"> |
|||
<span>{{ scope.row.vehicleName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" align="left" header-align="center"> |
|||
<template slot-scope="scope" prop="configName"> |
|||
<span>{{ scope.row.configName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="applyForDeposit" label="成本价" header-align="center" width="150"> |
|||
<template slot-scope="scope" prop="applyForDeposit"> |
|||
<el-input v-model="scope.row.applyForDeposit" placeholder="" @keyup.native="UpNumber" @keydown.native="UpNumber" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现销售指导价(万元)" header-align="center" width="150"> |
|||
<template slot-scope="scope" prop="saleGuPrice"> |
|||
<el-input v-model="scope.row.saleGuPrice" placeholder="" @keyup.native="UpNumber" @keydown.native="UpNumber" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价格增减数额" header-align="center" width="200"> |
|||
<template slot-scope="scope" prop="insideCode"> |
|||
<el-input v-model="scope.row.insideCode" placeholder="" @keyup.native="UpNumber" @keydown.native="UpNumber" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" header-align="center" width="200"> |
|||
<template slot-scope="scope" prop="remarks"> |
|||
<el-input v-model="scope.row.remarks" placeholder="" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
<!--End 添加修改部分--> |
|||
<!--选择车型和常用配置--> |
|||
<configuration v-show="viewState == 2" ref="divconfiguration" @backData="backData" @doback="closePage"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/supplychain/busvehicleapply' |
|||
import configuration from '@/views/supplychain/cheliangpaichan/chexingbyconfiguration' |
|||
|
|||
export default { |
|||
name: 'priceAdd', |
|||
components: { |
|||
configuration |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
dialogStatus: '', |
|||
viewState: 1, |
|||
index: 0, |
|||
tableKey: 0, |
|||
list1: [], |
|||
// 表单数据 |
|||
formobj: { |
|||
sid: '', // 一条数据的sid |
|||
createBySid: window.sessionStorage.getItem('userSid'), // 用户人sid |
|||
createByName: window.sessionStorage.getItem('name'), // 制单人 |
|||
applicationCode: '', // 申请编号 |
|||
applicationDate: '', // 申请日期 |
|||
schedulingType: '', // 排产类型 |
|||
remarks: '', // 备注 |
|||
currentAmount: '', // 当前订金金额 |
|||
busVehicleApplyDetailDtoList: [] |
|||
}, |
|||
rules: {}, |
|||
submitdisabled: false |
|||
} |
|||
}, |
|||
methods: { |
|||
// 获取制单日期 |
|||
newDate() { |
|||
let date = new Date() |
|||
let year = date.getFullYear() // 年 |
|||
let month = date.getMonth() + 1 // 月 |
|||
let day = date.getDate() // 日 |
|||
if (month < 10) { |
|||
month = '0' + month |
|||
} |
|||
if (day < 10) { |
|||
day = '0' + day |
|||
} |
|||
this.formobj.applicationDate = year + '-' + month + '-' + day |
|||
}, |
|||
UpNumber(e) { |
|||
e.target.value = e.target.value.replace(/[^\d.-]/g, '') // 清除“数字”和“.”"-"以外的字符 |
|||
e.target.value = e.target.value.replace(/^00/, '0.') // 开头不能有两个0 |
|||
e.target.value = e.target.value.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的 |
|||
e.target.value = e.target.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/\-{2,}/g, '-') // 只保留第一个- |
|||
e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数 |
|||
if (e.target.value.indexOf('.') < 0 && e.target.value !== '' && e.target.value !== '-') { |
|||
// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 |
|||
e.target.value = parseFloat(e.target.value) |
|||
} |
|||
}, |
|||
// 明细表添加一行数据 |
|||
addCommodity() { |
|||
this.viewState = 2 |
|||
this.$refs['divconfiguration'].showData(this.list1) |
|||
}, |
|||
// 明细表删除一行数据 |
|||
dataDelete(index, row) { |
|||
this.formobj.busVehicleApplyDetailDtoList.splice(index, 1) |
|||
this.list1.splice(index, 1) |
|||
}, |
|||
showAdd() { |
|||
this.newDate() |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'add' |
|||
this.viewTitle = '【新增】车辆调价申请' |
|||
}, |
|||
showEdit(sid, row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'edit' |
|||
this.viewTitle = '【编辑】车辆调价申请' |
|||
console.log('编辑回显', sid) |
|||
req.fetchBySid(sid).then((resp) => { |
|||
const data = resp.data |
|||
this.formobj.applicationCode = data.applicationCode |
|||
this.formobj.applicationDate = data.applicationDate |
|||
this.formobj.schedulingType = data.schedulingType |
|||
this.formobj.remarks = data.remarks |
|||
this.formobj.currentAmount = data.currentAmount |
|||
this.formobj.sid = sid |
|||
this.formobj.busVehicleApplyDetailDtoList = data.busVehicleApplyDetailVoList |
|||
this.list1 = data.busVehicleApplyDetailVoList |
|||
}).catch((e) => { |
|||
this.formobj = row |
|||
}) |
|||
}, |
|||
// 车型常用配置列表--新增确定返回的数据 |
|||
backData(value) { |
|||
this.viewState = 1 |
|||
if (this.formobj.busVehicleApplyDetailDtoList.length > 0) { |
|||
for (var i = 0; i < value.length; i++) { |
|||
for (var u = 0; u < this.formobj.busVehicleApplyDetailDtoList.length; u++) { |
|||
if (value[i].modelName === this.formobj.busVehicleApplyDetailDtoList[u].vehicleName && value[i].configName === this.formobj.busVehicleApplyDetailDtoList[u].configName) { |
|||
value.splice(value[i], 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
if (value.length > 0) { |
|||
value.forEach((e) => { |
|||
this.formobj.busVehicleApplyDetailDtoList.push({ |
|||
quantity: '', |
|||
applySid: '', |
|||
configSid: e.configurationItemsSid, |
|||
configName: e.configName, |
|||
// useDeposit: '', |
|||
applyForDeposit: '', |
|||
remarks: '', |
|||
saleGuPrice: '', |
|||
insideCode: e.insideCode, // 内部编码 |
|||
vehicleName: e.modelName, |
|||
vehicleSid: e.modelSid |
|||
}) |
|||
}) |
|||
this.list1 = this.formobj.busVehicleApplyDetailDtoList |
|||
} |
|||
}, |
|||
saveAdd() { |
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req.saveAdd(this.formobj).then((resp) => { |
|||
this.submitdisabled = false |
|||
if (resp.success) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'success', |
|||
message: resp.msg |
|||
}) |
|||
this.handleReturn('true') |
|||
} |
|||
}).catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
saveEdit() { |
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req.saveEdit(this.formobj).then((resp) => { |
|||
this.submitdisabled = false |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'success', |
|||
message: resp.msg |
|||
}) |
|||
this.handleReturn('true') |
|||
}).catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
submitVehicleApply() { |
|||
req.submitVehicleApply(this.formobj).then((res) => { |
|||
if (res.success) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'success', |
|||
message: '提交成功' |
|||
}) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'error', |
|||
message: '提交失败' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 返回（===既判断） |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj.schedulingType = '' // 排产类型 |
|||
this.formobj.remarks = '' // 备注 |
|||
this.formobj.currentAmount = '' |
|||
this.formobj.applicationCode = '' |
|||
this.formobj.applicationDate = '' |
|||
this.formobj.busVehicleApplyDetailDtoList = [] |
|||
this.list1 = [] |
|||
this.$refs['form_obj'].resetFields() |
|||
this.$refs['divconfiguration'].getList() |
|||
this.$emit('doback') |
|||
}, |
|||
closePage() { |
|||
this.viewState = 1 |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.wlInfo { |
|||
text-align: center; |
|||
font-size: 28px; |
|||
line-height: 90px; |
|||
} |
|||
.tableStyle { |
|||
background-color: #FFFFFF; |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
/deep/ .el-col-8 { |
|||
text-align: left; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.icon { |
|||
color: #e84026; |
|||
margin-right: 4px; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,160 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<!--标题按钮部分开始--> |
|||
<div class="tab-header webtop"> |
|||
<!--标题--> |
|||
<div>车辆调价详情</div> |
|||
<!--start 添加修改按钮--> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<!--标题按钮部分结束--> |
|||
<!--Start 新增修改部分--> |
|||
<div class="listconadd"> |
|||
<div class="wlInfo"><span>车辆调价申请</span></div> |
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top"> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>调价申请日期:</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span style="margin-left: 5px">{{ formobj.applicationDate }}</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>申请人:</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span style="margin-left: 5px">{{ formobj.createByName }}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="el-form-item-right"> |
|||
<span>调价原因:</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span style="margin-left: 5px">{{ formobj.remarks }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="tableStyle"> |
|||
<div style="margin-left: 5px;font-weight: bold">车辆列表</div> |
|||
</div> |
|||
<el-table :key="tableKey" :data="formobj.busVehicleApplyDetailDtoList" :index="index" border style="width: 100%"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="车型" align="left" header-align="center" width="250"> |
|||
<template slot-scope="scope" prop="vehicleName"> |
|||
<span>{{ scope.row.vehicleName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" align="left" header-align="center"> |
|||
<template slot-scope="scope" prop="configName"> |
|||
<span>{{ scope.row.configName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="applyForDeposit" label="成本价" header-align="center" width="150"> |
|||
<template slot-scope="scope" prop="applyForDeposit"> |
|||
<span>{{ scope.row.vehicleName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现销售指导价(万元)" header-align="center" width="150"> |
|||
<template slot-scope="scope" prop="saleGuPrice"> |
|||
<span>{{ scope.row.vehicleName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价格增减数额" header-align="center" width="200"> |
|||
<template slot-scope="scope" prop="insideCode"> |
|||
<span>{{ scope.row.vehicleName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" header-align="center" width="200"> |
|||
<template slot-scope="scope" prop="remarks"> |
|||
<span>{{ scope.row.vehicleName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
<!--End 添加修改部分--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/supplychain/busvehicleapply' |
|||
|
|||
export default { |
|||
name: 'priceInfo', |
|||
data() { |
|||
return { |
|||
dialogStatus: '', |
|||
index: 0, |
|||
tableKey: 0, |
|||
// 表单数据 |
|||
formobj: { |
|||
sid: '', // 一条数据的sid |
|||
createBySid: window.sessionStorage.getItem('userSid'), // 用户人sid |
|||
createByName: window.sessionStorage.getItem('name'), // 制单人 |
|||
applicationCode: '', // 申请编号 |
|||
applicationDate: '', // 申请日期 |
|||
schedulingType: '', // 排产类型 |
|||
remarks: '', // 备注 |
|||
currentAmount: '', // 当前订金金额 |
|||
busVehicleApplyDetailDtoList: [] |
|||
}, |
|||
rules: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(row) { |
|||
|
|||
}, |
|||
// 返回（===既判断） |
|||
handleReturn() { |
|||
this.formobj.schedulingType = '' // 排产类型 |
|||
this.formobj.remarks = '' // 备注 |
|||
this.formobj.currentAmount = '' |
|||
this.formobj.applicationCode = '' |
|||
this.formobj.applicationDate = '' |
|||
this.formobj.busVehicleApplyDetailDtoList = [] |
|||
this.$refs['form_obj'].resetFields() |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.wlInfo { |
|||
text-align: center; |
|||
font-size: 28px; |
|||
line-height: 90px; |
|||
} |
|||
.tableStyle { |
|||
background-color: #FFFFFF; |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
/deep/ .el-col-8 { |
|||
text-align: left; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,345 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- Start 列表页面 --> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="调价申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="申请日期"> |
|||
<div class="block" style="float: left;"> |
|||
<el-date-picker v-model="listQuery.params.warehousingStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/> |
|||
</div> |
|||
<div style="float: left;margin: 0px 10px">至</div> |
|||
<div class="block" style="float: left;"> |
|||
<el-date-picker v-model="listQuery.params.warehousingEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/> |
|||
</div> |
|||
</el-form-item> |
|||
<el-form-item label="车型"> |
|||
<el-input v-model="listQuery.params.mNum" placeholder="请输入车型" clearable/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="handleFilter" size="small">查询</el-button> |
|||
<el-button type="primary" @click="handleReset" size="small">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">调价申请列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" width="150px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button> |
|||
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" width="140px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleVersion }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请日期" align="center" width="150px"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.engineTypeValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请人" align="center" width="150px"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="调价原因" align="center" width="130px"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<priceAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
|||
<priceInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { pagerList } from '@/api/cheliang/basevehiclemodel' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import priceAdd from './priceAdd.vue' |
|||
import priceInfo from './priceInfo.vue' |
|||
import req from '@/api/anruiscm/scmmaterial' |
|||
|
|||
export default { |
|||
name: 'priceguanli', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
ButtonBar, |
|||
priceAdd, |
|||
priceInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'plus', |
|||
btnKey: 'toAdd', |
|||
btnLabel: '新增' |
|||
}, |
|||
{ |
|||
type: 'danger', |
|||
size: 'small', |
|||
icon: 'del', |
|||
btnKey: 'doDel', |
|||
btnLabel: '删除' |
|||
}, |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'submit', |
|||
btnKey: 'doSubmit', |
|||
btnLabel: '提交' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, |
|||
// 查询条件 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: { |
|||
carBrand: '', |
|||
vehicleType: '', |
|||
productLine: '', |
|||
driveForm: '', |
|||
power: '', |
|||
vehicleVersion: '', |
|||
fuelType: '', |
|||
vehicleTypeCode: '', |
|||
gearboxType: '', |
|||
emissionStandard: '', |
|||
engineType: '', |
|||
marketSegments: '', |
|||
specifications: '' |
|||
}, |
|||
current: 1, |
|||
size: 10, |
|||
total: 0 |
|||
}, |
|||
rules: {} |
|||
} |
|||
}, |
|||
created() { |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'doImport': |
|||
this.doImport() |
|||
break |
|||
case 'doExport': |
|||
this.doExport() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
console.log('sids', this.sids) |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
pagerList(this.listQuery).then((response) => { |
|||
console.log('列表查询结果：', response) |
|||
this.listLoading = false |
|||
if ( |
|||
response.success && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.listQuery.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.listQuery.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
handleReset() { |
|||
this.listQuery = { |
|||
params: { |
|||
carBrand: '', |
|||
vehicleType: '', |
|||
productLine: '', |
|||
driveForm: '', |
|||
power: '', |
|||
vehicleVersion: '', |
|||
fuelType: '', |
|||
vehicleTypeCode: '', |
|||
gearboxType: '', |
|||
emissionStandard: '', |
|||
engineType: '', |
|||
marketSegments: '', |
|||
specifications: '' |
|||
}, |
|||
current: 1, |
|||
size: 10, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
toAdd() { |
|||
this.viewState = 2 |
|||
this.$refs['divAdd'].showAdd() |
|||
}, |
|||
toEdit(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divAdd'].showEdit(row) |
|||
}, |
|||
toInfo(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divInfo'].showInfo(row) |
|||
}, |
|||
doDel() { |
|||
if (this.sids.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' }) |
|||
return |
|||
} |
|||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
|||
this.$confirm(tip, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
req.delBySids(this.sids).then(resp => { |
|||
loading.close() |
|||
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
this.loadList() |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.btn { |
|||
padding: 15px 0 15px 0; |
|||
border: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
.tab-header { |
|||
background-color: #edf1f7; |
|||
padding: 8px 20px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.tab-header /deep/ .el-form-item { |
|||
margin-bottom: 10px; |
|||
} |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,327 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- Start 列表页面 --> |
|||
<div> |
|||
<button-bar view-title="厂家系统认款" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="状态"> |
|||
<el-select v-model="listQuery.params.vehicleType" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="打款状态"> |
|||
<el-select v-model="listQuery.params.productLine" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="入库时间"> |
|||
<div class="block" style="float: left;"> |
|||
<el-date-picker v-model="listQuery.params.warehousingStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/> |
|||
</div> |
|||
<div style="float: left;margin: 0px 10px">至</div> |
|||
<div class="block" style="float: left;"> |
|||
<el-date-picker v-model="listQuery.params.warehousingEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/> |
|||
</div> |
|||
</el-form-item> |
|||
<el-form-item label="排产申请编号"> |
|||
<el-input v-model="listQuery.params.mNum" placeholder="请输入排产申请编号" clearable/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="handleFilter" size="small">查询</el-button> |
|||
<el-button type="primary" @click="handleReset" size="small">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" width="100px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="success" size="mini">通过</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" width="140px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleVersion }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产申请编号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.engineTypeValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="打款状态" align="center" width="150px"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="认款日期" align="center" width="180px"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="认款人" align="center" width="130px"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="见证材料" align="center" width="180px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button size="mini" type="primary" @click="handleGetCheck(scope.row)">查看</el-button> |
|||
<div class="upload_img"> |
|||
<upload ref="uploadMoreImg" v-model="imgList" :limit="1" bucket="map" @eett="getList" :upload-data="{type:'0001',modelSid: scope.row.sid}"></upload> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.remarks" clearable></el-input> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End 列表页面 --> |
|||
<!-- 照片弹窗 --> |
|||
<el-dialog title="查看" :visible.sync="dialogImgVisible"> |
|||
<el-image v-for="item in srcList" style="width: 100px; height: 100px" :src="item" :preview-src-list="srcList"></el-image> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { pagerList, pullDown } from '@/api/cheliang/basevehiclemodel' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import upload from '@/components/uploadFile/upload_chexing' |
|||
|
|||
export default { |
|||
name: 'changjiaxitongrenkuan', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
upload, |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
dialogImgVisible: false, |
|||
// 查询条件 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
srcList: [], |
|||
vehicleFunction_list: [], // 功能 |
|||
productLine_list: [], // 系列 |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: { |
|||
carBrand: '', |
|||
vehicleType: '', |
|||
productLine: '', |
|||
driveForm: '', |
|||
power: '', |
|||
vehicleVersion: '', |
|||
fuelType: '', |
|||
vehicleTypeCode: '', |
|||
gearboxType: '', |
|||
emissionStandard: '', |
|||
engineType: '', |
|||
marketSegments: '', |
|||
specifications: '' |
|||
}, |
|||
current: 1, |
|||
size: 10, |
|||
total: 0 |
|||
}, |
|||
imgList: [], |
|||
rules: {} |
|||
} |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'doImport': |
|||
this.doImport() |
|||
break |
|||
case 'doExport': |
|||
this.doExport() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
init() { |
|||
// 下拉框-状态 |
|||
pullDown({ |
|||
type: 'vehicleFunction' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleFunction_list = res.data |
|||
console.log('下拉框请求功能', res.data) |
|||
} |
|||
}) |
|||
// 下拉框-打款状态 |
|||
pullDown({ |
|||
type: 'driver' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.driveForm_list = res.data |
|||
console.log('下拉框请求驱动', res.data) |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
pagerList(this.listQuery).then((response) => { |
|||
console.log('列表查询结果：', response) |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.listQuery.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.listQuery.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
handleReset() { |
|||
this.listQuery = { |
|||
params: { |
|||
carBrand: '', |
|||
vehicleType: '', |
|||
productLine: '', |
|||
driveForm: '', |
|||
power: '', |
|||
vehicleVersion: '', |
|||
fuelType: '', |
|||
vehicleTypeCode: '', |
|||
gearboxType: '', |
|||
emissionStandard: '', |
|||
engineType: '', |
|||
marketSegments: '', |
|||
specifications: '' |
|||
}, |
|||
current: 1, |
|||
size: 10, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handleGetCheck(row) { |
|||
this.dialogImgVisible = true |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.upload_img { |
|||
display: inline-block; |
|||
padding-left: 10px; |
|||
} |
|||
.btn { |
|||
padding: 15px 0 15px 0; |
|||
border: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
.tab-header { |
|||
background-color: #edf1f7; |
|||
padding: 8px 20px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.tab-header /deep/ .el-form-item { |
|||
margin-bottom: 10px; |
|||
} |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,39 @@ |
|||
package com.yxt.anrui.terminal.api.autoservice.saleOrders.depositinfo; |
|||
|
|||
import com.fasterxml.jackson.annotation.JsonProperty; |
|||
import com.yxt.common.core.dto.Dto; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 14:48 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class DepositInfoDto implements Dto { |
|||
private static final long serialVersionUID = -4949780703969217862L; |
|||
|
|||
@ApiModelProperty(value = "销售订单sid") |
|||
@JsonProperty(value = "saleOrderSid") |
|||
private String salesOrderSid; |
|||
@ApiModelProperty(value = "订金合计") |
|||
@JsonProperty(value = "depositTotal") |
|||
private String depositAll; |
|||
@ApiModelProperty(value = "单台订金") |
|||
private String deposit; |
|||
@ApiModelProperty(value = "缴纳方式") |
|||
@JsonProperty(value = "payType") |
|||
private String depositType; |
|||
@ApiModelProperty(value = "缴纳方式key") |
|||
@JsonProperty(value = "payTypeKey") |
|||
private String depositTypeKey; |
|||
@ApiModelProperty(value = "需补交订金") |
|||
@JsonProperty(value = "compensatePay") |
|||
private String makeUpDeposit; |
|||
|
|||
private List<DepositInfoListDto> virtualOrderList; |
|||
|
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
package com.yxt.anrui.terminal.api.autoservice.saleOrders.depositinfo; |
|||
|
|||
import com.fasterxml.jackson.annotation.JsonProperty; |
|||
import com.yxt.common.core.dto.Dto; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:03 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class DepositInfoListDto implements Dto { |
|||
private static final long serialVersionUID = 3590473728282480566L; |
|||
@ApiModelProperty(value = "虚拟订单sid") |
|||
@JsonProperty(value = "virtualOrderSid") |
|||
private String depositBillSid; |
|||
|
|||
@ApiModelProperty(value = "虚拟订单编号") |
|||
@JsonProperty(value = "virtualOrderId") |
|||
private String depositBillNo; |
|||
|
|||
@ApiModelProperty(value = "可用金额") |
|||
@JsonProperty(value = "remainderMoney") |
|||
private String depositPrice; |
|||
|
|||
@ApiModelProperty(value = "结转金额") |
|||
@JsonProperty(value = "payMoney") |
|||
private String price; |
|||
@ApiModelProperty(value = "委托书") |
|||
private List<String> entrustImage; |
|||
|
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
package com.yxt.anrui.terminal.api.autoservice.saleOrders.depositinfo; |
|||
|
|||
import com.yxt.common.core.query.Query; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:35 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class DepositInfoQuery implements Query { |
|||
private static final long serialVersionUID = 6278884037189945682L; |
|||
|
|||
@ApiModelProperty(value = "单据编号/付款人") |
|||
private String name; |
|||
@ApiModelProperty(value = "用户sid") |
|||
private String userSid; |
|||
@ApiModelProperty(value = "已选择的虚拟订单") |
|||
private List<String> sidList; |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
package com.yxt.anrui.terminal.api.autoservice.saleOrders.depositinfo; |
|||
|
|||
import com.yxt.common.core.vo.Vo; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/6/7 15:39 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class DepositListVo implements Vo { |
|||
private static final long serialVersionUID = -7003966807418378201L; |
|||
|
|||
@ApiModelProperty(value = "虚拟订单sid") |
|||
private String virtualSid; |
|||
@ApiModelProperty(value = "虚拟订单编号") |
|||
private String virtualId; |
|||
@ApiModelProperty(value = "付款人") |
|||
private String payName; |
|||
@ApiModelProperty(value = "联系电话") |
|||
private String mobile; |
|||
@ApiModelProperty(value = "销售专员") |
|||
private String sellerName; |
|||
@ApiModelProperty(value = "创建日期") |
|||
private String date; |
|||
@ApiModelProperty(value = "订金") |
|||
private String deposit; |
|||
@ApiModelProperty(value = "已用订金") |
|||
private String usePeposit; |
|||
@ApiModelProperty(value = "剩余金额") |
|||
private String remainderMoney; |
|||
|
|||
|
|||
} |
|||
Loading…
Reference in new issue