|
|
|
|
@ -8,6 +8,46 @@
|
|
|
|
|
访视信息
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:name>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>姓名:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
{{form.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:sex>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>性别:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
{{form.sex}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:idcard>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>身份证:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
{{form.idcard}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:number>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>残疾证:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
{{form.number}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:viewtime>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
@ -34,7 +74,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:viewstatus>
|
|
|
|
|
<!-- <template v-slot:viewstatus>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>人员状态:
|
|
|
|
|
@ -47,6 +87,17 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
<template v-slot:viewremark>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>备注:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-input type="textarea" v-model="form.viewremark" placeholder="请输入备注" clearable
|
|
|
|
|
style="width: 300px;"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:uploads>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
@ -54,7 +105,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>附件:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-upload
|
|
|
|
|
<!-- <el-upload
|
|
|
|
|
class="upload-demo"
|
|
|
|
|
style="width: 800px;"
|
|
|
|
|
:action="actions"
|
|
|
|
|
@ -66,11 +117,25 @@
|
|
|
|
|
:on-success="handlesuccess"
|
|
|
|
|
:file-list="viewuploadsList">
|
|
|
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
|
|
|
</el-upload> -->
|
|
|
|
|
<el-upload
|
|
|
|
|
:class="hideUpload?'avatar-uploader hideUpload':'avatar-uploader'"
|
|
|
|
|
style="width: 800px;"
|
|
|
|
|
list-type="picture-card"
|
|
|
|
|
:action="actions"
|
|
|
|
|
:data='filedata'
|
|
|
|
|
:on-remove="handleRemove"
|
|
|
|
|
:before-remove="beforeRemove"
|
|
|
|
|
:limit="1"
|
|
|
|
|
:on-exceed="handleExceed"
|
|
|
|
|
:on-success="handlesuccess"
|
|
|
|
|
:file-list="viewuploadsList">
|
|
|
|
|
<i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:infotext>
|
|
|
|
|
<!-- <template v-slot:infotext>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-content" style="width:1600px">
|
|
|
|
|
个人信息
|
|
|
|
|
@ -250,7 +315,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<avue-input-map :params="mapparams" style="width: 300px;" placeholder="请选择地图" v-model="mapform"></avue-input-map>
|
|
|
|
|
<!-- <el-input v-model="form.reside" placeholder="请输入现居住地" clearable style="width: 300px;"></el-input> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -418,7 +482,7 @@
|
|
|
|
|
style="width: 300px;"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</template> -->
|
|
|
|
|
</xy-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -453,6 +517,7 @@
|
|
|
|
|
mapparams: {
|
|
|
|
|
zoom: 11,
|
|
|
|
|
},
|
|
|
|
|
hideUpload:false,
|
|
|
|
|
mapform: [],
|
|
|
|
|
actions:`${process.env.VUE_APP_UPLOAD_API}`,
|
|
|
|
|
filedata: {
|
|
|
|
|
@ -460,19 +525,24 @@
|
|
|
|
|
},
|
|
|
|
|
viewuploadsList:[],
|
|
|
|
|
form: {
|
|
|
|
|
viewtext: '',
|
|
|
|
|
viewtext: '',
|
|
|
|
|
name: '',
|
|
|
|
|
sex: "",
|
|
|
|
|
idcard: "",
|
|
|
|
|
number: "",
|
|
|
|
|
viewtime: "",
|
|
|
|
|
viewscene: "",
|
|
|
|
|
viewstatus: '',
|
|
|
|
|
viewstatus: '正常',
|
|
|
|
|
viewremark:'',
|
|
|
|
|
uploads:'',
|
|
|
|
|
infotext: '',
|
|
|
|
|
jiedao:'',
|
|
|
|
|
name: '',
|
|
|
|
|
|
|
|
|
|
nation: '',
|
|
|
|
|
sex: "",
|
|
|
|
|
|
|
|
|
|
marry: "",
|
|
|
|
|
birthday: "",
|
|
|
|
|
idcard: "",
|
|
|
|
|
|
|
|
|
|
mobile: "",
|
|
|
|
|
telephone: "",
|
|
|
|
|
education: "",
|
|
|
|
|
@ -483,7 +553,7 @@
|
|
|
|
|
address: "",
|
|
|
|
|
reside: "",
|
|
|
|
|
disabilitytext: "",
|
|
|
|
|
number: "",
|
|
|
|
|
|
|
|
|
|
disabilitytype: "",
|
|
|
|
|
disabilitylevel: "",
|
|
|
|
|
disabilitydetail: "",
|
|
|
|
|
@ -564,14 +634,17 @@
|
|
|
|
|
this.viewuploadsList.splice(i, 1)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.hideUpload = false
|
|
|
|
|
console.log(this.viewuploadsList,file)
|
|
|
|
|
},
|
|
|
|
|
handleExceed(files, fileList) {},
|
|
|
|
|
beforeRemove(file, fileList) {
|
|
|
|
|
return this.$confirm(`确定移除 ${ file.original_name }?`);
|
|
|
|
|
console.log("file",file)
|
|
|
|
|
return this.$confirm(`确定移除 ${ file.name }?`);
|
|
|
|
|
},
|
|
|
|
|
handlesuccess(response, file, fileList) {
|
|
|
|
|
this.viewuploadsList = fileList;
|
|
|
|
|
this.hideUpload = true
|
|
|
|
|
},
|
|
|
|
|
async getRecordDetail() {
|
|
|
|
|
const res = await show({
|
|
|
|
|
@ -579,19 +652,21 @@
|
|
|
|
|
table_name: 'records'
|
|
|
|
|
})
|
|
|
|
|
this.form = {
|
|
|
|
|
viewtext: '',
|
|
|
|
|
viewtext: '',
|
|
|
|
|
name: res?.name,
|
|
|
|
|
sex: res?.sex,
|
|
|
|
|
idcard: res?.idcard,
|
|
|
|
|
number: res?.number,
|
|
|
|
|
viewtime: "",
|
|
|
|
|
viewscene: "",
|
|
|
|
|
viewstatus: '',
|
|
|
|
|
viewstatus: res.viewstatus?res.viewstatus:'正常',
|
|
|
|
|
viewremark:'',
|
|
|
|
|
uploads:'',
|
|
|
|
|
infotext: '',
|
|
|
|
|
jiedao:res?.jiedao,
|
|
|
|
|
name: res?.name,
|
|
|
|
|
nation: res?.nation,
|
|
|
|
|
sex: res?.sex,
|
|
|
|
|
marry: res?.marry,
|
|
|
|
|
birthday: res?.birthday,
|
|
|
|
|
idcard: res?.idcard,
|
|
|
|
|
mobile: res?.mobile,
|
|
|
|
|
telephone: res?.telephone,
|
|
|
|
|
education: res?.education,
|
|
|
|
|
@ -605,7 +680,6 @@
|
|
|
|
|
longitude: res?.longitude,
|
|
|
|
|
latitude:res?.latitude,
|
|
|
|
|
disabilitytext: '',
|
|
|
|
|
number: res?.number,
|
|
|
|
|
disabilitytype: res?.disabilitytype,
|
|
|
|
|
disabilitylevel: res?.disabilitylevel,
|
|
|
|
|
disabilitydetail: res?.disabilitydetail,
|
|
|
|
|
@ -677,7 +751,9 @@
|
|
|
|
|
res.uploads_uploads_id_relation[m] = res.uploads_uploads_id_relation['original_name']
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.viewuploadsList.push(res.uploads_uploads_id_relation)
|
|
|
|
|
if(res.uploads_uploads_id_relation){
|
|
|
|
|
this.viewuploadsList.push(res.uploads_uploads_id_relation)
|
|
|
|
|
}
|
|
|
|
|
console.log("this.viewuploadsList",this.viewuploadsList,this.form.uploads)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -734,5 +810,8 @@
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
<style scoped>
|
|
|
|
|
/deep/ .hideUpload .el-upload{
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|