| | |
| | | </div> |
| | | </div> |
| | | <div class="baseInfo" v-if="data.baseInfo && data.baseInfo[0].targetPicUrl != ''"> |
| | | <div class="baseInfo_left"> |
| | | <div class="baseInfo_list"> |
| | | <p> |
| | | <span class="labelInfo">底库</span> |
| | | <span class="val" :title="data.baseInfo[initialIndex].tableName">{{data.baseInfo[initialIndex].tableName}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">姓名</span> |
| | | <span class="val" :title="data.baseInfo[initialIndex].targetName">{{data.baseInfo[initialIndex].targetName}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">性别</span> |
| | | <span class="val" >{{data.baseInfo[initialIndex].labels.split("/")[0]}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">身份证号</span> |
| | | <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[1]}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">手机号</span> |
| | | <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[2]}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">人员等级</span> |
| | | </p> |
| | | </div> |
| | | <div class="baseInfo_right"> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].tableName" |
| | | >{{ data.baseInfo[initialIndex].tableName }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].targetName" |
| | | >{{ data.baseInfo[initialIndex].targetName }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].labels.split('/')[1]" |
| | | >{{ data.baseInfo[initialIndex].labels.split("/")[1] }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].labels.split('/')[2]" |
| | | >{{ data.baseInfo[initialIndex].labels.split("/")[2] }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].labels.split('/')[0]" |
| | | >{{ data.baseInfo[initialIndex].labels.split("/")[0] }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].monitorLevel" |
| | | >{{ data.baseInfo[initialIndex].monitorLevel }}</span> |
| | | <span class="val" :title="data.baseInfo[initialIndex].monitorLevel">{{data.baseInfo[initialIndex].monitorLevel}}</span> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="baseInfo" v-if="data.baseInfo && data.baseInfo[0].targetPicUrl != ''"> |
| | | <div class="baseInfo_left"> |
| | | <div class="baseInfo_list"> |
| | | <p> |
| | | <span class="labelInfo">底库</span> |
| | | <span class="val" :title="data.baseInfo[initialIndex].tableName">{{data.baseInfo[initialIndex].tableName}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">姓名</span> |
| | | <span class="val" :title="data.baseInfo[initialIndex].targetName">{{data.baseInfo[initialIndex].targetName}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">性别</span> |
| | | <span class="val" >{{data.baseInfo[initialIndex].labels.split("/")[0]}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">身份证号</span> |
| | | <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[1]}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">手机号</span> |
| | | <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[2]}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="labelInfo">人员等级</span> |
| | | </p> |
| | | </div> |
| | | <div class="baseInfo_right"> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].tableName" |
| | | >{{ data.baseInfo[initialIndex].tableName }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].targetName" |
| | | >{{ data.baseInfo[initialIndex].targetName }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].labels.split('/')[1]" |
| | | >{{ data.baseInfo[initialIndex].labels.split("/")[1] }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].labels.split('/')[2]" |
| | | >{{ data.baseInfo[initialIndex].labels.split("/")[2] }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].labels.split('/')[0]" |
| | | >{{ data.baseInfo[initialIndex].labels.split("/")[0] }}</span> |
| | | </p> |
| | | <p class="valueInfo"> |
| | | <span |
| | | :title="data.baseInfo[initialIndex].monitorLevel" |
| | | >{{ data.baseInfo[initialIndex].monitorLevel }}</span> |
| | | <span class="val" :title="data.baseInfo[initialIndex].monitorLevel">{{data.baseInfo[initialIndex].monitorLevel}}</span> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | }, |
| | | mounted() { |
| | | console.log(this.data.baseInfo) |
| | | console.log(this.initialIndex) |
| | | this.VideoPhotoData.activeName = "pic" |
| | | }, |
| | | data() { |
| | |
| | | .baseInfo { |
| | | margin-top: 5px; |
| | | text-align: left; |
| | | .baseInfo_list{ |
| | | p{ |
| | | display: flex; |
| | | .labelInfo{ |
| | | width: 80px; |
| | | color: #999; |
| | | } |
| | | .val{ |
| | | font-size: 12px; |
| | | color: #101010; |
| | | letter-spacing: 0.28px; |
| | | line-height: 20px; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .baseInfo_left { |
| | | float: left; |
| | | width: 30%; |