黑龙江
This commit is contained in:
liuye
@@ -9,11 +9,11 @@
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">与助养对象关系</div>
|
||||
<div class="value">{{$dict.getLabel('relationship_children', info.relationshipWithChild)}}</div>
|
||||
<div class="value">{{$dictHlj.getLabel('relationship_children', info.relationshipWithChild)}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">助养方式</div>
|
||||
<div class="value">{{$dict.getLabel('handling_Date', info.assistanceMethod)}}</div>
|
||||
<div class="value">{{$dictHlj.getLabel('handling_Date', info.assistanceMethod)}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">详细描述</div>
|
||||
@@ -31,72 +31,95 @@
|
||||
<div class="info-content" v-if="tabIndex == 1">
|
||||
<div class="item">
|
||||
<div class="label">儿童姓名</div>
|
||||
<div class="value">{{info.assistanceName}}</div>
|
||||
<div class="value">{{info.childName}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">身份证号</div>
|
||||
<div class="value">{{info.assistanceIdNumber}}</div>
|
||||
<div class="value">{{info.childIdNumber}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">儿童类别</div>
|
||||
<div class="value">{{$dict.getLabel('CHILD_CATEGORY_CODE', info.childType)}}</div>
|
||||
<div class="value">{{$dictHlj.getLabel('child_type', info.childType)}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">出生年月</div>
|
||||
<div class="value">{{info.birthDate}}</div>
|
||||
<div class="value">{{info.childBirthDate}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-content" v-if="tabIndex == 2">
|
||||
<div class="item">
|
||||
<div class="label">助养者身份证信息</div>
|
||||
<div class="value">
|
||||
<!-- <AiUploader style="margin-top: 12px;" :def.sync="filesId" :disabled="true"></AiUploader> -->
|
||||
<div class="img-list" v-if="filesId.length">
|
||||
<img :src="item.filePath" alt="" v-for="(item, index) in filesId" :key="index" @click.stop="previewImages(filesId, item.filePath)">
|
||||
<div class="img-list" v-if="filesIdImg.length">
|
||||
<img :src="item.url" alt="" v-for="(item, index) in filesIdImg" :key="index" @click.stop="previewImages(filesIdImg, item.url)">
|
||||
</div>
|
||||
<p v-else>暂无数据</p>
|
||||
<div class="file-list" v-if="filesId.length">
|
||||
<div class="file-item" v-for="(item, index) in filesId" :key="index" @click="previewFile(item)">
|
||||
<img src="https://cdn.sinoecare.com/i/2024/07/16/66963dd133cfd.png" alt="">
|
||||
<div>{{ item.fileName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="!filesIdImg.length && !filesId.length">暂无数据</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">助养者经济状况证明</div>
|
||||
<div class="value">
|
||||
<div class="img-list" v-if="filesEconomy.length">
|
||||
<img :src="item.filePath" alt="" v-for="(item, index) in filesEconomy" :key="index" @click.stop="previewImages(filesEconomy, item.filePath)">
|
||||
<div class="img-list" v-if="filesEconomyImg.length">
|
||||
<img :src="item.url" alt="" v-for="(item, index) in filesEconomyImg" :key="index" @click.stop="previewImages(filesEconomyImg, item.url)">
|
||||
</div>
|
||||
<p v-else>暂无数据</p>
|
||||
<div class="file-list" v-if="filesEconomy.length">
|
||||
<div class="file-item" v-for="(item, index) in filesEconomy" :key="index" @click="previewFile(item)">
|
||||
<img src="https://cdn.sinoecare.com/i/2024/07/16/66963dd133cfd.png" alt="">
|
||||
<div>{{ item.fileName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="!filesEconomyImg.length && !filesEconomy.length">暂无数据</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">助养者健康状况</div>
|
||||
<div class="value">
|
||||
<div class="img-list" v-if="filesHealth.length">
|
||||
<img :src="item.filePath" alt="" v-for="(item, index) in filesHealth" :key="index" @click.stop="previewImages(filesHealth, item.filePath)">
|
||||
<div class="img-list" v-if="filesHealthImg.length">
|
||||
<img :src="item.url" alt="" v-for="(item, index) in filesHealthImg" :key="index" @click.stop="previewImages(filesHealthImg, item.url)">
|
||||
</div>
|
||||
<p v-else>暂无数据</p>
|
||||
<div class="file-list" v-if="filesHealth.length">
|
||||
<div class="file-item" v-for="(item, index) in filesHealth" :key="index" @click="previewFile(item)">
|
||||
<img src="https://cdn.sinoecare.com/i/2024/07/16/66963dd133cfd.png" alt="">
|
||||
<div>{{ item.fileName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="!filesHealthImg.length && !filesHealth.length">暂无数据</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">其他材料</div>
|
||||
<div class="value">
|
||||
<div class="img-list" v-if="filesOther.length">
|
||||
<img :src="item.filePath" alt="" v-for="(item, index) in filesOther" :key="index" @click.stop="previewImages(filesOther, item.filePath)">
|
||||
<div class="img-list" v-if="filesOtherImg.length">
|
||||
<img :src="item.url" alt="" v-for="(item, index) in filesOtherImg" :key="index" @click.stop="previewImages(filesOtherImg, item.url)">
|
||||
</div>
|
||||
<p v-else>暂无数据</p>
|
||||
<div class="file-list" v-if="filesOther.length">
|
||||
<div class="file-item" v-for="(item, index) in filesOther" :key="index" @click="previewFile(item)">
|
||||
<img src="https://cdn.sinoecare.com/i/2024/07/16/66963dd133cfd.png" alt="">
|
||||
<div>{{ item.fileName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="!filesOtherImg.length && !filesOther.length">暂无数据</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-content" v-if="tabIndex == 3">
|
||||
<div class="item">
|
||||
<div class="label">办理人</div>
|
||||
<div class="value">{{info.agentId}}</div>
|
||||
<div class="value">{{info.agentId || '-'}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">办理人联系电话</div>
|
||||
<div class="value">{{info.agentPhone}}</div>
|
||||
<div class="value">{{info.agentPhone || '-'}}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">办理机构</div>
|
||||
<div class="value">{{info.agency}}</div>
|
||||
<div class="value">{{info.agency || '-'}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -122,10 +145,15 @@ export default {
|
||||
},
|
||||
id: '',
|
||||
info: {},
|
||||
filesId: [], //身份证照片
|
||||
filesEconomy: [], //经济状况证明
|
||||
filesHealth: [], //健康证明
|
||||
filesOther: [], //其它
|
||||
filesIdImg: [], //身份证照片
|
||||
filesId: [], //身份证附件
|
||||
filesEconomyImg: [], //经济状况证明照片
|
||||
filesEconomy: [], //经济状况证明附件
|
||||
filesHealthImg: [], //健康证明照片
|
||||
filesHealth: [], //健康证明附件
|
||||
filesOtherImg: [], //其它照片
|
||||
filesOther: [], //其它附件
|
||||
imgUrlHttp: '',
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
@@ -137,7 +165,15 @@ export default {
|
||||
title: '认亲助养'
|
||||
})
|
||||
this.id = option.id
|
||||
this.$dict.load(['handling_Date', 'relationship_children', 'CHILD_CATEGORY_CODE']).then(() => {
|
||||
this.$http.get(`/system/config/configKey/upload.file.path`,
|
||||
{
|
||||
withoutToken: true
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.imgUrlHttp = res.data
|
||||
}
|
||||
})
|
||||
this.$dictHlj.load(['handling_Date', 'relationship_children', 'child_type']).then(() => {
|
||||
this.getDetail()
|
||||
})
|
||||
|
||||
@@ -157,21 +193,38 @@ export default {
|
||||
if (res.code == 200) {
|
||||
this.info = {...res.data}
|
||||
res.data.assistanceInformationFile.map((item) => {
|
||||
item.url = item.filePath
|
||||
item.url = this.imgUrlHttp + item.fileName
|
||||
var e = item.fileName.split('.')
|
||||
item.postfix = e[e.length-1]
|
||||
if(item.type == 1) {
|
||||
this.filesId.push(item)
|
||||
if(['jpeg', 'jpg', 'png'].includes(item.postfix)) {
|
||||
this.filesIdImg.push(item)
|
||||
}else {
|
||||
this.filesId.push(item)
|
||||
}
|
||||
}
|
||||
if(item.type == 2) {
|
||||
this.filesEconomy.push(item)
|
||||
if(['jpeg', 'jpg', 'png'].includes(item.postfix)) {
|
||||
this.filesEconomyImg.push(item)
|
||||
}else {
|
||||
this.filesEconomy.push(item)
|
||||
}
|
||||
}
|
||||
if(item.type == 3) {
|
||||
this.filesHealth.push(item)
|
||||
if(['jpeg', 'jpg', 'png'].includes(item.postfix)) {
|
||||
this.filesHealthImg.push(item)
|
||||
}else {
|
||||
this.filesHealth.push(item)
|
||||
}
|
||||
}
|
||||
if(item.type == 4) {
|
||||
this.filesOther.push(item)
|
||||
if(['jpeg', 'jpg', 'png'].includes(item.postfix)) {
|
||||
this.filesOtherImg.push(item)
|
||||
}else {
|
||||
this.filesOther.push(item)
|
||||
}
|
||||
}
|
||||
})
|
||||
console.log(this.filesId)
|
||||
}else {
|
||||
this.$u.toast(res.msg)
|
||||
}
|
||||
@@ -179,10 +232,23 @@ export default {
|
||||
},
|
||||
previewImages(images, img) {
|
||||
uni.previewImage({
|
||||
urls: images.map(v => v.filePath),
|
||||
urls: images.map(v => v.url),
|
||||
current: img
|
||||
})
|
||||
},
|
||||
previewFile(e) {
|
||||
uni.downloadFile({
|
||||
url: e.url,
|
||||
success: function (res) {
|
||||
var filePath = res.tempFilePath;
|
||||
uni.openDocument({
|
||||
filePath: filePath,
|
||||
fileType: e.postfix,
|
||||
showMenu: true,
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -228,6 +294,22 @@ uni-page-body {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.file-list {
|
||||
.file-item {
|
||||
padding: 16px;
|
||||
border: 1px solid #CCCCCC;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
margin-bottom: 32px;
|
||||
img {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
}
|
||||
div {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: #999;
|
||||
line-height: 44px;
|
||||
|
||||
Reference in New Issue
Block a user