jiyufei
3 months ago
parent
548524916b
commit
0adaeefb96
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,179 +1,164 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="详情"
|
<el-dialog title="详情" :close-on-click-modal="false" append-to-body :visible.sync="visible"
|
||||||
:close-on-click-modal="false" append-to-body
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
||||||
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
<el-row :gutter="15" class="">
|
||||||
width="1000px">
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||||
<el-row :gutter="15" class="">
|
<template v-if="!loading">
|
||||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
<el-col :span="8">
|
||||||
<template v-if="!loading">
|
<jnpf-form-tip-item label="设备编码" prop="code">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.code }}</p>
|
||||||
<jnpf-form-tip-item label="设备编码"
|
</jnpf-form-tip-item>
|
||||||
prop="code" >
|
</el-col>
|
||||||
<p>{{dataForm.code}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="设备名称" prop="name">
|
||||||
</el-col>
|
<p>{{ dataForm.name }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="设备名称"
|
</el-col>
|
||||||
prop="name" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.name}}</p>
|
<jnpf-form-tip-item label="设备类型" prop="type">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.type }} </p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="设备类型"
|
<el-col :span="8">
|
||||||
prop="type" >
|
<jnpf-form-tip-item label="设备品牌" prop="brand">
|
||||||
<p>{{ dataForm.type }} </p>
|
<p>{{ dataForm.brand }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="设备品牌"
|
<jnpf-form-tip-item label="设备型号" prop="model">
|
||||||
prop="brand" >
|
<p>{{ dataForm.model }}</p>
|
||||||
<p>{{dataForm.brand}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="批次号" prop="batchNumber">
|
||||||
<jnpf-form-tip-item label="设备型号"
|
<p>{{ dataForm.batchNumber }}</p>
|
||||||
prop="model" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.model}}</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="8">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="供应商" prop="supplier">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.supplier }}</p>
|
||||||
<jnpf-form-tip-item label="批次号"
|
</jnpf-form-tip-item>
|
||||||
prop="batchNumber" >
|
</el-col>
|
||||||
<p>{{dataForm.batchNumber}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="联系电话" prop="supplierPhone">
|
||||||
</el-col>
|
<p>{{ dataForm.supplierPhone }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="供应商"
|
</el-col>
|
||||||
prop="supplier" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.supplier}}</p>
|
<jnpf-form-tip-item label="设备状态" prop="status">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.status }} </p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="供应商联系电话"
|
<el-col :span="8">
|
||||||
prop="supplierPhone" >
|
<jnpf-form-tip-item label="保修期" prop="defectsLiabilityPeriod">
|
||||||
<p>{{dataForm.supplierPhone}}</p>
|
<p>{{ dataForm.defectsLiabilityPeriod }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="设备状态"
|
<jnpf-form-tip-item label="开始时间" prop="warrantyStartTime">
|
||||||
prop="status" >
|
<p>{{ dataForm.warrantyStartTime }}</p>
|
||||||
<p>{{ dataForm.status }} </p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="结束时间" prop="warrantyEndTime">
|
||||||
<jnpf-form-tip-item label="保修期"
|
<p>{{ dataForm.warrantyEndTime }}</p>
|
||||||
prop="defectsLiabilityPeriod" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.defectsLiabilityPeriod}}</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="24">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="设备描述" prop="description">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.description }}</p>
|
||||||
<jnpf-form-tip-item label="保修开始时间"
|
</jnpf-form-tip-item>
|
||||||
prop="warrantyStartTime" >
|
</el-col>
|
||||||
<p>{{dataForm.warrantyStartTime}}</p>
|
</template>
|
||||||
</jnpf-form-tip-item>
|
</el-form>
|
||||||
</el-col>
|
</el-row>
|
||||||
<el-col :span="8" >
|
<span slot="footer" class="dialog-footer">
|
||||||
<jnpf-form-tip-item label="保修结束时间"
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
prop="warrantyEndTime" >
|
</span>
|
||||||
<p>{{dataForm.warrantyEndTime}}</p>
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24" >
|
|
||||||
<jnpf-form-tip-item label="设备描述"
|
|
||||||
prop="description" >
|
|
||||||
<p>{{dataForm.description}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
code : '',
|
code: '',
|
||||||
name : '',
|
name: '',
|
||||||
type : "",
|
type: "",
|
||||||
brand : '',
|
brand: '',
|
||||||
model : '',
|
model: '',
|
||||||
batchNumber : '',
|
batchNumber: '',
|
||||||
supplier : '',
|
supplier: '',
|
||||||
supplierPhone : '',
|
supplierPhone: '',
|
||||||
status : "1",
|
status: "1",
|
||||||
defectsLiabilityPeriod : '',
|
defectsLiabilityPeriod: '',
|
||||||
warrantyStartTime : '',
|
warrantyStartTime: '',
|
||||||
warrantyEndTime : '',
|
warrantyEndTime: '',
|
||||||
description : '',
|
description: '',
|
||||||
},
|
},
|
||||||
typeOptions:[{"fullName":"类型1","id":"10"},{"fullName":"类型2","id":"20"}],
|
typeOptions: [{ "fullName": "类型1", "id": "10" }, { "fullName": "类型2", "id": "20" }],
|
||||||
typeProps:{"label":"fullName","value":"id" },
|
typeProps: { "label": "fullName", "value": "id" },
|
||||||
statusOptions:[{"fullName":"可用","id":"1"},{"fullName":"已租","id":"2"},{"fullName":"报废","id":"3"}],
|
statusOptions: [{ "fullName": "可用", "id": "1" }, { "fullName": "已租", "id": "2" }, { "fullName": "报废", "id": "3" }],
|
||||||
statusProps:{"label":"fullName","value":"id" },
|
statusProps: { "label": "fullName", "value": "id" },
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
toDetail(defaultValue, modelId) {
|
toDetail(defaultValue, modelId) {
|
||||||
if (!defaultValue) return
|
if (!defaultValue) return
|
||||||
getConfigData(modelId).then(res => {
|
getConfigData(modelId).then(res => {
|
||||||
if (!res.data || !res.data.formData) return
|
if (!res.data || !res.data.formData) return
|
||||||
let formData = JSON.parse(res.data.formData)
|
let formData = JSON.parse(res.data.formData)
|
||||||
formData.popupType = 'general'
|
formData.popupType = 'general'
|
||||||
this.detailVisible = true
|
this.detailVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
})
|
|
||||||
})
|
})
|
||||||
},
|
})
|
||||||
dataInfo(dataAll){
|
},
|
||||||
let _dataAll =dataAll
|
dataInfo(dataAll) {
|
||||||
this.dataForm = _dataAll
|
let _dataAll = dataAll
|
||||||
},
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
init(id) {
|
init(id) {
|
||||||
this.dataForm.id = id || 0;
|
this.dataForm.id = id || 0;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.dataForm.id){
|
if (this.dataForm.id) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
request({
|
request({
|
||||||
url: '/api/example/Equipment/detail/'+this.dataForm.id,
|
url: '/api/example/Equipment/detail/' + this.dataForm.id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.dataInfo(res.data)
|
this.dataInfo(res.data)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,194 +1,177 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="详情"
|
<el-dialog title="详情" :close-on-click-modal="false" append-to-body :visible.sync="visible"
|
||||||
:close-on-click-modal="false" append-to-body
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
||||||
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
<el-row :gutter="15" class="">
|
||||||
width="1000px">
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||||
<el-row :gutter="15" class="">
|
<template v-if="!loading">
|
||||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
<el-col :span="8">
|
||||||
<template v-if="!loading">
|
<jnpf-form-tip-item label="维修单号" prop="repairOrderNumber">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.repairOrderNumber }}</p>
|
||||||
<jnpf-form-tip-item label="维修单号"
|
</jnpf-form-tip-item>
|
||||||
prop="repairOrderNumber" >
|
</el-col>
|
||||||
<p>{{dataForm.repairOrderNumber}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="报修单" prop="repairOrderId">
|
||||||
</el-col>
|
<p>{{ dataForm.repairOrderId }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="报修单"
|
</el-col>
|
||||||
prop="repairOrderId" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.repairOrderId}}</p>
|
<jnpf-form-tip-item label="设备编码" prop="number">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.number }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="设备编码"
|
<el-col :span="8">
|
||||||
prop="number" >
|
<jnpf-form-tip-item label="设备名称" prop="name">
|
||||||
<p>{{dataForm.number}}</p>
|
<p>{{ dataForm.name }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="设备名称"
|
<jnpf-form-tip-item label="维修方式" prop="maintenanceMethods">
|
||||||
prop="name" >
|
<p>{{ dataForm.maintenanceMethods }} </p>
|
||||||
<p>{{dataForm.name}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="维修进度" prop="maintenancePlan">
|
||||||
<jnpf-form-tip-item label="维修方式"
|
<p>{{ dataForm.maintenancePlan }} </p>
|
||||||
prop="maintenanceMethods" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{ dataForm.maintenanceMethods }} </p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="8">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="维修人" prop="maintenancePersonnel">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.maintenancePersonnel }}</p>
|
||||||
<jnpf-form-tip-item label="维修进度"
|
</jnpf-form-tip-item>
|
||||||
prop="maintenancePlan" >
|
</el-col>
|
||||||
<p>{{ dataForm.maintenancePlan }} </p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="维修时间" prop="maintenanceDate">
|
||||||
</el-col>
|
<p>{{ dataForm.maintenanceDate }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="维修人"
|
</el-col>
|
||||||
prop="maintenancePersonnel" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.maintenancePersonnel}}</p>
|
<jnpf-form-tip-item label="是否有费用" prop="expensesIncurred">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.expensesIncurred }} </p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="维修时间"
|
<el-col :span="8">
|
||||||
prop="maintenanceDate" >
|
<jnpf-form-tip-item label="费用金额" prop="costAmount">
|
||||||
<p>{{dataForm.maintenanceDate}}</p>
|
<p>{{ dataForm.costAmount }}元</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="是否产生费用"
|
<jnpf-form-tip-item label="是否计入租户账单" prop="tenantBill">
|
||||||
prop="expensesIncurred" >
|
<p>{{ dataForm.tenantBill }} </p>
|
||||||
<p>{{ dataForm.expensesIncurred }} </p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="费用说明" prop="costDetail">
|
||||||
<jnpf-form-tip-item label="费用金额"
|
<p>{{ dataForm.costDetail }}</p>
|
||||||
prop="costAmount" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.costAmount}}元</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="24">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="维修描述" prop="maintenanceDescribe">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.maintenanceDescribe }}</p>
|
||||||
<jnpf-form-tip-item label="是否计入租户账单"
|
</jnpf-form-tip-item>
|
||||||
prop="tenantBill" >
|
</el-col>
|
||||||
<p>{{ dataForm.tenantBill }} </p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="维修照片" prop="repairPhoto">
|
||||||
</el-col>
|
<JnpfUploadImg v-model="dataForm.repairPhoto" disabled detailed :fileSize="10" sizeUnit="MB"
|
||||||
<el-col :span="8" >
|
:limit="9" pathType="defaultPath" :isAccount="0">
|
||||||
<jnpf-form-tip-item label="费用说明"
|
</JnpfUploadImg>
|
||||||
prop="costDetail" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.costDetail}}</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
</template>
|
||||||
</el-col>
|
</el-form>
|
||||||
<el-col :span="24" >
|
</el-row>
|
||||||
<jnpf-form-tip-item label="维修描述"
|
<span slot="footer" class="dialog-footer">
|
||||||
prop="maintenanceDescribe" >
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
<p>{{dataForm.maintenanceDescribe}}</p>
|
</span>
|
||||||
</jnpf-form-tip-item>
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="维修照片"
|
|
||||||
prop="repairPhoto" >
|
|
||||||
<JnpfUploadImg v-model="dataForm.repairPhoto"
|
|
||||||
disabled
|
|
||||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
|
||||||
</JnpfUploadImg>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
repairOrderNumber : '',
|
repairOrderNumber: '',
|
||||||
repairOrderId : "",
|
repairOrderId: "",
|
||||||
number : '',
|
number: '',
|
||||||
name : '',
|
name: '',
|
||||||
maintenanceMethods : "1",
|
maintenanceMethods: "1",
|
||||||
maintenancePlan : "2",
|
maintenancePlan: "2",
|
||||||
maintenancePersonnel : '',
|
maintenancePersonnel: '',
|
||||||
maintenanceDate : '',
|
maintenanceDate: '',
|
||||||
expensesIncurred : "2",
|
expensesIncurred: "2",
|
||||||
costAmount : '',
|
costAmount: '',
|
||||||
tenantBill : "2",
|
tenantBill: "2",
|
||||||
costDetail : '',
|
costDetail: '',
|
||||||
maintenanceDescribe : '',
|
maintenanceDescribe: '',
|
||||||
repairPhoto : [],
|
repairPhoto: [],
|
||||||
equipmentId : '',
|
equipmentId: '',
|
||||||
},
|
},
|
||||||
maintenanceMethodsOptions:[{"fullName":"保修期内","id":"1"},{"fullName":"更换配件","id":"2"},{"fullName":"更换设备","id":"3"}],
|
maintenanceMethodsOptions: [{ "fullName": "保修期内", "id": "1" }, { "fullName": "更换配件", "id": "2" }, { "fullName": "更换设备", "id": "3" }],
|
||||||
maintenanceMethodsProps:{"label":"fullName","value":"id" },
|
maintenanceMethodsProps: { "label": "fullName", "value": "id" },
|
||||||
maintenancePlanOptions:[{"fullName":"维修中","id":"1"},{"fullName":"已维修","id":"2"}],
|
maintenancePlanOptions: [{ "fullName": "维修中", "id": "1" }, { "fullName": "已维修", "id": "2" }],
|
||||||
maintenancePlanProps:{"label":"fullName","value":"id" },
|
maintenancePlanProps: { "label": "fullName", "value": "id" },
|
||||||
expensesIncurredOptions:[{"fullName":"是","id":"1"},{"fullName":"否","id":"2"}],
|
expensesIncurredOptions: [{ "fullName": "是", "id": "1" }, { "fullName": "否", "id": "2" }],
|
||||||
expensesIncurredProps:{"label":"fullName","value":"id" },
|
expensesIncurredProps: { "label": "fullName", "value": "id" },
|
||||||
tenantBillOptions:[{"fullName":"是 ","id":"1"},{"fullName":"否","id":"2"}],
|
tenantBillOptions: [{ "fullName": "是 ", "id": "1" }, { "fullName": "否", "id": "2" }],
|
||||||
tenantBillProps:{"label":"fullName","value":"id" },
|
tenantBillProps: { "label": "fullName", "value": "id" },
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
toDetail(defaultValue, modelId) {
|
toDetail(defaultValue, modelId) {
|
||||||
if (!defaultValue) return
|
if (!defaultValue) return
|
||||||
getConfigData(modelId).then(res => {
|
getConfigData(modelId).then(res => {
|
||||||
if (!res.data || !res.data.formData) return
|
if (!res.data || !res.data.formData) return
|
||||||
let formData = JSON.parse(res.data.formData)
|
let formData = JSON.parse(res.data.formData)
|
||||||
formData.popupType = 'general'
|
formData.popupType = 'general'
|
||||||
this.detailVisible = true
|
this.detailVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
})
|
|
||||||
})
|
})
|
||||||
},
|
})
|
||||||
dataInfo(dataAll){
|
},
|
||||||
let _dataAll =dataAll
|
dataInfo(dataAll) {
|
||||||
this.dataForm = _dataAll
|
let _dataAll = dataAll
|
||||||
},
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
init(id) {
|
init(id) {
|
||||||
this.dataForm.id = id || 0;
|
this.dataForm.id = id || 0;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.dataForm.id){
|
if (this.dataForm.id) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
request({
|
request({
|
||||||
url: '/api/example/EquipmentMaintenanceRecords/detail/'+this.dataForm.id,
|
url: '/api/example/EquipmentMaintenanceRecords/detail/' + this.dataForm.id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.dataInfo(res.data)
|
this.dataInfo(res.data)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,166 +1,153 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="详情"
|
<el-dialog title="详情" :close-on-click-modal="false" append-to-body :visible.sync="visible"
|
||||||
:close-on-click-modal="false" append-to-body
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
||||||
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
<el-row :gutter="15" class="">
|
||||||
width="1000px">
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||||
<el-row :gutter="15" class="">
|
<template v-if="!loading">
|
||||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
<el-col :span="8">
|
||||||
<template v-if="!loading">
|
<jnpf-form-tip-item label="报修单号" prop="repairNumber">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.repairNumber }}</p>
|
||||||
<jnpf-form-tip-item label="报修单号"
|
</jnpf-form-tip-item>
|
||||||
prop="repairNumber" >
|
</el-col>
|
||||||
<p>{{dataForm.repairNumber}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="设备" prop="equipmentId">
|
||||||
</el-col>
|
<p>{{ dataForm.equipmentId }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="设备"
|
</el-col>
|
||||||
prop="equipmentId" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.equipmentId}}</p>
|
<jnpf-form-tip-item label="空间" prop="spaceId">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.spaceId }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="空间"
|
<el-col :span="8">
|
||||||
prop="spaceId" >
|
<jnpf-form-tip-item label="报修人" prop="repairName">
|
||||||
<p>{{dataForm.spaceId}}</p>
|
<p>{{ dataForm.repairName }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="报修人"
|
<jnpf-form-tip-item label="联系方式" prop="contractInformation">
|
||||||
prop="repairName" >
|
<p>{{ dataForm.contractInformation }}</p>
|
||||||
<p>{{dataForm.repairName}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="期望时间" prop="repairTime">
|
||||||
<jnpf-form-tip-item label="联系方式"
|
<p>{{ dataForm.repairTime }}</p>
|
||||||
prop="contractInformation" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.contractInformation}}</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="8">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="是否紧急" prop="urgent">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.urgent }} </p>
|
||||||
<jnpf-form-tip-item label="期望维修时间"
|
</jnpf-form-tip-item>
|
||||||
prop="repairTime" >
|
</el-col>
|
||||||
<p>{{dataForm.repairTime}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="消息状态" prop="messageStatus">
|
||||||
</el-col>
|
<p>{{ dataForm.messageStatus }} </p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="是否紧急"
|
</el-col>
|
||||||
prop="urgent" >
|
<el-col :span="24">
|
||||||
<p>{{ dataForm.urgent }} </p>
|
<jnpf-form-tip-item label="故障原因" prop="causeOmalfunction">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.causeOmalfunction }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="消息状态"
|
<el-col :span="8">
|
||||||
prop="messageStatus" >
|
<jnpf-form-tip-item label="故障照片" prop="faultPhotos">
|
||||||
<p>{{ dataForm.messageStatus }} </p>
|
<JnpfUploadImg v-model="dataForm.faultPhotos" disabled detailed :fileSize="10" sizeUnit="MB"
|
||||||
</jnpf-form-tip-item>
|
:limit="9" pathType="defaultPath" :isAccount="0">
|
||||||
</el-col>
|
</JnpfUploadImg>
|
||||||
<el-col :span="24" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="故障原因"
|
</el-col>
|
||||||
prop="causeOmalfunction" >
|
</template>
|
||||||
<p>{{dataForm.causeOmalfunction}}</p>
|
</el-form>
|
||||||
</jnpf-form-tip-item>
|
</el-row>
|
||||||
</el-col>
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-col :span="8" >
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
<jnpf-form-tip-item label="故障照片"
|
</span>
|
||||||
prop="faultPhotos" >
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
<JnpfUploadImg v-model="dataForm.faultPhotos"
|
|
||||||
disabled
|
|
||||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
|
||||||
</JnpfUploadImg>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
repairNumber : '',
|
repairNumber: '',
|
||||||
equipmentId : "",
|
equipmentId: "",
|
||||||
equipmentNumber : '',
|
equipmentNumber: '',
|
||||||
equipmentName : '',
|
equipmentName: '',
|
||||||
spaceId : "",
|
spaceId: "",
|
||||||
repairName : '',
|
repairName: '',
|
||||||
contractInformation : '',
|
contractInformation: '',
|
||||||
repairTime : '',
|
repairTime: '',
|
||||||
urgent : "1",
|
urgent: "1",
|
||||||
messageStatus : "2",
|
messageStatus: "2",
|
||||||
causeOmalfunction : '',
|
causeOmalfunction: '',
|
||||||
faultPhotos : [],
|
faultPhotos: [],
|
||||||
spaceName : '',
|
spaceName: '',
|
||||||
regionId : '',
|
regionId: '',
|
||||||
regionName : '',
|
regionName: '',
|
||||||
},
|
},
|
||||||
urgentOptions:[{"fullName":"非紧急","id":"1"},{"fullName":"紧急","id":"2"}],
|
urgentOptions: [{ "fullName": "非紧急", "id": "1" }, { "fullName": "紧急", "id": "2" }],
|
||||||
urgentProps:{"label":"fullName","value":"id" },
|
urgentProps: { "label": "fullName", "value": "id" },
|
||||||
messageStatusOptions:[{"fullName":"已读","id":"1"},{"fullName":"未读","id":"2"}],
|
messageStatusOptions: [{ "fullName": "已读", "id": "1" }, { "fullName": "未读", "id": "2" }],
|
||||||
messageStatusProps:{"label":"fullName","value":"id" },
|
messageStatusProps: { "label": "fullName", "value": "id" },
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
toDetail(defaultValue, modelId) {
|
toDetail(defaultValue, modelId) {
|
||||||
if (!defaultValue) return
|
if (!defaultValue) return
|
||||||
getConfigData(modelId).then(res => {
|
getConfigData(modelId).then(res => {
|
||||||
if (!res.data || !res.data.formData) return
|
if (!res.data || !res.data.formData) return
|
||||||
let formData = JSON.parse(res.data.formData)
|
let formData = JSON.parse(res.data.formData)
|
||||||
formData.popupType = 'general'
|
formData.popupType = 'general'
|
||||||
this.detailVisible = true
|
this.detailVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
})
|
|
||||||
})
|
})
|
||||||
},
|
})
|
||||||
dataInfo(dataAll){
|
},
|
||||||
let _dataAll =dataAll
|
dataInfo(dataAll) {
|
||||||
this.dataForm = _dataAll
|
let _dataAll = dataAll
|
||||||
},
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
init(id) {
|
init(id) {
|
||||||
this.dataForm.id = id || 0;
|
this.dataForm.id = id || 0;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.dataForm.id){
|
if (this.dataForm.id) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
request({
|
request({
|
||||||
url: '/api/example/EquipmentRepairRecords/detail/'+this.dataForm.id,
|
url: '/api/example/EquipmentRepairRecords/detail/' + this.dataForm.id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.dataInfo(res.data)
|
this.dataInfo(res.data)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,231 +1,211 @@
|
|||||||
<template>
|
<template>
|
||||||
<transition name="el-zoom-in-center">
|
<transition name="el-zoom-in-center">
|
||||||
<div class="JNPF-preview-main">
|
<div class="JNPF-preview-main">
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
<div class="JNPF-common-page-header">
|
<div class="JNPF-common-page-header">
|
||||||
<el-page-header @back="goBack"
|
<el-page-header @back="goBack" content="详情" />
|
||||||
content="详情"/>
|
<div class="options">
|
||||||
<div class="options">
|
<el-button @click="goBack">取 消</el-button>
|
||||||
<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="equipmentCoding">
|
||||||
|
<p>{{ dataForm.equipmentCoding }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="设备名称" prop="deviceName">
|
||||||
|
<p>{{ dataForm.deviceName }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="设备类型" prop="equipmentType">
|
||||||
|
<p>{{ dataForm.equipmentType }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="设备品牌" prop="equipmentBrand">
|
||||||
|
<p>{{ dataForm.equipmentBrand }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="供应商" prop="supplier">
|
||||||
|
<p>{{ dataForm.supplier }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="联系电话" prop="supplierPhone">
|
||||||
|
<p>{{ dataForm.supplierPhone }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="设备保修期" prop="equipmentWarranty">
|
||||||
|
<p>{{ dataForm.equipmentWarranty }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="开始时间" prop="warrantyStartTime">
|
||||||
|
<p>{{ dataForm.warrantyStartTime }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="结束时间" prop="warrantyEndTime">
|
||||||
|
<p>{{ dataForm.warrantyEndTime }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="状态" prop="state">
|
||||||
|
<p>{{ dataForm.state }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="设备状态" prop="deviceStatus">
|
||||||
|
<p>{{ dataForm.deviceStatus }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="MAC地址" prop="deviceMacAddress">
|
||||||
|
<p>{{ dataForm.deviceMacAddress }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="空间" prop="spaceId">
|
||||||
|
<p>{{ dataForm.spaceId }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="区域名称" prop="regionName">
|
||||||
|
<p>{{ dataForm.regionName }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<jnpf-form-tip-item label="设备描述" prop="deviceDescription">
|
||||||
|
<p>{{ dataForm.deviceDescription }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="安装时间" prop="installationTime">
|
||||||
|
<p>{{ dataForm.installationTime }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="负责人" prop="personInCharge">
|
||||||
|
<p>{{ dataForm.personInCharge }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="联系电话" prop="chargePhone">
|
||||||
|
<p>{{ dataForm.chargePhone }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<jnpf-form-tip-item label="设备码" prop="equipmentCode">
|
||||||
|
<p>{{ dataForm.equipmentCode }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</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="equipmentCoding" >
|
|
||||||
<p>{{dataForm.equipmentCoding}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备名称"
|
|
||||||
prop="deviceName" >
|
|
||||||
<p>{{dataForm.deviceName}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备类型"
|
|
||||||
prop="equipmentType" >
|
|
||||||
<p>{{ dataForm.equipmentType }} </p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备品牌"
|
|
||||||
prop="equipmentBrand" >
|
|
||||||
<p>{{dataForm.equipmentBrand}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="供应商"
|
|
||||||
prop="supplier" >
|
|
||||||
<p>{{dataForm.supplier}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="供应商联系电话"
|
|
||||||
prop="supplierPhone" >
|
|
||||||
<p>{{dataForm.supplierPhone}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备保修期"
|
|
||||||
prop="equipmentWarranty" >
|
|
||||||
<p>{{dataForm.equipmentWarranty}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="保修开始时间"
|
|
||||||
prop="warrantyStartTime" >
|
|
||||||
<p>{{dataForm.warrantyStartTime}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="保修结束时间"
|
|
||||||
prop="warrantyEndTime" >
|
|
||||||
<p>{{dataForm.warrantyEndTime}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="状态"
|
|
||||||
prop="state" >
|
|
||||||
<p>{{ dataForm.state }} </p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备状态(正常、异常)"
|
|
||||||
prop="deviceStatus" >
|
|
||||||
<p>{{ dataForm.deviceStatus }} </p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备MAC地址"
|
|
||||||
prop="deviceMacAddress" >
|
|
||||||
<p>{{dataForm.deviceMacAddress}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="空间"
|
|
||||||
prop="spaceId" >
|
|
||||||
<p>{{dataForm.spaceId}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="区域名称"
|
|
||||||
prop="regionName" >
|
|
||||||
<p>{{dataForm.regionName}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24" >
|
|
||||||
<jnpf-form-tip-item label="设备描述"
|
|
||||||
prop="deviceDescription" >
|
|
||||||
<p>{{dataForm.deviceDescription}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="安装时间"
|
|
||||||
prop="installationTime" >
|
|
||||||
<p>{{dataForm.installationTime}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="负责人"
|
|
||||||
prop="personInCharge" >
|
|
||||||
<p>{{dataForm.personInCharge}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="负责人联系电话"
|
|
||||||
prop="chargePhone" >
|
|
||||||
<p>{{dataForm.chargePhone}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="设备码"
|
|
||||||
prop="equipmentCode" >
|
|
||||||
<p>{{dataForm.equipmentCode}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
equipmentCoding : '',
|
equipmentCoding: '',
|
||||||
deviceName : '',
|
deviceName: '',
|
||||||
equipmentType : "",
|
equipmentType: "",
|
||||||
equipmentBrand : '',
|
equipmentBrand: '',
|
||||||
supplier : '',
|
supplier: '',
|
||||||
supplierPhone : '',
|
supplierPhone: '',
|
||||||
equipmentWarranty : '',
|
equipmentWarranty: '',
|
||||||
warrantyStartTime : '',
|
warrantyStartTime: '',
|
||||||
warrantyEndTime : '',
|
warrantyEndTime: '',
|
||||||
state : "1",
|
state: "1",
|
||||||
deviceStatus : "1",
|
deviceStatus: "1",
|
||||||
deviceMacAddress : '',
|
deviceMacAddress: '',
|
||||||
spaceId : "",
|
spaceId: "",
|
||||||
regionName : '',
|
regionName: '',
|
||||||
spaceName : '',
|
spaceName: '',
|
||||||
regionId : '',
|
regionId: '',
|
||||||
deviceDescription : '',
|
deviceDescription: '',
|
||||||
installationTime : '',
|
installationTime: '',
|
||||||
personInCharge : '',
|
personInCharge: '',
|
||||||
chargePhone : '',
|
chargePhone: '',
|
||||||
equipmentCode : '',
|
equipmentCode: '',
|
||||||
},
|
},
|
||||||
equipmentTypeOptions:[{"fullName":"类型1","id":"10"},{"fullName":"类型2","id":"20"}],
|
equipmentTypeOptions: [{ "fullName": "类型1", "id": "10" }, { "fullName": "类型2", "id": "20" }],
|
||||||
equipmentTypeProps:{"label":"fullName","value":"id" },
|
equipmentTypeProps: { "label": "fullName", "value": "id" },
|
||||||
stateOptions:[{"fullName":"启用","id":"1"},{"fullName":"禁用","id":"2"}],
|
stateOptions: [{ "fullName": "启用", "id": "1" }, { "fullName": "禁用", "id": "2" }],
|
||||||
stateProps:{"label":"fullName","value":"id" },
|
stateProps: { "label": "fullName", "value": "id" },
|
||||||
deviceStatusOptions:[{"fullName":"正常","id":"1"},{"fullName":"异常","id":"2"}],
|
deviceStatusOptions: [{ "fullName": "正常", "id": "1" }, { "fullName": "异常", "id": "2" }],
|
||||||
deviceStatusProps:{"label":"fullName","value":"id" },
|
deviceStatusProps: { "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() {},
|
init(id) {
|
||||||
methods: {
|
this.dataForm.id = id || 0;
|
||||||
toDetail(defaultValue, modelId) {
|
this.visible = true;
|
||||||
if (!defaultValue) return
|
this.$nextTick(() => {
|
||||||
getConfigData(modelId).then(res => {
|
if (this.dataForm.id) {
|
||||||
if (!res.data || !res.data.formData) return
|
this.loading = true
|
||||||
let formData = JSON.parse(res.data.formData)
|
request({
|
||||||
formData.popupType = 'general'
|
url: '/api/example/ParkEquipment/detail/' + this.dataForm.id,
|
||||||
this.detailVisible = true
|
method: 'get'
|
||||||
this.$nextTick(() => {
|
}).then(res => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
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/ParkEquipment/detail/'+this.dataForm.id,
|
|
||||||
method: 'get'
|
|
||||||
}).then(res => {
|
|
||||||
this.dataInfo(res.data)
|
|
||||||
this.loading = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,149 +1,138 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="详情"
|
<el-dialog title="详情" :close-on-click-modal="false" append-to-body :visible.sync="visible"
|
||||||
:close-on-click-modal="false" append-to-body
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
||||||
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
<el-row :gutter="15" class="">
|
||||||
width="1000px">
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||||
<el-row :gutter="15" class="">
|
<template v-if="!loading">
|
||||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
<el-col :span="8">
|
||||||
<template v-if="!loading">
|
<jnpf-form-tip-item label="用户编码" prop="userCode">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.userCode }}</p>
|
||||||
<jnpf-form-tip-item label="用户编码"
|
</jnpf-form-tip-item>
|
||||||
prop="userCode" >
|
</el-col>
|
||||||
<p>{{dataForm.userCode}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="用户名" prop="userName">
|
||||||
</el-col>
|
<p>{{ dataForm.userName }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="用户名"
|
</el-col>
|
||||||
prop="userName" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.userName}}</p>
|
<jnpf-form-tip-item label="联系电话" prop="phone">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.phone }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="身份证号"
|
<el-col :span="8">
|
||||||
prop="idCard" >
|
<jnpf-form-tip-item label="人员归属" prop="userAscription">
|
||||||
<p>{{dataForm.idCard}}</p>
|
<p>{{ dataForm.userAscription }} </p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="联系电话"
|
<jnpf-form-tip-item label="身份证号" prop="idCard">
|
||||||
prop="phone" >
|
<p>{{ dataForm.idCard }}</p>
|
||||||
<p>{{dataForm.phone}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="有效开始时间" prop="effectiveStartTime">
|
||||||
<jnpf-form-tip-item label="人员归属"
|
<p>{{ dataForm.effectiveStartTime }}</p>
|
||||||
prop="userAscription" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{ dataForm.userAscription }} </p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="8">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="有效结束时间" prop="effectiveEndTime">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.effectiveEndTime }}</p>
|
||||||
<jnpf-form-tip-item label="有效开始时间"
|
</jnpf-form-tip-item>
|
||||||
prop="effectiveStartTime" >
|
</el-col>
|
||||||
<p>{{dataForm.effectiveStartTime}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="出入码" prop="entryCodes">
|
||||||
</el-col>
|
<p>{{ dataForm.entryCodes }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="有效结束时间"
|
</el-col>
|
||||||
prop="effectiveEndTime" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.effectiveEndTime}}</p>
|
<jnpf-form-tip-item label="商户" prop="merchantId">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.merchantId }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="出入码"
|
</template>
|
||||||
prop="entryCodes" >
|
</el-form>
|
||||||
<p>{{dataForm.entryCodes}}</p>
|
</el-row>
|
||||||
</jnpf-form-tip-item>
|
<span slot="footer" class="dialog-footer">
|
||||||
</el-col>
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
<el-col :span="8" >
|
</span>
|
||||||
<jnpf-form-tip-item label="商户"
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
prop="merchantId" >
|
|
||||||
<p>{{dataForm.merchantId}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
userCode : '',
|
userCode: '',
|
||||||
userName : '',
|
userName: '',
|
||||||
idCard : '',
|
idCard: '',
|
||||||
phone : '',
|
phone: '',
|
||||||
userAscription : "1",
|
userAscription: "1",
|
||||||
effectiveStartTime : '',
|
effectiveStartTime: '',
|
||||||
effectiveEndTime : '',
|
effectiveEndTime: '',
|
||||||
entryCodes : '',
|
entryCodes: '',
|
||||||
merchantId : "",
|
merchantId: "",
|
||||||
},
|
},
|
||||||
userAscriptionOptions:[{"fullName":"商户","id":"1"},{"fullName":"公司","id":"2"}],
|
userAscriptionOptions: [{ "fullName": "商户", "id": "1" }, { "fullName": "公司", "id": "2" }],
|
||||||
userAscriptionProps:{"label":"fullName","value":"id" },
|
userAscriptionProps: { "label": "fullName", "value": "id" },
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
toDetail(defaultValue, modelId) {
|
toDetail(defaultValue, modelId) {
|
||||||
if (!defaultValue) return
|
if (!defaultValue) return
|
||||||
getConfigData(modelId).then(res => {
|
getConfigData(modelId).then(res => {
|
||||||
if (!res.data || !res.data.formData) return
|
if (!res.data || !res.data.formData) return
|
||||||
let formData = JSON.parse(res.data.formData)
|
let formData = JSON.parse(res.data.formData)
|
||||||
formData.popupType = 'general'
|
formData.popupType = 'general'
|
||||||
this.detailVisible = true
|
this.detailVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
})
|
|
||||||
})
|
})
|
||||||
},
|
})
|
||||||
dataInfo(dataAll){
|
},
|
||||||
let _dataAll =dataAll
|
dataInfo(dataAll) {
|
||||||
this.dataForm = _dataAll
|
let _dataAll = dataAll
|
||||||
},
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
init(id) {
|
init(id) {
|
||||||
this.dataForm.id = id || 0;
|
this.dataForm.id = id || 0;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.dataForm.id){
|
if (this.dataForm.id) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
request({
|
request({
|
||||||
url: '/api/example/Person/detail/'+this.dataForm.id,
|
url: '/api/example/Person/detail/' + this.dataForm.id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.dataInfo(res.data)
|
this.dataInfo(res.data)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,161 +1,148 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="详情"
|
<el-dialog title="详情" :close-on-click-modal="false" append-to-body :visible.sync="visible"
|
||||||
:close-on-click-modal="false" append-to-body
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
||||||
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
<el-row :gutter="15" class="">
|
||||||
width="600px">
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||||
<el-row :gutter="15" class="">
|
<template v-if="!loading">
|
||||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
<el-col :span="8">
|
||||||
<template v-if="!loading">
|
<jnpf-form-tip-item label="车牌号" prop="vehicleNumber">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.vehicleNumber }}</p>
|
||||||
<jnpf-form-tip-item label="车牌号"
|
</jnpf-form-tip-item>
|
||||||
prop="vehicleNumber" >
|
</el-col>
|
||||||
<p>{{dataForm.vehicleNumber}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="车辆类型" prop="vehicleType">
|
||||||
</el-col>
|
<p>{{ dataForm.vehicleType }} </p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="车辆类型"
|
</el-col>
|
||||||
prop="vehicleType" >
|
<el-col :span="8">
|
||||||
<p>{{ dataForm.vehicleType }} </p>
|
<jnpf-form-tip-item label="车辆品牌" prop="vehicleBrand">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.vehicleBrand }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="车辆品牌"
|
<el-col :span="8">
|
||||||
prop="vehicleBrand" >
|
<jnpf-form-tip-item label="车辆颜色" prop="vehicleColor">
|
||||||
<p>{{dataForm.vehicleBrand}}</p>
|
<p>{{ dataForm.vehicleColor }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="车辆颜色"
|
<jnpf-form-tip-item label="联系人" prop="contactsName">
|
||||||
prop="vehicleColor" >
|
<p>{{ dataForm.contactsName }}</p>
|
||||||
<p>{{dataForm.vehicleColor}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="联系电话" prop="contactsPhone">
|
||||||
<jnpf-form-tip-item label="联系人"
|
<p>{{ dataForm.contactsPhone }}</p>
|
||||||
prop="contactsName" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.contactsName}}</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="24">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="车辆照片" prop="vehiclePhotos">
|
||||||
<el-col :span="8" >
|
<JnpfUploadImg v-model="dataForm.vehiclePhotos" disabled detailed :fileSize="10"
|
||||||
<jnpf-form-tip-item label="联系电话"
|
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0">
|
||||||
prop="contactsPhone" >
|
</JnpfUploadImg>
|
||||||
<p>{{dataForm.contactsPhone}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="24" >
|
<jnpf-form-tip-item label="车辆归属" prop="vehicleAscription">
|
||||||
<jnpf-form-tip-item label="车辆照片"
|
<p>{{ dataForm.vehicleAscription }} </p>
|
||||||
prop="vehiclePhotos" >
|
</jnpf-form-tip-item>
|
||||||
<JnpfUploadImg v-model="dataForm.vehiclePhotos"
|
</el-col>
|
||||||
disabled
|
<el-col :span="8">
|
||||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
<jnpf-form-tip-item label="归属" prop="ascriptionId">
|
||||||
</JnpfUploadImg>
|
<p>{{ dataForm.ascriptionId }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="车辆归属"
|
<jnpf-form-tip-item label="归属名称" prop="ascriptionName">
|
||||||
prop="vehicleAscription" >
|
<p>{{ dataForm.ascriptionName }}</p>
|
||||||
<p>{{ dataForm.vehicleAscription }} </p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
</template>
|
||||||
<el-col :span="8" >
|
</el-form>
|
||||||
<jnpf-form-tip-item label="归属"
|
</el-row>
|
||||||
prop="ascriptionId" >
|
<span slot="footer" class="dialog-footer">
|
||||||
<p>{{dataForm.ascriptionId}}</p>
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
</jnpf-form-tip-item>
|
</span>
|
||||||
</el-col>
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
<el-col :span="8" >
|
|
||||||
<jnpf-form-tip-item label="归属名称"
|
|
||||||
prop="ascriptionName" >
|
|
||||||
<p>{{dataForm.ascriptionName}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
vehicleNumber : '',
|
vehicleNumber: '',
|
||||||
vehicleType : "",
|
vehicleType: "",
|
||||||
vehicleBrand : '',
|
vehicleBrand: '',
|
||||||
vehicleColor : '',
|
vehicleColor: '',
|
||||||
contactsName : '',
|
contactsName: '',
|
||||||
contactsPhone : '',
|
contactsPhone: '',
|
||||||
vehiclePhotos : [],
|
vehiclePhotos: [],
|
||||||
vehicleAscription : "1",
|
vehicleAscription: "1",
|
||||||
ascriptionId : '',
|
ascriptionId: '',
|
||||||
ascriptionName : "",
|
ascriptionName: "",
|
||||||
},
|
},
|
||||||
vehicleTypeOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
|
vehicleTypeOptions: [{ "fullName": "选项一", "id": "1" }, { "fullName": "选项二", "id": "2" }],
|
||||||
vehicleTypeProps:{"label":"fullName","value":"id" },
|
vehicleTypeProps: { "label": "fullName", "value": "id" },
|
||||||
vehicleAscriptionOptions:[{"fullName":"商户","id":"1"},{"fullName":"公司","id":"2"}],
|
vehicleAscriptionOptions: [{ "fullName": "商户", "id": "1" }, { "fullName": "公司", "id": "2" }],
|
||||||
vehicleAscriptionProps:{"label":"fullName","value":"id" },
|
vehicleAscriptionProps: { "label": "fullName", "value": "id" },
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
toDetail(defaultValue, modelId) {
|
toDetail(defaultValue, modelId) {
|
||||||
if (!defaultValue) return
|
if (!defaultValue) return
|
||||||
getConfigData(modelId).then(res => {
|
getConfigData(modelId).then(res => {
|
||||||
if (!res.data || !res.data.formData) return
|
if (!res.data || !res.data.formData) return
|
||||||
let formData = JSON.parse(res.data.formData)
|
let formData = JSON.parse(res.data.formData)
|
||||||
formData.popupType = 'general'
|
formData.popupType = 'general'
|
||||||
this.detailVisible = true
|
this.detailVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
})
|
|
||||||
})
|
})
|
||||||
},
|
})
|
||||||
dataInfo(dataAll){
|
},
|
||||||
let _dataAll =dataAll
|
dataInfo(dataAll) {
|
||||||
this.dataForm = _dataAll
|
let _dataAll = dataAll
|
||||||
},
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
init(id) {
|
init(id) {
|
||||||
this.dataForm.id = id || 0;
|
this.dataForm.id = id || 0;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.dataForm.id){
|
if (this.dataForm.id) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
request({
|
request({
|
||||||
url: '/api/example/Vehicle/detail/'+this.dataForm.id,
|
url: '/api/example/Vehicle/detail/' + this.dataForm.id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.dataInfo(res.data)
|
this.dataInfo(res.data)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,159 +1,147 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="详情"
|
<el-dialog title="详情" :close-on-click-modal="false" append-to-body :visible.sync="visible"
|
||||||
:close-on-click-modal="false" append-to-body
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
||||||
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
<el-row :gutter="15" class="">
|
||||||
width="1000px">
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right">
|
||||||
<el-row :gutter="15" class="">
|
<template v-if="!loading">
|
||||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
<el-col :span="8">
|
||||||
<template v-if="!loading">
|
<jnpf-form-tip-item label="申请单号" prop="applicationNumber">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.applicationNumber }}</p>
|
||||||
<jnpf-form-tip-item label="申请单号"
|
</jnpf-form-tip-item>
|
||||||
prop="applicationNumber" >
|
</el-col>
|
||||||
<p>{{dataForm.applicationNumber}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="商户名称" prop="merchantId">
|
||||||
</el-col>
|
<p>{{ dataForm.merchantId }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="商户名称"
|
</el-col>
|
||||||
prop="merchantId" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.merchantId}}</p>
|
<jnpf-form-tip-item label="空间名称" prop="spaceId">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.spaceId }}</p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="空间名称"
|
<el-col :span="8">
|
||||||
prop="spaceId" >
|
<jnpf-form-tip-item label="开始时间" prop="startTime">
|
||||||
<p>{{dataForm.spaceId}}</p>
|
<p>{{ dataForm.startTime }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
<el-col :span="8">
|
||||||
<jnpf-form-tip-item label="开始时间"
|
<jnpf-form-tip-item label="结束时间" prop="endTime">
|
||||||
prop="startTime" >
|
<p>{{ dataForm.endTime }}</p>
|
||||||
<p>{{dataForm.startTime}}</p>
|
</jnpf-form-tip-item>
|
||||||
</jnpf-form-tip-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="8">
|
||||||
<el-col :span="8" >
|
<jnpf-form-tip-item label="联系人" prop="contacts">
|
||||||
<jnpf-form-tip-item label="结束时间"
|
<p>{{ dataForm.contacts }}</p>
|
||||||
prop="endTime" >
|
</jnpf-form-tip-item>
|
||||||
<p>{{dataForm.endTime}}</p>
|
</el-col>
|
||||||
</jnpf-form-tip-item>
|
<el-col :span="8">
|
||||||
</el-col>
|
<jnpf-form-tip-item label="联系电话" prop="contactsPhone">
|
||||||
<el-col :span="8" >
|
<p>{{ dataForm.contactsPhone }}</p>
|
||||||
<jnpf-form-tip-item label="联系人"
|
</jnpf-form-tip-item>
|
||||||
prop="contacts" >
|
</el-col>
|
||||||
<p>{{dataForm.contacts}}</p>
|
<el-col :span="8">
|
||||||
</jnpf-form-tip-item>
|
<jnpf-form-tip-item label="预约人数" prop="reservationsNumber">
|
||||||
</el-col>
|
<p>{{ dataForm.reservationsNumber }}</p>
|
||||||
<el-col :span="8" >
|
</jnpf-form-tip-item>
|
||||||
<jnpf-form-tip-item label="联系电话"
|
</el-col>
|
||||||
prop="contactsPhone" >
|
<el-col :span="8">
|
||||||
<p>{{dataForm.contactsPhone}}</p>
|
<jnpf-form-tip-item label="预约进度" prop="usageProgress">
|
||||||
</jnpf-form-tip-item>
|
<p>{{ dataForm.usageProgress }} </p>
|
||||||
</el-col>
|
</jnpf-form-tip-item>
|
||||||
<el-col :span="8" >
|
</el-col>
|
||||||
<jnpf-form-tip-item label="预约人数"
|
<el-col :span="8">
|
||||||
prop="reservationsNumber" >
|
<jnpf-form-tip-item label="预约事由" prop="reservationsThing">
|
||||||
<p>{{dataForm.reservationsNumber}}</p>
|
<p>{{ dataForm.reservationsThing }}</p>
|
||||||
</jnpf-form-tip-item>
|
</jnpf-form-tip-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" >
|
</template>
|
||||||
<jnpf-form-tip-item label="预约事由"
|
</el-form>
|
||||||
prop="reservationsThing" >
|
</el-row>
|
||||||
<p>{{dataForm.reservationsThing}}</p>
|
<span slot="footer" class="dialog-footer">
|
||||||
</jnpf-form-tip-item>
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
</el-col>
|
</span>
|
||||||
<el-col :span="8" >
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
<jnpf-form-tip-item label="预约进度"
|
|
||||||
prop="usageProgress" >
|
|
||||||
<p>{{ dataForm.usageProgress }} </p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from '@/utils/jnpf'
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail},
|
components: { Detail },
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id :'',
|
id: '',
|
||||||
applicationNumber : '',
|
applicationNumber: '',
|
||||||
merchantId : "",
|
merchantId: "",
|
||||||
spaceId : "",
|
spaceId: "",
|
||||||
startTime : '',
|
startTime: '',
|
||||||
endTime : '',
|
endTime: '',
|
||||||
contacts : '',
|
contacts: '',
|
||||||
contactsPhone : '',
|
contactsPhone: '',
|
||||||
reservationsNumber : '',
|
reservationsNumber: '',
|
||||||
reservationsThing : '',
|
reservationsThing: '',
|
||||||
usageProgress : "1",
|
usageProgress: "1",
|
||||||
creationTime : "",
|
creationTime: "",
|
||||||
spaceName : '',
|
spaceName: '',
|
||||||
merchantName : '',
|
merchantName: '',
|
||||||
},
|
},
|
||||||
usageProgressOptions:[{"fullName":"预约中","id":"1"},{"fullName":"已结束","id":"2"}],
|
usageProgressOptions: [{ "fullName": "预约中", "id": "1" }, { "fullName": "已结束", "id": "2" }],
|
||||||
usageProgressProps:{"label":"fullName","value":"id" },
|
usageProgressProps: { "label": "fullName", "value": "id" },
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
watch: {},
|
watch: {},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
toDetail(defaultValue, modelId) {
|
toDetail(defaultValue, modelId) {
|
||||||
if (!defaultValue) return
|
if (!defaultValue) return
|
||||||
getConfigData(modelId).then(res => {
|
getConfigData(modelId).then(res => {
|
||||||
if (!res.data || !res.data.formData) return
|
if (!res.data || !res.data.formData) return
|
||||||
let formData = JSON.parse(res.data.formData)
|
let formData = JSON.parse(res.data.formData)
|
||||||
formData.popupType = 'general'
|
formData.popupType = 'general'
|
||||||
this.detailVisible = true
|
this.detailVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
})
|
|
||||||
})
|
})
|
||||||
},
|
})
|
||||||
dataInfo(dataAll){
|
},
|
||||||
let _dataAll =dataAll
|
dataInfo(dataAll) {
|
||||||
this.dataForm = _dataAll
|
let _dataAll = dataAll
|
||||||
},
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
init(id) {
|
init(id) {
|
||||||
this.dataForm.id = id || 0;
|
this.dataForm.id = id || 0;
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if(this.dataForm.id){
|
if (this.dataForm.id) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
request({
|
request({
|
||||||
url: '/api/example/VenueReservationRecord/detail/'+this.dataForm.id,
|
url: '/api/example/VenueReservationRecord/detail/' + this.dataForm.id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.dataInfo(res.data)
|
this.dataInfo(res.data)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
Reference in new issue