JT-CIM-ZHNY/src/views/test/components/ScrolledList.vue

<script setup>
	
</script>

<template>
   <div class="tables">
	     <dv-scroll-board :config="config" style="width:340rem;height:220rem" @click="clickInfo" />
   </div>
  
</template>

<script>
	
	export default {
		data() {
			return {
				// viewersName: '', //视角标签名称
				// ImgurlList: [], //截图地址列表
				config:{
					header: ['设备名称', '设备类型', '设备状态','详情'],
					 data: [
					   ['设备一', 'A200', '正常'],
					   ['设备二', 'C100', '正常'],
					   ['设备三', 'B300', '正常'],
					   ['设备四', 'E500', '正常'],
					   ['设备五', 'B400', '正常'],
					   ['设备六', 'F300', '正常'],
					 ],
					align:['center','center','center'],
					headerBGC:'rgba(61, 198, 255, 0.4)',
					oddRowBGC:'rgba(0, 37, 98, 0.4)',
					evenRowBGC:'rgba(0, 37, 98, 0)'
					
				
				}
				
			}
		},
		methods: {
			clickInfo(config){
				console.log(config.row)
				
			}
			
			
		},
		created() {
			this.config.data = this.config.data.map((item) => {
			        item.push("<div style='color:#08C8B7' class='ScriconList'></div>");
			        return item;
			      })
		}
	}
</script>

<style lang="scss" scoped>
.tables{
	margin-top: 10rem;
}

	
</style>