web update (4325d941) · Commits · 李子南 / 2022_Spring_IPOUS

OSAP_web/package-lock.json

+9 −8

Original line number	Diff line number	Diff line
		{
		"name": "element-plus-vite-starter",
		"name": "OSAP_web",
		"version": "0.1.0",
		"lockfileVersion": 2,
		"requires": true,
		"packages": {
		"": {
		"name": "element-plus-vite-starter",
		"name": "OSAP_web",
		"version": "0.1.0",
		"license": "MIT",
		"dependencies": {
		"@element-plus/icons-vue": "^2.0.9",
		"element-plus": "^2.2.2",
		"vue": "^3.2.36"
		},
		@@ -67,9 +68,9 @@
		}
		},
		"node_modules/@element-plus/icons-vue": {
		"version": "2.0.6",
		"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.6.tgz",
		"integrity": "sha512-lPpG8hYkjL/Z97DH5Ei6w6o22Z4YdNglWCNYOPcB33JCF2A4wye6HFgSI7hEt9zdLyxlSpiqtgf9XcYU+m5mew==",
		"version": "2.0.9",
		"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.9.tgz",
		"integrity": "sha512-okdrwiVeKBmW41Hkl0eMrXDjzJwhQMuKiBOu17rOszqM+LS/yBYpNQNV5Jvoh06Wc+89fMmb/uhzf8NZuDuUaQ==",
		"peerDependencies": {
		"vue": "^3.2.0"
		}
		@@ -3389,9 +3390,9 @@
		"integrity": "sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw=="
		},
		"@element-plus/icons-vue": {
		"version": "2.0.6",
		"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.6.tgz",
		"integrity": "sha512-lPpG8hYkjL/Z97DH5Ei6w6o22Z4YdNglWCNYOPcB33JCF2A4wye6HFgSI7hEt9zdLyxlSpiqtgf9XcYU+m5mew==",
		"version": "2.0.9",
		"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.9.tgz",
		"integrity": "sha512-okdrwiVeKBmW41Hkl0eMrXDjzJwhQMuKiBOu17rOszqM+LS/yBYpNQNV5Jvoh06Wc+89fMmb/uhzf8NZuDuUaQ==",
		"requires": {}
		},
		"@floating-ui/core": {

OSAP_web/package.json

+1 −0

Original line number	Diff line number	Diff line
		@@ -10,6 +10,7 @@
		"typecheck": "vue-tsc --noEmit"
		},
		"dependencies": {
		"@element-plus/icons-vue": "^2.0.9",
		"element-plus": "^2.2.2",
		"vue": "^3.2.36"
		},

OSAP_web/src/App.vue

+11 −4

Original line number	Diff line number	Diff line
		@@ -9,7 +9,8 @@
		<instruction class="instruction"/>
		</el-aside>
		<el-main>
		<info class="info"/>
		<!-- <info class="info"/>-->
		<image_upload class="image_upload"/>
		<Record class="record"/>
		</el-main>
		</el-container>
		@@ -30,16 +31,22 @@
		margin-left: 8%;
		}

		.image_upload {
		width: 70%;
		margin-top: 5%;
		margin-left: 8%;
		}

		.record {
		height: 10%;
		width: 70%;
		margin-top: 20%;
		margin-top: 8%;
		margin-left: 8%;
		}

		.instruction {
		height: 20%;
		width: 70%;
		height: 30%;
		width: 60%;
		margin-top: 50%;
		margin-left: 15%;
		}

OSAP_web/src/components.d.ts

+5 −5

Original line number	Diff line number	Diff line
		@@ -10,30 +10,30 @@ declare module '@vue/runtime-core' {
		ElAside: typeof import('element-plus/es')['ElAside']
		ElButton: typeof import('element-plus/es')['ElButton']
		ElCard: typeof import('element-plus/es')['ElCard']
		ElCol: typeof import('element-plus/es')['ElCol']
		ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
		ElContainer: typeof import('element-plus/es')['ElContainer']
		ElDialog: typeof import('element-plus/es')['ElDialog']
		ElForm: typeof import('element-plus/es')['ElForm']
		ElFormItem: typeof import('element-plus/es')['ElFormItem']
		ElHeader: typeof import('element-plus/es')['ElHeader']
		ElIcon: typeof import('element-plus/es')['ElIcon']
		ElImage: typeof import('element-plus/es')['ElImage']
		ElInput: typeof import('element-plus/es')['ElInput']
		ElMain: typeof import('element-plus/es')['ElMain']
		ElMenu: typeof import('element-plus/es')['ElMenu']
		ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
		ElOption: typeof import('element-plus/es')['ElOption']
		ElRow: typeof import('element-plus/es')['ElRow']
		ElSelect: typeof import('element-plus/es')['ElSelect']
		ElStep: typeof import('element-plus/es')['ElStep']
		ElSteps: typeof import('element-plus/es')['ElSteps']
		ElTable: typeof import('element-plus/es')['ElTable']
		ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
		ElUpload: typeof import('element-plus/es')['ElUpload']
		HelloWorld: typeof import('./components/HelloWorld.vue')['default']
		Image_upload: typeof import('./components/image_upload.vue')['default']
		Info: typeof import('./components/info.vue')['default']
		Instruction: typeof import('./components/instruction.vue')['default']
		Record: typeof import('./components/Record.vue')['default']
		RouterLink: typeof import('vue-router')['RouterLink']
		RouterView: typeof import('vue-router')['RouterView']
		Test: typeof import('./components/test.vue')['default']
		}
		}

OSAP_web/src/components/image_upload.vue

0 → 100644

+50 −0

Original line number	Diff line number	Diff line
		<template>
		<el-card style="border-radius: 8px" shadow="never">
		<template #header>
		<span style="margin-left: -86%; font-weight: bold">眼底图片上传</span>
		</template>
		<el-upload
		v-model:file-list="fileList"
		class="upload"
		drag
		action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
		multiple
		limit="10"
		accept=".tif"
		:list-type="'text'"
		:auto-upload="false"
		:on-exceed="handleExceed"
		:with-credentials="true"
		>
		<el-icon class="el-icon--upload" size="60px"><upload-filled /></el-icon>
		<div class="el-upload__text">
		Drop file here or <em>click to upload</em>
		</div>
		<template #tip>
		<div class="el-upload__tip" style="margin-top: 10px">
		.tif files only, limit 10 images, new files will cover the old files
		<!-- are there other types?-->
		</div>
		</template>
		</el-upload>
		</el-card>
		</template>

		<script setup lang="ts">
		import {ElMessage, ElMessageBox} from 'element-plus'
		import type {UploadProps, UploadUserFile} from 'element-plus'
		import {UploadFilled} from '@element-plus/icons-vue'

		const handleExceed: UploadProps['onExceed'] = (files, uploadFiles) => {
		ElMessage.warning(
		`The limit is 20, you selected ${files.length} files this time, add up to ${
		files.length + uploadFiles.length
		} totally`
		)
		}

		</script>

		<style scoped>

		</style>
		No newline at end of file

Admin message