Update Record.vue (a5183646) · Commits · 李子南 / 2022_Spring_IPOUS

OSAP_web/src/components/Record.vue

+63 −55

Original line number	Diff line number	Diff line
		<template>
		<div class='model_record'>

		<div style=" padding: 15px">
		<!-- 题目-->
		<div style="margin: 15px">
		@@ -20,20 +20,23 @@
		处理记录
		</div>
		<!-- 功能区-->
		<el-card
		id="record"
		class="record"
		style="border-radius: 8px" shadow="never"
		>
		<div style="margin: 15px">
		<el-table :data="tableData" style="width: 100%">
		<el-table-column fixed prop="date" label="日期" width="150" />
		<el-table-column prop="model" label="模型" width="120" />
		<el-table-column prop="address" label="图片" sortable width="180" align="center" header-align="center">
		<template #default ="scope">
		<el-image style="width: 100%; height: 100px" :src="scope.row.address" :preview-src-list="[scope.row.address]" :key="scope.row.id" preview-teleported="true" >
		<div slot="error" class="image-slot">
		<i class="el-icon-picture-outline"></i>
		</div>
		</el-image>
		</template>
		</el-table-column>


		<el-table-column fixed="right" label="操作" width="300">
		<template #default>
		<el-button link type="primary" size="small" @click="checkRecord"
		>查看记录
		</el-button>
		<el-button link type="danger" size="small">下载</el-button>
		</template>
		</el-table-column>
		@@ -47,9 +50,9 @@
		</el-button>
		</el-dialog>
		</div>
		</el-card>
		</div>

		</div>

		</template>

		<script>
		@@ -84,18 +87,22 @@ export default {
		{
		date: '2022-7-21',
		model: '不知道',
		address:require('D:\\springboot-vue\\springboot-vue-demo\\vue\\src\\assets\\a.png'),
		},
		{
		date: '2022-7-21',
		model: '不知道',
		address:require('D:\\springboot-vue\\springboot-vue-demo\\vue\\src\\assets\\a.png'),
		},
		{
		date: '2022-7-21',
		model: '不知道',
		address:require('D:\\springboot-vue\\springboot-vue-demo\\vue\\src\\assets\\a.png'),
		},
		{
		date: '2022-7-21',
		model: '不知道',
		address:require('D:\\springboot-vue\\springboot-vue-demo\\vue\\src\\assets\\a.png'),
		},
		]
		}
		@@ -113,4 +120,5 @@ export default {
		</script>

		<style scoped>

		</style>

Admin message