17 changed files with 3187 additions and 1222 deletions
@ -0,0 +1,142 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>上装配置信息</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>车辆功能</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehicleTypeValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>上装名称</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.installNameValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>委改方式</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethodValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>供应商</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row v-if="formobj.installNameKey == '08'"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>冷机品牌</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.coolerBrand }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>冷机型号</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.coolerModel }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div v-if="formobj.installNameKey != '08'"> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>货箱内部尺寸</span></div> |
||||
|
<el-form-item> |
||||
|
<div class="addinputInfo addinputwOne"> |
||||
|
长<span class="inputStyle">{{ formobj.wk_long }}</span>mm, |
||||
|
宽<span class="inputStyle">{{ formobj.wk_wide }}</span>mm, |
||||
|
高<span class="inputStyle">{{ formobj.wk_high }}</span>mm |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>颜色</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.colorValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>板材材质</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterialValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>板材厚度</span></div> |
||||
|
<el-form-item> |
||||
|
<div class="addinputInfo addinputwOne"> |
||||
|
底<span class="inputStyle">{{ formobj.plateThicknessBottom }}</span>mm, |
||||
|
边<span class="inputStyle">{{ formobj.plateThicknessEdge }}</span>mm |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.tarpaulinSlide }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refrigerator }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.selfUnHyCoPl }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>底板加热</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.floorHeating }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty spanOneWidth"><span>更多配置</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.moreConfig }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { fetchBySidByTops } from '@/api/jichuxinxi/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'ShangZhuangInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
formobj: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
}, |
||||
|
showInfo(row) { |
||||
|
fetchBySidByTops(row.sid).then((resp) => { |
||||
|
this.formobj = resp.data |
||||
|
}).catch((e) => { |
||||
|
this.formobj = row |
||||
|
}) |
||||
|
console.log('这里是详情回显', row) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.spanOneWidth { |
||||
|
width: 110px !important; |
||||
|
} |
||||
|
.addinputwOne { |
||||
|
margin-left: 110px !important; |
||||
|
} |
||||
|
.inputStyle { |
||||
|
display: inline-block; |
||||
|
margin: 0 5px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,397 @@ |
|||||
|
<temp<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" @click="saveOrUpdate()">保存</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>款项名称</div> |
||||
|
<el-form-item prop="costTitleValue"> |
||||
|
<el-select class="addinputInfo" v-model="formobj.costTitleValue" placeholder="请选择" @change="costTitleChange" clearable filterable> |
||||
|
<el-option v-for="item in costTitle_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>付款方式</div> |
||||
|
<el-form-item prop="paymentType"> |
||||
|
<el-select class="addinputInfo" v-model="formobj.paymentType" placeholder="请选择" @change="paymentChange" clearable filterable> |
||||
|
<el-option v-for="item in payment_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>收款单位名称</div> |
||||
|
<el-form-item prop="receiveCompany"> |
||||
|
<el-select class="addinputInfo" v-model="formobj.receiveCompany" placeholder="请选择" @change="receiveCompanyChange" clearable filterable> |
||||
|
<el-option v-for="item in receiveCompany_list" :key="item.sid" :label="item.companyName" :value="item.companyName"></el-option> |
||||
|
</el-select> |
||||
|
<el-button style="margin-left: 10px" type="primary" size="mini" @click="receiveCompanyAdd">添加</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">银行账号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.receivingAccount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">开户行</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bank }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>付款金额</div> |
||||
|
<el-form-item prop="payAccount"><el-input class="addinputInfo addinputw" @keyup.native="formobj.payAccount = getNumber(formobj.payAccount, 2)" v-model="formobj.payAccount" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款备注</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>后期是否有平仓付款</div> |
||||
|
<el-form-item prop="isPay"> |
||||
|
<el-radio-group class="addinputInfo" v-model="formobj.isPay"> |
||||
|
<el-radio label="1">是</el-radio> |
||||
|
<el-radio label="0">否</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div v-show="formobj.isPay == '1'"> |
||||
|
<div class="title titleOne"> |
||||
|
<div>平仓信息</div> |
||||
|
<el-button type="primary" size="mini" class="btntopblueline" @click="toAdd">添加</el-button> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="formobj.finPaymentapplyDetailsBelowEveList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" /> |
||||
|
<el-table-column fixed label="操作" width="100" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button size="mini" type="danger" @click="toDelete(scope.$index)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="costTitleValue" label="平仓款名称" align="center" /> |
||||
|
<el-table-column label="期数" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input @keyup.native="scope.row.period = getNumber(scope.row.period, 2)" v-model="scope.row.period" clearable placeholder="" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="平仓付款日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-date-picker v-model="scope.row.exePayDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="平仓付款金额" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input @keyup.native="scope.row.exePayPrice = getNumber(scope.row.exePayPrice, 2)" v-model="scope.row.exePayPrice" clearable placeholder="" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="备注" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.remarks" clearable placeholder="" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-dialog :visible.sync="dialogVisible" width="50%" :show-close="false"> |
||||
|
<el-form ref="temp_obj" :model="temp" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">单位编码</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.companyCode" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">单位名称</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.companyName" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">开户行</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.bank" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">银行账号</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.receivingAccount" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">业务类型</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="temp.businessTypeValue" placeholder="请选择" @change="businessTypeChange" clearable filterable> |
||||
|
<el-option v-for="item in businessType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">备注</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.remarks" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div style="text-align: center;padding-top: 5px"> |
||||
|
<el-button size="small" type="primary" @click="handleSave">保存</el-button> |
||||
|
<el-button size="small" @click="handleClose">关闭</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/anruifinmanagement/payment' |
||||
|
import { typeValues } from '@/api/jichuxinxi/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'PaymentInformationAdd', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
costTitle_list: [], |
||||
|
payment_list: [], |
||||
|
receiveCompany_list: [], |
||||
|
businessType_list: [], |
||||
|
liquidationPayment: '', // 平仓款名称 |
||||
|
formobj: { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
}, |
||||
|
dialogVisible: false, |
||||
|
temp: { |
||||
|
companyCode: '', // 单位编码 |
||||
|
companyName: '', // 单位名称 |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
businessTypeKey: '', // 业务类型key |
||||
|
businessTypeValue: '', // 业务类型value |
||||
|
remarks: '', // 备注 |
||||
|
useOrgSid: '', // 分公司sid |
||||
|
useOrgName: '' |
||||
|
}, |
||||
|
rules: { |
||||
|
costTitleValue: [{ required: true, message: '款项名称不能为空', trigger: 'change' }], |
||||
|
paymentType: [{ required: true, message: '付款方式不能为空', trigger: 'change' }], |
||||
|
receiveCompany: [{ required: true, message: '收款单位名称不能为空', trigger: 'change' }], |
||||
|
payAccount: [{ required: true, message: '付款金额不能为空', trigger: 'blur' }], |
||||
|
isPay: [{ required: true, message: '后期是否有平仓付款不能为空', trigger: 'change' }] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'payCostTitle' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.costTitle_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'paymentType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.payment_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'cw_businessType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.businessType_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
showAdd(useOrgSid, liquidationPayment) { |
||||
|
this.viewTitle = '【新增】付款信息' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.init() |
||||
|
this.liquidationPayment = liquidationPayment |
||||
|
this.temp.useOrgSid = useOrgSid |
||||
|
this.selectByUseOrgSid(useOrgSid) |
||||
|
}, |
||||
|
selectByUseOrgSid(value) { |
||||
|
req.selectByUseOrgSid({ useOrgSid: value }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.receiveCompany_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getNumber(val, limit) { |
||||
|
val = val.replace(/[^0-9.]/g, '') // 保留数字 |
||||
|
val = val.replace(/^00/, '0.') // 开头不能有两个0 |
||||
|
val = val.replace(/^\./g, '0.') // 开头为小数点转换为0. |
||||
|
val = val.replace(/\.{2,}/g, '.') // 两个以上的小数点转换成一个 |
||||
|
val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留一个小数点 |
||||
|
/^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0 |
||||
|
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$' |
||||
|
const reg = new RegExp(str) |
||||
|
if (limit === 0) { |
||||
|
// 不需要小数点 |
||||
|
val = val.replace(reg, '$1') |
||||
|
} else { |
||||
|
// 通过正则保留小数点后指定的位数 |
||||
|
val = val.replace(reg, '$1.$2') |
||||
|
} |
||||
|
return val |
||||
|
}, |
||||
|
costTitleChange(value) { |
||||
|
const choose = this.costTitle_list.filter((item) => item.dictValue === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.costTitleKey = choose[0].dictKey |
||||
|
} else { |
||||
|
this.formobj.costTitleKey = '' |
||||
|
} |
||||
|
}, |
||||
|
paymentChange(value) { |
||||
|
const choose = this.payment_list.filter((item) => item.dictValue === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.paymentTypeKey = choose[0].dictKey |
||||
|
} else { |
||||
|
this.formobj.paymentTypeKey = '' |
||||
|
} |
||||
|
}, |
||||
|
receiveCompanyChange(value) { |
||||
|
const choose = this.receiveCompany_list.filter((item) => item.companyName === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.receiveCompanySid = choose[0].sid |
||||
|
this.formobj.receivingAccount = choose[0].companyName |
||||
|
this.formobj.bank = choose[0].bank |
||||
|
} else { |
||||
|
this.formobj.receiveCompanySid = '' |
||||
|
this.formobj.receivingAccount = '' |
||||
|
this.formobj.bank = '' |
||||
|
} |
||||
|
}, |
||||
|
receiveCompanyAdd() { |
||||
|
this.dialogVisible = true |
||||
|
}, |
||||
|
handleSave() { |
||||
|
req.paymentSave(this.temp).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
this.selectByUseOrgSid(this.temp.useOrgSid) |
||||
|
this.handleClose() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleClose() { |
||||
|
this.dialogVisible = false |
||||
|
this.temp.companyCode = '' // 单位编码 |
||||
|
this.temp.companyName = '' // 单位名称 |
||||
|
this.temp.bank = '' // 开户行 |
||||
|
this.temp.receivingAccount = '' // 收款银行账号 |
||||
|
this.temp.businessTypeKey = '' // 业务类型key |
||||
|
this.temp.businessTypeValue = '' // 业务类型value |
||||
|
this.temp.remarks = '' // 备注 |
||||
|
}, |
||||
|
toAdd() { |
||||
|
this.formobj.finPaymentapplyDetailsBelowEveList.push({ |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: this.liquidationPayment, // 款项名称 |
||||
|
detailSid: '', // 付款申请明细的明细sid |
||||
|
openDate: '', // 融资付款开通日期 |
||||
|
period: '', // 期数 |
||||
|
payCompanySid: '', // 付款单位sid |
||||
|
payCompany: '', // 付款单位名称 |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
actualPay: '', // 厂家销售通路 |
||||
|
bank: '', // 开户行 |
||||
|
exePayDate: '', // 平仓付款日期 |
||||
|
exePayPrice: '', // 平仓付款金额 |
||||
|
remarks: '' |
||||
|
}) |
||||
|
}, |
||||
|
toDelete(index) { |
||||
|
this.formobj.finPaymentapplyDetailsBelowEveList.splice(index, 1) |
||||
|
}, |
||||
|
businessTypeChange(value) { |
||||
|
const choose = this.businessType_list.filter((item) => item.dictValue === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.temp.businessTypeKey = choose[0].dictKey |
||||
|
} else { |
||||
|
this.temp.businessTypeKey = '' |
||||
|
} |
||||
|
}, |
||||
|
saveOrUpdate() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$emit('backInformation', this.formobj) |
||||
|
this.handleReturn() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.formobj = { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
} |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
/deep/ .el-form-item__error { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
||||
|
margin-left: 140px !important; |
||||
|
width: calc(100% - 135px); |
||||
|
} |
||||
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
||||
|
display: inline; |
||||
|
line-height: 1px; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.titleOne { |
||||
|
padding: 7px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,135 @@ |
|||||
|
<temp<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">款项名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.costTitleValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款方式</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.paymentType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">收款单位名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.receiveCompany }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">银行账号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.receivingAccount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">开户行</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bank }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.payAccount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款备注</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">后期是否有平仓付款</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.isPay == '1' ? '是' : '否' }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div v-show="formobj.isPay == '1'"> |
||||
|
<div class="title">平仓信息</div> |
||||
|
<el-table :key="tableKey" :data="formobj.finPaymentapplyDetailsBelowEveList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" /> |
||||
|
<el-table-column prop="costTitleValue" label="平仓款名称" align="center" /> |
||||
|
<el-table-column prop="period" label="期数" align="center" /> |
||||
|
<el-table-column prop="exePayDate" label="平仓付款日期" align="center" /> |
||||
|
<el-table-column prop="exePayPrice" label="平仓付款金额" align="center" /> |
||||
|
<el-table-column prop="remarks" label="备注" align="center" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
export default { |
||||
|
name: 'PaymentInformationInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.viewTitle = '付款信息' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
const value = JSON.parse(JSON.stringify(row)) |
||||
|
this.formobj = row |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.formobj = { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
} |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,397 @@ |
|||||
|
<temp<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" @click="saveOrUpdate()">保存</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>款项名称</div> |
||||
|
<el-form-item prop="costTitleValue"> |
||||
|
<el-select class="addinputInfo" v-model="formobj.costTitleValue" placeholder="请选择" @change="costTitleChange" clearable filterable> |
||||
|
<el-option v-for="item in costTitle_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>付款方式</div> |
||||
|
<el-form-item prop="paymentType"> |
||||
|
<el-select class="addinputInfo" v-model="formobj.paymentType" placeholder="请选择" @change="paymentChange" clearable filterable> |
||||
|
<el-option v-for="item in payment_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>收款单位名称</div> |
||||
|
<el-form-item prop="receiveCompany"> |
||||
|
<el-select class="addinputInfo" v-model="formobj.receiveCompany" placeholder="请选择" @change="receiveCompanyChange" clearable filterable> |
||||
|
<el-option v-for="item in receiveCompany_list" :key="item.sid" :label="item.companyName" :value="item.companyName"></el-option> |
||||
|
</el-select> |
||||
|
<el-button style="margin-left: 10px" type="primary" size="mini" @click="receiveCompanyAdd">添加</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">银行账号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.receivingAccount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">开户行</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bank }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>付款金额</div> |
||||
|
<el-form-item prop="payAccount"><el-input class="addinputInfo addinputw" @keyup.native="formobj.payAccount = getNumber(formobj.payAccount, 2)" v-model="formobj.payAccount" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款备注</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty"><span class="icon">*</span>后期是否有平仓付款</div> |
||||
|
<el-form-item prop="isPay"> |
||||
|
<el-radio-group class="addinputInfo" v-model="formobj.isPay"> |
||||
|
<el-radio label="1">是</el-radio> |
||||
|
<el-radio label="0">否</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div v-show="formobj.isPay == '1'"> |
||||
|
<div class="title titleOne"> |
||||
|
<div>平仓信息</div> |
||||
|
<el-button type="primary" size="mini" class="btntopblueline" @click="toAdd">添加</el-button> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="formobj.finPaymentapplyDetailsBelowEveList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" /> |
||||
|
<el-table-column fixed label="操作" width="100" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button size="mini" type="danger" @click="toDelete(scope.$index)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="costTitleValue" label="平仓款名称" align="center" /> |
||||
|
<el-table-column label="期数" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input @keyup.native="scope.row.period = getNumber(scope.row.period, 2)" v-model="scope.row.period" clearable placeholder="" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="平仓付款日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-date-picker v-model="scope.row.exePayDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="平仓付款金额" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input @keyup.native="scope.row.exePayPrice = getNumber(scope.row.exePayPrice, 2)" v-model="scope.row.exePayPrice" clearable placeholder="" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="备注" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.remarks" clearable placeholder="" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-dialog :visible.sync="dialogVisible" width="50%" :show-close="false"> |
||||
|
<el-form ref="temp_obj" :model="temp" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">单位编码</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.companyCode" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">单位名称</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.companyName" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">开户行</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.bank" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">银行账号</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.receivingAccount" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">业务类型</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="temp.businessTypeValue" placeholder="请选择" @change="businessTypeChange" clearable filterable> |
||||
|
<el-option v-for="item in businessType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">备注</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="temp.remarks" clearable placeholder=""/></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div style="text-align: center;padding-top: 5px"> |
||||
|
<el-button size="small" type="primary" @click="handleSave">保存</el-button> |
||||
|
<el-button size="small" @click="handleClose">关闭</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/anruifinmanagement/payment' |
||||
|
import { typeValues } from '@/api/jichuxinxi/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'PaymentInformationAdd', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
costTitle_list: [], |
||||
|
payment_list: [], |
||||
|
receiveCompany_list: [], |
||||
|
businessType_list: [], |
||||
|
liquidationPayment: '', // 平仓款名称 |
||||
|
formobj: { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
}, |
||||
|
dialogVisible: false, |
||||
|
temp: { |
||||
|
companyCode: '', // 单位编码 |
||||
|
companyName: '', // 单位名称 |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
businessTypeKey: '', // 业务类型key |
||||
|
businessTypeValue: '', // 业务类型value |
||||
|
remarks: '', // 备注 |
||||
|
useOrgSid: '', // 分公司sid |
||||
|
useOrgName: '' |
||||
|
}, |
||||
|
rules: { |
||||
|
costTitleValue: [{ required: true, message: '款项名称不能为空', trigger: 'change' }], |
||||
|
paymentType: [{ required: true, message: '付款方式不能为空', trigger: 'change' }], |
||||
|
receiveCompany: [{ required: true, message: '收款单位名称不能为空', trigger: 'change' }], |
||||
|
payAccount: [{ required: true, message: '付款金额不能为空', trigger: 'blur' }], |
||||
|
isPay: [{ required: true, message: '后期是否有平仓付款不能为空', trigger: 'change' }] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'payCostTitle' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.costTitle_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'paymentType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.payment_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'cw_businessType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.businessType_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
showAdd(useOrgSid, liquidationPayment) { |
||||
|
this.viewTitle = '【新增】付款信息' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.init() |
||||
|
this.liquidationPayment = liquidationPayment |
||||
|
this.temp.useOrgSid = useOrgSid |
||||
|
this.selectByUseOrgSid(useOrgSid) |
||||
|
}, |
||||
|
selectByUseOrgSid(value) { |
||||
|
req.selectByUseOrgSid({ useOrgSid: value }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.receiveCompany_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getNumber(val, limit) { |
||||
|
val = val.replace(/[^0-9.]/g, '') // 保留数字 |
||||
|
val = val.replace(/^00/, '0.') // 开头不能有两个0 |
||||
|
val = val.replace(/^\./g, '0.') // 开头为小数点转换为0. |
||||
|
val = val.replace(/\.{2,}/g, '.') // 两个以上的小数点转换成一个 |
||||
|
val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留一个小数点 |
||||
|
/^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0 |
||||
|
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$' |
||||
|
const reg = new RegExp(str) |
||||
|
if (limit === 0) { |
||||
|
// 不需要小数点 |
||||
|
val = val.replace(reg, '$1') |
||||
|
} else { |
||||
|
// 通过正则保留小数点后指定的位数 |
||||
|
val = val.replace(reg, '$1.$2') |
||||
|
} |
||||
|
return val |
||||
|
}, |
||||
|
costTitleChange(value) { |
||||
|
const choose = this.costTitle_list.filter((item) => item.dictValue === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.costTitleKey = choose[0].dictKey |
||||
|
} else { |
||||
|
this.formobj.costTitleKey = '' |
||||
|
} |
||||
|
}, |
||||
|
paymentChange(value) { |
||||
|
const choose = this.payment_list.filter((item) => item.dictValue === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.paymentTypeKey = choose[0].dictKey |
||||
|
} else { |
||||
|
this.formobj.paymentTypeKey = '' |
||||
|
} |
||||
|
}, |
||||
|
receiveCompanyChange(value) { |
||||
|
const choose = this.receiveCompany_list.filter((item) => item.companyName === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.receiveCompanySid = choose[0].sid |
||||
|
this.formobj.receivingAccount = choose[0].companyName |
||||
|
this.formobj.bank = choose[0].bank |
||||
|
} else { |
||||
|
this.formobj.receiveCompanySid = '' |
||||
|
this.formobj.receivingAccount = '' |
||||
|
this.formobj.bank = '' |
||||
|
} |
||||
|
}, |
||||
|
receiveCompanyAdd() { |
||||
|
this.dialogVisible = true |
||||
|
}, |
||||
|
handleSave() { |
||||
|
req.paymentSave(this.temp).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
this.selectByUseOrgSid(this.temp.useOrgSid) |
||||
|
this.handleClose() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleClose() { |
||||
|
this.dialogVisible = false |
||||
|
this.temp.companyCode = '' // 单位编码 |
||||
|
this.temp.companyName = '' // 单位名称 |
||||
|
this.temp.bank = '' // 开户行 |
||||
|
this.temp.receivingAccount = '' // 收款银行账号 |
||||
|
this.temp.businessTypeKey = '' // 业务类型key |
||||
|
this.temp.businessTypeValue = '' // 业务类型value |
||||
|
this.temp.remarks = '' // 备注 |
||||
|
}, |
||||
|
toAdd() { |
||||
|
this.formobj.finPaymentapplyDetailsBelowEveList.push({ |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: this.liquidationPayment, // 款项名称 |
||||
|
detailSid: '', // 付款申请明细的明细sid |
||||
|
openDate: '', // 融资付款开通日期 |
||||
|
period: '', // 期数 |
||||
|
payCompanySid: '', // 付款单位sid |
||||
|
payCompany: '', // 付款单位名称 |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
actualPay: '', // 厂家销售通路 |
||||
|
bank: '', // 开户行 |
||||
|
exePayDate: '', // 平仓付款日期 |
||||
|
exePayPrice: '', // 平仓付款金额 |
||||
|
remarks: '' |
||||
|
}) |
||||
|
}, |
||||
|
toDelete(index) { |
||||
|
this.formobj.finPaymentapplyDetailsBelowEveList.splice(index, 1) |
||||
|
}, |
||||
|
businessTypeChange(value) { |
||||
|
const choose = this.businessType_list.filter((item) => item.dictValue === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.temp.businessTypeKey = choose[0].dictKey |
||||
|
} else { |
||||
|
this.temp.businessTypeKey = '' |
||||
|
} |
||||
|
}, |
||||
|
saveOrUpdate() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$emit('backInformation', this.formobj) |
||||
|
this.handleReturn() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.formobj = { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
} |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
/deep/ .el-form-item__error { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
||||
|
margin-left: 140px !important; |
||||
|
width: calc(100% - 135px); |
||||
|
} |
||||
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
||||
|
display: inline; |
||||
|
line-height: 1px; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.titleOne { |
||||
|
padding: 7px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,135 @@ |
|||||
|
<temp<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">款项名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.costTitleValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款方式</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.paymentType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">收款单位名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.receiveCompany }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">银行账号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.receivingAccount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">开户行</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bank }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.payAccount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">付款备注</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">后期是否有平仓付款</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.isPay == '1' ? '是' : '否' }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div v-show="formobj.isPay == '1'"> |
||||
|
<div class="title">平仓信息</div> |
||||
|
<el-table :key="tableKey" :data="formobj.finPaymentapplyDetailsBelowEveList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" /> |
||||
|
<el-table-column prop="costTitleValue" label="平仓款名称" align="center" /> |
||||
|
<el-table-column prop="period" label="期数" align="center" /> |
||||
|
<el-table-column prop="exePayDate" label="平仓付款日期" align="center" /> |
||||
|
<el-table-column prop="exePayPrice" label="平仓付款金额" align="center" /> |
||||
|
<el-table-column prop="remarks" label="备注" align="center" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
export default { |
||||
|
name: 'PaymentInformationInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.viewTitle = '付款信息' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
const value = JSON.parse(JSON.stringify(row)) |
||||
|
this.formobj = row |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.formobj = { |
||||
|
sid: '', // sid |
||||
|
costTitleKey: '', // 款项名称，数据字典 |
||||
|
costTitleValue: '', // 款项名称 |
||||
|
paymentTypeKey: '', // 付款方式key |
||||
|
paymentType: '', // 付款方式value |
||||
|
receiveCompany: '', // 收款单位名称 |
||||
|
receiveCompanySid: '', // 收款单位sid |
||||
|
bank: '', // 开户行 |
||||
|
receivingAccount: '', // 收款银行账号 |
||||
|
payAccount: '', // 付款金额 |
||||
|
detailSid: '', // 付款申请明细sid |
||||
|
isPay: '', // 后期是否有平仓付款 |
||||
|
finPaymentapplyDetailsBelowEveList: [] |
||||
|
} |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,142 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>上装配置信息</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>车辆功能</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehicleTypeValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>上装名称</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.installNameValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>委改方式</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethodValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>供应商</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row v-if="formobj.installNameKey == '08'"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>冷机品牌</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.coolerBrand }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>冷机型号</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.coolerModel }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div v-if="formobj.installNameKey != '08'"> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>货箱内部尺寸</span></div> |
||||
|
<el-form-item> |
||||
|
<div class="addinputInfo addinputwOne"> |
||||
|
长<span class="inputStyle">{{ formobj.wk_long }}</span>mm, |
||||
|
宽<span class="inputStyle">{{ formobj.wk_wide }}</span>mm, |
||||
|
高<span class="inputStyle">{{ formobj.wk_high }}</span>mm |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>颜色</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.colorValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>板材材质</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterialValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>板材厚度</span></div> |
||||
|
<el-form-item> |
||||
|
<div class="addinputInfo addinputwOne"> |
||||
|
底<span class="inputStyle">{{ formobj.plateThicknessBottom }}</span>mm, |
||||
|
边<span class="inputStyle">{{ formobj.plateThicknessEdge }}</span>mm |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.tarpaulinSlide }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refrigerator }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.selfUnHyCoPl }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty spanOneWidth"><span>底板加热</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.floorHeating }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty spanOneWidth"><span>更多配置</span></div> |
||||
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.moreConfig }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { fetchBySidByTops } from '@/api/jichuxinxi/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'ShangZhuangInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
formobj: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
}, |
||||
|
showInfo(row) { |
||||
|
fetchBySidByTops(row.sid).then((resp) => { |
||||
|
this.formobj = resp.data |
||||
|
}).catch((e) => { |
||||
|
this.formobj = row |
||||
|
}) |
||||
|
console.log('这里是详情回显', row) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.spanOneWidth { |
||||
|
width: 110px !important; |
||||
|
} |
||||
|
.addinputwOne { |
||||
|
margin-left: 110px !important; |
||||
|
} |
||||
|
.inputStyle { |
||||
|
display: inline-block; |
||||
|
margin: 0 5px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue