| | |
| | | (item.selected ? 'list-item__selected' : '') |
| | | " |
| | | @click="selectItem(item)" |
| | | @mouseover="item.show = true" |
| | | @mouseleave="item.show = false" |
| | | v-if="!item.delete" |
| | | > |
| | | <div style="display: flex; gap: 8px"> |
| | | <div>{{ item.id }}</div> |
| | | <div>{{ item.clueName }}</div> |
| | | <div>{{ item.cid }}</div> |
| | | <div>{{ item.cclueName }}</div> |
| | | </div> |
| | | </li> |
| | | </template> |
| | |
| | | methods: { |
| | | // 列表选择 |
| | | selectItem(item) { |
| | | this.clearSelect(); |
| | | item.selected = true; |
| | | this.$emit('itemSelected', item); |
| | | }, |
| | | clearSelect() {} |
| | | clearSelect() { |
| | | this.dataList.forEach((e) => { |
| | | e.selected = false; |
| | | }); |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | overflow: auto; |
| | | overflow-x: hidden; |
| | | border: var(--el-border); |
| | | font-size: var(--el-font-size-small); |
| | | } |
| | | |
| | | .list-item { |