|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<div v-if="initLoading" class="m-detail-main"> |
|
|
|
<div class="m-detail-main"> |
|
|
|
<div class="m-info"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
@ -15,91 +15,105 @@ |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">物品名称: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorName || "--" }}</span> |
|
|
|
<span>{{ formData.objectName || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">物品分类: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorType || "--" }}</span> |
|
|
|
{{ formData.belongType === 'citizen' ? '居民物品' : formData.belongType === 'company' ? '企业物品' : '' }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;" > |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">物品类型: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
{{ formData.objectTypeCodeName }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;" v-if="formData.objectTypeCodeSubName"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">种类: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
{{ formData.objectTypeCodeSubName }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">所属单位: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorCompany || "--" }}</span> |
|
|
|
<span>{{ formData.affiliatedUnit || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">所有人姓名: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorOwnerName || "--" }}</span> |
|
|
|
<span>{{ formData.ownerName || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">所有人电话: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorOwnerMobile || "--" }}</span> |
|
|
|
<span>{{ formData.ownerPhone || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">所有人证件号: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.ownerIdCard || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">物品数量: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.num || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">规格单位: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.scale || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">物品来源: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.source || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">物品用途: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.purpose || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">采集人: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.collectorName || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">采集日期: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.monitorAddress || "--" }}</span> |
|
|
|
<span>{{ formData.collectorDate || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="m-info-prop" style="flex: 0 0 50%;"> |
|
|
|
<span class="u-info-title-2">备注: </span> |
|
|
|
<span style="margin-right: 10px;"> </span> |
|
|
|
<span>{{ formData.reamrk || "--" }}</span> |
|
|
|
<span>{{ formData.remark || "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
@ -125,7 +139,11 @@ let loading; // 加载动画 |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
equipmentCategoryCodeArray:[], |
|
|
|
formData: { |
|
|
|
objectTypeCodeSubName:"", |
|
|
|
objectTypeCodeName:"", |
|
|
|
objectTypeCodeName:"", |
|
|
|
coordinatePosition: '' |
|
|
|
}, |
|
|
|
initLoading: false, |
|
|
@ -134,22 +152,20 @@ export default { |
|
|
|
components: {}, |
|
|
|
created() { }, |
|
|
|
mounted () { |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
async activityType () { |
|
|
|
const url = "/actual/base/videoMonitoring/page" |
|
|
|
//分类 |
|
|
|
async loadCategory() { |
|
|
|
const url = '/sys/dict/data/dictTree'; |
|
|
|
let params = { |
|
|
|
// agencyId: this.agencyId |
|
|
|
pageSize: 20, |
|
|
|
pageNo: 1, |
|
|
|
typeName: "", |
|
|
|
enabled: 0 |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
dictType: 'OBJECT_TYPE_CODE' |
|
|
|
}; |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.typeList = data.list |
|
|
|
this.equipmentCategoryCodeArray = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleCancle() { |
|
|
@ -162,18 +178,34 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
async initForm(row) { |
|
|
|
await this.loadCategory() |
|
|
|
let url = '/actual/base/objectManage/getDetail' |
|
|
|
let params ={ |
|
|
|
id:row.id |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
this.formData=data |
|
|
|
// const selectedItem= this.equipmentCategoryCodeArray.find(item => item.value === this.formData.objectTypeCode) |
|
|
|
// console.log(selectedItem,"dslkjglksd"); |
|
|
|
// if (selectedItem.children) { |
|
|
|
// this.orgTypeChiderList=selectedItem.children |
|
|
|
// this.showobjectTypeCode=true |
|
|
|
// } |
|
|
|
console.log("sdl;jglk;sdgj"); |
|
|
|
|
|
|
|
await requestPost(url, params).then(res=>{ |
|
|
|
this.formData=res.data |
|
|
|
|
|
|
|
console.log(this.formData,"dklsjglk"); |
|
|
|
|
|
|
|
}) |
|
|
|
const selectedItem = this.equipmentCategoryCodeArray.find(item => item.value === this.formData.objectTypeCode) |
|
|
|
console.log(selectedItem, "dslkjglksd"); |
|
|
|
if (selectedItem) { |
|
|
|
this.formData.objectTypeCodeName=selectedItem.label |
|
|
|
// this.orgTypeChiderList = selectedItem.children |
|
|
|
// this.showobjectTypeCode = true |
|
|
|
} |
|
|
|
if(selectedItem.children){ |
|
|
|
const selectedItemchildren = selectedItem.children.find(item => item.value === this.formData.objectTypeSubCode) |
|
|
|
console.log(selectedItemchildren,"孩子的孩子"); |
|
|
|
this.formData.objectTypeCodeSubName=selectedItemchildren.label |
|
|
|
|
|
|
|
} |
|
|
|
console.log(this.formData); |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|