产品需求image.png
由于显示的值均为动态字段，所以没有固定的key值与value值，所以需要前端做相应的匹配。页面分为两部分，第一部分为基本信息字段来自于fileld中，第二部分来自singleRelationVos字段中获取。需要分别做不同的匹配。但是最后后端良心发现，把所有匹配的字段统一放在了同一个接口中
image.png
image.png
我们只需要通过id去匹配相应的值即可。采用匹配的方法，当两个id相等的时候，使图片2中的value值赋值给图一的key值然后item.key值显示即可。
主要在UI图下半部分的显示，即需要显示name又需要显示value，那就需要显示为{“预估业务金额”：‘5600元’}这样才能显示正确结构
，需要注意的是，这种只能用于数据展示，不可进行其他操作，因为key值是中文。
<li class='item'
v-for='(item,index) in fieldList'
:key='index'
@click='goBussinessDetail(item)'>
<div class='singleRelationVos'>
<div v-for="(items,indexs) in linkList[index]"
:key="indexs">
<template v-if='indexs!="id"'>
<span class='fieldName'>{{indexs}}</span>
<span class='fieldValue'>{{items | filterVal}}</span>
</template>
</div>
</div>
</li>
逐个进行匹配即可。
