<template>
|
<div class="agent">
|
<el-dialog
|
title="代理交易信息"
|
:visible.sync="agentVisible"
|
center
|
width="850px"
|
@close="closeDialog"
|
:close-on-click-modal='false'>
|
<el-form :model="form" label-width="95px" inline size="small">
|
<el-form-item label="房间名称">
|
<el-input v-model="form.roomname" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="房间状态">
|
<el-input v-model="form.roomstatus" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="标准单价">
|
<el-input v-model="form.perprice" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="标准总价">
|
<el-input v-model="form.totalprice" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="认购总价">
|
<el-input v-model="form.saletotalprice" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="签约总价">
|
<el-input v-model="form.signtotalprice" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="客户名称">
|
<el-input v-model="form.cstnames" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="签约日期">
|
<el-input v-model="form.signdate" disabled></el-input>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import {
|
qryBroomInfo
|
} from '@/api/product'
|
export default {
|
props: ['visible','houseorparkingid'],
|
data () {
|
return {
|
form:{}
|
}
|
},
|
computed: {
|
agentVisible:{
|
get(){
|
return this.visible
|
},
|
set(){}
|
}
|
},
|
created () {
|
qryBroomInfo({houseOrParkingId:this.houseorparkingid}).then(res=>{
|
if(res.code=='00'){
|
this.form = res.result
|
this.form.perprice = this.formatMoney(this.form.perprice)
|
this.form.totalprice = this.formatMoney(this.form.totalprice)
|
this.form.saletotalprice = this.formatMoney(this.form.saletotalprice)
|
this.form.signtotalprice = this.formatMoney(this.form.signtotalprice)
|
}
|
})
|
},
|
methods: {
|
closeDialog(){
|
this.$emit('closeAgent',false)
|
},
|
// 金额格式化
|
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;
|
}
|
},
|
},
|
}
|
</script>
|
<style lang="stylus">
|
.agent
|
.el-dialog
|
.el-form
|
display: flex
|
justify-content: flex-start
|
flex-wrap: wrap
|
.el-form-item
|
display: flex
|
width:45%
|
margin: 0 30px 20px 0
|
.el-form-item__label
|
color: #888
|
.el-form-item__content
|
flex:1
|
.el-input.is-disabled .el-input__inner,
|
.el-textarea.is-disabled .el-textarea__inner
|
background-color #fff
|
color #888
|
.el-date-editor
|
width: auto
|
.el-select
|
display: block
|
</style>
|
