| | |
| | | class="list-item" |
| | | v-for="item in personList" |
| | | :key="item.id" |
| | | :style="item.selected ? 'border-color:#3D68E1': ''" |
| | | :style="searching ? '' : item.selected ? '': 'opacity: 0.3;'" |
| | | @click="checkTarget(item)" |
| | | > |
| | | <!-- <img src alt :style="{backgroundColor:item.color}"/> --> |
| | |
| | | <el-image |
| | | style="width: 70px; height: 70px;border-radius: 50%;" |
| | | :src="item.humanImg" |
| | | fit="cover" |
| | | fit="contain" |
| | | ></el-image> |
| | | </div> |
| | | </div> |
| | |
| | | }) |
| | | }); |
| | | for (var i = 0; i < _this.actObjs.length; i++) { |
| | | _this.actObjs[i].color = _this.colorArr[i % 10]; |
| | | this.$set(_this.actObjs[i], 'color', _this.colorArr[i % 10]); |
| | | this.$set(_this.actObjs[i], 'isHide', _this.actObjs[i].isHide); |
| | | } |
| | | _this.drawTracePath(); |
| | |
| | | if (!_this.actObjs[i].posInfo.length) { |
| | | _this.actObjs.splice(i, 1); |
| | | } |
| | | _this.actObjs[i].color = _this.colorArr[i % 10]; |
| | | |
| | | this.$set(_this.actObjs[i], 'color', _this.colorArr[i % 10]); |
| | | this.$set(_this.actObjs[i], 'isHide', _this.actObjs[i].isHide); |
| | | } |
| | | |
| | | console.log(_this.actObjs) |
| | | // console.log(_this.actObjs) |
| | | |
| | | _this.drawTracePath(); |
| | | _this.timeMark = new Date(); |
| | | _this.timer = setTimeout(() => { |
| | |
| | | value: "",
|
| | | };
|
| | | },
|
| | | components: {
|
| | | cloudNode,
|
| | | ipInput,
|
| | | switchBar,
|
| | | },
|
| | | mounted() {
|
| | | this.getSounds()
|
| | |
|