<template>
|
<div class="zhdwConfirmDialog" v-loading.fullscreen.lock="loading" element-loading-background="transparent">
|
<el-dialog center width="850px" :visible.sync="show" :close-on-click-modal="false" @close="handleClose" inline>
|
<el-form :model="form" :rules="rules" ref="form" label-width="130px" inline size="small">
|
<div class="title">出让人基本信息</div>
|
<el-form-item label="名称">
|
<el-input v-model="form.creditor_info.debtorName" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="类型">
|
<el-input value="企业" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="统一社会信用代码">
|
<el-input v-model="form.creditor_info.businessCode" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="法人">
|
<el-input v-model="form.creditor_info.responsiblePerson" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="住所" class="w100">
|
<el-input v-model="form.creditor_info.address" disabled></el-input>
|
</el-form-item>
|
<div class="title">受让人基本信息</div>
|
<el-form-item label="名称">
|
<el-input v-model="form.debtor_info.debtorName" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="类型">
|
<el-input value="企业" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="统一社会信用代码">
|
<el-input v-model="form.debtor_info.businessCode" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="法人">
|
<el-input v-model="form.debtor_info.responsiblePerson" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="住所" class="w100">
|
<el-input v-model="form.debtor_info.address" disabled></el-input>
|
</el-form-item>
|
<div class="title">转让财产信息</div>
|
<el-form-item label="主合同号码" prop="maincontractno">
|
<el-input v-model="form.property_info.maincontractno"></el-input>
|
</el-form-item>
|
<el-form-item label="主合同金额" prop="maincontractsum">
|
<el-input v-model="form.property_info.maincontractsum"></el-input>
|
</el-form-item>
|
<el-form-item label="债务起始日期" prop="loanbegindate">
|
<el-date-picker
|
v-model="form.property_info.loanbegindate"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="债务终止日期" prop="loanenddate">
|
<el-date-picker
|
v-model="form.property_info.loanenddate"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="质押财产价值" prop="collateralsum">
|
<el-input v-model="form.property_info.collateralsum "
|
@blur="form.property_info.collateralsum = formatMoney(form.property_info.collateralsum)" ></el-input>
|
</el-form-item>
|
<el-form-item label="质押合同号码" prop="contractno">
|
<el-input v-model="form.property_info.contractno"></el-input>
|
</el-form-item>
|
<el-form-item label="质押财产描述" class="w100" prop="description">
|
<el-input type="textarea" v-model="form.property_info.description" :autosize="{ minRows: 3, maxRows: 5}"></el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button size="mini" @click="handleClose">取消</el-button>
|
<el-button class="blueBtn" type="primary" size="mini" @click="handleSubmit">确定</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {
|
zhdwGetRecordInfo,
|
zhdwSubmitRecordInfo
|
} from "@comprehensive/serve/public";
|
export default {
|
data: function () {
|
return {
|
loading: false,
|
show: false,
|
required: true,
|
info: {},
|
form: {
|
|
creditor_info: {},
|
debtor_info: {},
|
property_info: {}
|
},
|
rules: {
|
},
|
}
|
},
|
methods: {
|
async initInfo(info) {
|
this.info = info
|
this.loading = true
|
try {
|
|
const data = await zhdwGetRecordInfo({applySerialNo:info.serialNo})
|
if(data.code == '00') {
|
this.form = data.result
|
this.form.property_info.collateralsum = this.formatMoney(this.form.property_info.collateralsum)
|
|
this.show = true
|
}
|
} catch(e) {
|
|
}
|
|
this.loading = false
|
// debugger
|
// this.opinionInfo = data
|
},
|
// 金额格式化
|
formatMoney(value) {
|
if (value) {
|
value =
|
parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(2) + "";
|
if (value == "NaN") return;
|
let l = value
|
.split(".")[0]
|
.split("")
|
.reverse();
|
let r = value.split(".")[1];
|
let t = "";
|
for (let i = 0; i < l.length; i++) {
|
t += l[i] + ((i + 1) % 3 === 0 && i + 1 !== l.length ? "," : "");
|
}
|
return (
|
t
|
.split("")
|
.reverse()
|
.join("") +
|
"." +
|
r
|
);
|
}
|
},
|
|
//金额变成数字
|
moneyFomatNumber(number, n) {
|
if(typeof number == 'number') return number
|
if (number != null && number != "" && number != undefined) {
|
number = number.replace(/,/g, ""); //去除千分位的','
|
if (isNaN(number)) {
|
//判断是否是数字
|
number = "0";
|
} else {
|
number = Math.round(number * Math.pow(10, n)) / Math.pow(10, n); //n幂
|
number = number.toString();
|
}
|
} else {
|
number = "0";
|
}
|
//a.indexOf(x,y);返回x值在a字符串值中从y位置开始检索首次出现的位置
|
var numLength = number.indexOf(".");
|
//判断传递的值是整数增加小数点再补"0"
|
if (numLength < 0) {
|
numLength = number.length;
|
number += ".";
|
}
|
//不足n位小数的，循环补"0"
|
while (number.length <= numLength + n) {
|
number += "0";
|
}
|
return number;
|
},
|
handleClose() {
|
this.form = {
|
creditor_info: {},
|
debtor_info: {},
|
property_info: {}
|
}
|
this.$refs.form.resetFields()
|
this.show = false
|
},
|
handleSubmit() {
|
this.$refs['form'].validate((valid) => {
|
if (valid) {
|
this.form.property_info.collateralsum = this.moneyFomatNumber(this.form.property_info.collateralsum,2)
|
zhdwSubmitRecordInfo(this.info.serialNo,this.form).then(res=>{
|
if(res.code == '00') {
|
this.$message.success('中登网登记成功!')
|
this.show = false
|
}
|
})
|
} else {
|
return false
|
}
|
})
|
},
|
},
|
}
|
</script>
|
|
<style lang="stylus">
|
.zhdwConfirmDialog
|
.w100
|
width: 100% !important
|
margin-right: 50px !important;
|
.title
|
width: 100%
|
height: 20px;
|
color: #222;
|
font-weight: 500;
|
font-size: 14px;
|
position: relative;
|
padding-left: 10px;
|
margin-bottom: 20px;
|
border-left: 2px solid #0081f0;
|
|
.el-dialog
|
width auto
|
max-width calc(100% - 180px)
|
min-width 850px
|
max-height 100%
|
overflow hidden
|
margin 0 !important
|
position absolute
|
left 50%
|
top 50%
|
transform translate(-50%,-50%)
|
p
|
text-align: center
|
color: #222222
|
font-size: 18px
|
font-weight:500
|
margin-bottom: 20px
|
.el-dialog__header
|
padding: 40px 0 30px
|
.el-dialog__headerbtn
|
top:12px
|
.el-dialog__body
|
padding 0 20px 6px
|
max-height: 60vh;
|
overflow: auto;
|
.el-table
|
td,th
|
height 48px
|
padding 0
|
.cell
|
line-height 18px
|
.el-dialog__footer
|
padding 0
|
.dialog-footer
|
padding 20px 0 40px
|
.el-button
|
width: 120px
|
font-size: 14px
|
line-height: 20px
|
padding: 5px 0
|
.el-form
|
display: flex
|
justify-content: flex-start
|
flex-wrap: wrap
|
.el-form-item
|
display: flex
|
width:45%
|
margin: 0 30px 24px 0
|
.el-form-item__label
|
color: #888
|
.el-form-item__content
|
flex:1
|
.el-select
|
display: block
|
</style>
|
