1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| <template>
| <div class="right-section" v-if="VideoPhotoData.rightSectionDisplay">
| <Card
| v-for="(item, index) in VideoPhotoData.persons"
| :key="index + 'u'"
| :outHeight="'162px'"
| :outWidth="cardWidth"
| :data="item"
| :showType="'findByPic'"
| @detailsClick="getDetails($event, index)"
| ></Card>
| </div>
| </template>
|
| <script>
| import Card from "../subComponents/Card";
|
| export default {
| components: {
| Card
| },
| props: {
| cardWidth: {
| type: String,
| default: "25%"
| },
| },
| methods: {
| getDetails(ev, index) {
| this.CardList.datalist = this.VideoPhotoData.persons
| let obj = this.CardList.datalist[index];
| this.CardList.details.push(obj);
| this.VideoPhotoData.activeCard = obj.activeObject.id
| }
| }
| };
| </script>
|
|
