Add record component (1697e487) · Commits · 李子南 / 2022_Spring_IPOUS

.DS_Store

(10 KiB)

File changed.

No diff preview for this file type.

OSAP_web/src/components.d.ts

+6 −8

Original line number	Original line	Diff line number	Diff line
	@@ -10,19 +10,17 @@ declare module '@vue/runtime-core' {
	ElButton: typeof import('element-plus/es')['ElButton']		ElButton: typeof import('element-plus/es')['ElButton']
	ElCard: typeof import('element-plus/es')['ElCard']		ElCard: typeof import('element-plus/es')['ElCard']
	ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']		ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
	ElDatePicker: typeof import('element-plus/es')['ElDatePicker']		ElDialog: typeof import('element-plus/es')['ElDialog']
	ElIcon: typeof import('element-plus/es')['ElIcon']
	ElImage: typeof import('element-plus/es')['ElImage']		ElImage: typeof import('element-plus/es')['ElImage']
	ElInput: typeof import('element-plus/es')['ElInput']
	ElMenu: typeof import('element-plus/es')['ElMenu']		ElMenu: typeof import('element-plus/es')['ElMenu']
	ElMenuItem: typeof import('element-plus/es')['ElMenuItem']		ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
	ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']		ElOption: typeof import('element-plus/es')['ElOption']
	ElStep: typeof import('element-plus/es')['ElStep']		ElSelect: typeof import('element-plus/es')['ElSelect']
	ElSteps: typeof import('element-plus/es')['ElSteps']		ElTable: typeof import('element-plus/es')['ElTable']
	ElSubMenu: typeof import('element-plus/es')['ElSubMenu']		ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
	ElTag: typeof import('element-plus/es')['ElTag']
	HelloWorld: typeof import('./components/HelloWorld.vue')['default']		HelloWorld: typeof import('./components/HelloWorld.vue')['default']
	Information_box: typeof import('./components/Information_box.vue')['default']		Information_box: typeof import('./components/Information_box.vue')['default']
			Record: typeof import('./components/Record.vue')['default']
	RouterLink: typeof import('vue-router')['RouterLink']		RouterLink: typeof import('vue-router')['RouterLink']
	RouterView: typeof import('vue-router')['RouterView']		RouterView: typeof import('vue-router')['RouterView']
	}		}

OSAP_web/src/components/Information_box.vue

+24 −22

Original line number	Original line	Diff line number	Diff line
			<script setup lang="ts">
			import {ref} from "vue";
			import {ElMessage} from 'element-plus'

			let button_click: boolean = false;

			</script>

	<template>		<template>
	<el-card		<el-card
	id="CT_image_1"		id="information"
	class="information"		class="information"
	style="border-radius: 8px"		style="border-radius: 8px"
	>		>
	<el-button type="primary" class="edit_button" @click="changeHint()">		<div class='patient_info'>
	{{ hint ? '编辑信息' : '确认信息' }}		<p><b>
			病人信息
			</b></p>
			</div>
			<el-button type="primary" class="edit_button" @click="button_click = !button_click">
			{{ button_click ? '编辑信息' : '更改信息' }}
	</el-button>		</el-button>
	</el-card>		</el-card>
	</template>		</template>

	<script>
	export default {
	name: "Information_box"

	}
	const app = {
	data(){
	},
	methods:{
	changeHint(){
	hint = !hint
	}
	}
	}
	</script>

	<style scoped>		<style scoped>
	.information {		.information {
	height: 400px;		height: 400px;
	width: 800px;		width: 1000px;
	position: relative;		position: relative;
	top: 40px;		top: 40px;
	left: 180px;		left: 220px;
			}

			.patient_info {
			position: relative;
			right: 420px;
	}		}

	.edit_button {		.edit_button {
	position: relative;		position: relative;
	top: 320px;		top: 260px;
	}		}
	</style>		</style>
			No newline at end of file

OSAP_web/src/components/Record.vue

0 → 100644

+126 −0

Original line number	Original line	Diff line number	Diff line
			<template>
			<div class='model_record'>
			<div style=" padding: 15px">
			<!-- 题目-->
			<div style="margin: 15px">
			模型选择
			</div>
			<div style="margin: 15px">
			<el-select v-model="value" clearable placeholder="Select">
			<el-option
			v-for="item in options"
			:key="item.value"
			:label="item.label"
			:value="item.value"
			/>
			</el-select>
			</div>
			<!-- 题目-->
			<div style="margin: 15px">
			处理记录
			</div>
			<!-- 功能区-->
			<el-card
			id="record"
			class="record"
			style="border-radius: 8px"
			>
			<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 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>
			</el-table>
			</div>
			<div>
			<el-dialog v-model="dialogVisible" title="记录">
			记录
			<el-button link type="primary" size="small" @click="certainInR">

			</el-button>
			</el-dialog>
			</div>
			</el-card>
			</div>
			</div>
			</template>

			<script>
			export default {
			name: "Record",
			data() {
			return {
			dialogVisible: false,
			options: [
			{
			value: 'Option1',
			label: 'Option1',
			},
			{
			value: 'Option2',
			label: 'Option2',
			},
			{
			value: 'Option3',
			label: 'Option3',
			},
			{
			value: 'Option4',
			label: 'Option4',
			},
			{
			value: 'Option5',
			label: 'Option5',
			},
			],
			tableData: [
			{
			date: '2022-7-21',
			model: '不知道',
			},
			{
			date: '2022-7-21',
			model: '不知道',
			},
			{
			date: '2022-7-21',
			model: '不知道',
			},
			{
			date: '2022-7-21',
			model: '不知道',
			},
			]
			}
			},
			methods: {
			checkRecord() {
			this.dialogVisible = true
			},
			certainInR() {
			this.dialogVisible = false
			}
			}
			}

			</script>

			<style scoped>
			.model_record{
			position: relative;
			top: 60px;
			}
			.record{
			height: 400px;
			width: 1000px;
			position: relative;
			left: 205px;
			}
			</style>
			No newline at end of file

osap_web/src/App.vue

+4 −1

Original line number	Original line	Diff line number	Diff line
	<template>		<template>
	<el-config-provider namespace="ep">		<el-config-provider namespace="ep">
	<BaseHeader />		<BaseHeader />
			<div class="information_box">
	<Information_box/>		<Information_box/>
			</div>
			<Record/>
	</el-config-provider>		</el-config-provider>
	</template>		</template>

Admin message