jiyufei
3 months ago
parent
c32383ce5b
commit
eb68453c50
File diff suppressed because one or more lines are too long
@ -1,269 +1,249 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取 消</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="合同编号"
|
||||
prop="contractNumber" >
|
||||
<p>{{dataForm.contractNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="合同名称"
|
||||
prop="contractName" >
|
||||
<p>{{dataForm.contractName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="计价方式"
|
||||
prop="pricingMethod" >
|
||||
<p>{{ dataForm.pricingMethod }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="签订日期"
|
||||
prop="signingDate" >
|
||||
<p>{{dataForm.signingDate}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="园区名称"
|
||||
prop="parkId" >
|
||||
<p>{{dataForm.parkId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户名称"
|
||||
prop="merchantId" >
|
||||
<p>{{dataForm.merchantId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="租金总价"
|
||||
prop="totalRentalPrice" >
|
||||
<p>{{dataForm.totalRentalPrice}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="押金总计"
|
||||
prop="totalDeposit" >
|
||||
<p>{{dataForm.totalDeposit}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="支付方式"
|
||||
prop="payDeposit" >
|
||||
<p>{{ dataForm.payDeposit }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="退还方式"
|
||||
prop="returnDeposit" >
|
||||
<p>{{ dataForm.returnDeposit }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="开始时间"
|
||||
prop="startTime" >
|
||||
<p>{{dataForm.startTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="结束时间"
|
||||
prop="endTime" >
|
||||
<p>{{dataForm.endTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="租期"
|
||||
prop="leaseTerm" >
|
||||
<p>{{dataForm.leaseTerm}}月</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="联系人"
|
||||
prop="contacts" >
|
||||
<p>{{dataForm.contacts}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="联系电话"
|
||||
prop="contactsPhone" >
|
||||
<p>{{dataForm.contactsPhone}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="合同状态"
|
||||
prop="contractStatus" >
|
||||
<p>{{ dataForm.contractStatus }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="合同说明"
|
||||
prop="contractExplain" >
|
||||
<p>{{dataForm.contractExplain}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="合同附件"
|
||||
prop="contractEnclosure" >
|
||||
<JnpfUploadFile v-model="dataForm.contractEnclosure"
|
||||
disabled
|
||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" buttonText="点击上传" >
|
||||
</JnpfUploadFile>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<div class="JNPF-common-title">
|
||||
<h2>空间列表</h2>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取 消</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="dataForm.tableField130" size='mini' >
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column prop="contractLineNumber" label="合同行号" >
|
||||
<template slot="header">
|
||||
合同行号
|
||||
<span slot="label">
|
||||
<el-tooltip placement="top" content='后台自动生成'>
|
||||
<a class='el-icon-question tooltip-question'></a>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.contractLineNumber}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="spaceId" label="空间名称" >
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.spaceId}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="spaceArea" label="空间面积" >
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.spaceArea}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalRentalPrice" label="租金总价" >
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.totalRentalPrice}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
<el-row :gutter="15" class=" main" :style="{ margin: '0 auto', width: '100%' }">
|
||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="合同编号" prop="contractNumber">
|
||||
<p>{{ dataForm.contractNumber }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="合同名称" prop="contractName">
|
||||
<p>{{ dataForm.contractName }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="计价方式" prop="pricingMethod">
|
||||
<p>{{ dataForm.pricingMethod }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="签订日期" prop="signingDate">
|
||||
<p>{{ dataForm.signingDate }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="园区名称" prop="parkId">
|
||||
<p>{{ dataForm.parkId }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户名称" prop="merchantName">
|
||||
<p>{{ dataForm.merchantName }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="租金总价" prop="totalRentalPrice">
|
||||
<p>{{ dataForm.totalRentalPrice }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="押金总计" prop="totalDeposit">
|
||||
<p>{{ dataForm.totalDeposit }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="支付方式" prop="payDeposit">
|
||||
<p>{{ dataForm.payDeposit }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="退还方式" prop="returnDeposit">
|
||||
<p>{{ dataForm.returnDeposit }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="开始时间" prop="startTime">
|
||||
<p>{{ dataForm.startTime }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="结束时间" prop="endTime">
|
||||
<p>{{ dataForm.endTime }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="租期" prop="leaseTerm">
|
||||
<p>{{ dataForm.leaseTerm }}月</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="联系人" prop="contacts">
|
||||
<p>{{ dataForm.contacts }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="联系电话" prop="contactsPhone">
|
||||
<p>{{ dataForm.contactsPhone }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="合同状态" prop="contractStatus">
|
||||
<p>{{ dataForm.contractStatus }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="合同说明" prop="contractExplain">
|
||||
<p>{{ dataForm.contractExplain }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="合同附件" prop="contractEnclosure">
|
||||
<JnpfUploadFile v-model="dataForm.contractEnclosure" disabled detailed :fileSize="10"
|
||||
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" buttonText="点击上传">
|
||||
</JnpfUploadFile>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<div class="JNPF-common-title">
|
||||
<h2>空间列表</h2>
|
||||
</div>
|
||||
<el-table :data="dataForm.tableField130" size='mini'>
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column prop="contractLineNumber" label="合同行号">
|
||||
<template slot="header">
|
||||
合同行号
|
||||
<span slot="label">
|
||||
<el-tooltip placement="top" content='后台自动生成'>
|
||||
<a class='el-icon-question tooltip-question'></a>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<p>{{ scope.row.contractLineNumber }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="spaceId" label="空间名称">
|
||||
<template slot-scope="scope">
|
||||
<p>{{ scope.row.spaceId }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="spaceArea" label="空间面积">
|
||||
<template slot-scope="scope">
|
||||
<p>{{ scope.row.spaceArea }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalRentalPrice" label="租金总价">
|
||||
<template slot-scope="scope">
|
||||
<p>{{ scope.row.totalRentalPrice }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
contractNumber : '',
|
||||
contractName : '',
|
||||
pricingMethod : "",
|
||||
signingDate : '',
|
||||
parkId : "",
|
||||
merchantId : "",
|
||||
totalRentalPrice : "",
|
||||
totalDeposit : '',
|
||||
payDeposit : "",
|
||||
returnDeposit : "",
|
||||
startTime : '',
|
||||
endTime : '',
|
||||
leaseTerm : '',
|
||||
contacts : '',
|
||||
contactsPhone : '',
|
||||
contractStatus : "10",
|
||||
creationTime : "",
|
||||
contractExplain : '',
|
||||
contractEnclosure : [],
|
||||
spacecontractList:[],
|
||||
id: '',
|
||||
contractNumber: '',
|
||||
contractName: '',
|
||||
pricingMethod: "",
|
||||
signingDate: '',
|
||||
parkId: "",
|
||||
merchantId: "",
|
||||
totalRentalPrice: "",
|
||||
totalDeposit: '',
|
||||
payDeposit: "",
|
||||
returnDeposit: "",
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
leaseTerm: '',
|
||||
contacts: '',
|
||||
contactsPhone: '',
|
||||
contractStatus: "10",
|
||||
creationTime: "",
|
||||
contractExplain: '',
|
||||
contractEnclosure: [],
|
||||
spacecontractList: [],
|
||||
},
|
||||
pricingMethodOptions:[{"fullName":"月付","id":"1"},{"fullName":"季付","id":"2"},{"fullName":"年付","id":"3"}],
|
||||
pricingMethodProps:{"label":"fullName","value":"id" },
|
||||
parkIdProps:{"label":"name","value":"code" },
|
||||
merchantIdProps:{"label":"cmp_nm","value":"id" },
|
||||
payDepositOptions:[{"fullName":"选项1","id":"1"},{"fullName":"选项2","id":"2"}],
|
||||
payDepositProps:{"label":"fullName","value":"id" },
|
||||
returnDepositOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
|
||||
returnDepositProps:{"label":"fullName","value":"id" },
|
||||
contractStatusOptions:[{"fullName":"待确认","id":"10"},{"fullName":"已确认","id":"20"},{"fullName":"已结案","id":"30"},{"fullName":"合同变更","id":"21"}],
|
||||
contractStatusProps:{"label":"fullName","value":"id" },
|
||||
pricingMethodOptions: [{ "fullName": "月付", "id": "1" }, { "fullName": "季付", "id": "2" }, { "fullName": "年付", "id": "3" }],
|
||||
pricingMethodProps: { "label": "fullName", "value": "id" },
|
||||
parkIdProps: { "label": "name", "value": "code" },
|
||||
merchantIdProps: { "label": "cmp_nm", "value": "id" },
|
||||
payDepositOptions: [{ "fullName": "选项1", "id": "1" }, { "fullName": "选项2", "id": "2" }],
|
||||
payDepositProps: { "label": "fullName", "value": "id" },
|
||||
returnDepositOptions: [{ "fullName": "选项一", "id": "1" }, { "fullName": "选项二", "id": "2" }],
|
||||
returnDepositProps: { "label": "fullName", "value": "id" },
|
||||
contractStatusOptions: [{ "fullName": "待确认", "id": "10" }, { "fullName": "已确认", "id": "20" }, { "fullName": "已结案", "id": "30" }, { "fullName": "合同变更", "id": "21" }],
|
||||
contractStatusProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/example/Contract/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/example/Contract/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
})
|
||||
},
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
Loading…
Reference in new issue