Charon
/
smallqiandaun
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

B

This commit is contained in:
饶秋霖 2024-11-30 20:34:24 +08:00
parent ae743d246d
commit 1ccf172e44
2 changed files with 115 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
views/new_file.html Normal file
View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Medical Information</title>
<!-- 引入Element Plus CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
<!-- 引入Vue 3 -->
<script src="https://unpkg.com/vue@3"></script>
<!-- 引入Element Plus JS -->
<script src="https://unpkg.com/element-plus"></script>
</head>
<body>
<div id="app">
<el-card class="box-card">
<el-row>
<el-col :span="12">
<el-form :model="form">
<el-form-item label="药品">
<el-input v-model="form.medicine"></el-input>
</el-form-item>
<el-form-item label="价格">
<el-input v-model="form.price"></el-input>
</el-form-item>
<el-form-item label="患者">
<el-input v-model="form.patient"></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="12">
<el-form :model="form">
<el-form-item label="主治医师">
<el-input v-model="form.doctor"></el-input>
</el-form-item>
<el-form-item label="日期">
<el-date-picker v-model="form.date" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-form>
</el-col>
</el-row>
</el-card>
</div>
<script>
const { createApp } = Vue;
const app = createApp({
data() {
return {
form: {
medicine: '',
price: '',
patient: '',
doctor: '',
date: ''
}
};
}
});
app.use(ElementPlus);
app.mount('#app');
</script>
</body>
</html>

48
views/new_file2.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Information</title>
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
<script src="https://unpkg.com/vue@3"></script>
<script src="https://unpkg.com/element-plus"></script>
</head>
<body>
<div id="app">
<el-card class="user-info-card">
<el-form :model="userForm">
<el-form-item label="ID">
<el-input v-model="userForm.id"></el-input>
</el-form-item>
<el-form-item label="账户">
<el-input v-model="userForm.account"></el-input>
</el-form-item>
<el-form-item label="昵称">
<el-input v-model="userForm.nickname"></el-input>
</el-form-item>
</el-form>
</el-card>
</div>
<script>
const { createApp } = Vue;
const app = createApp({
data() {
return {
userForm: {
id: '',
account: '',
nickname: ''
}
};
}
});
app.use(ElementPlus);
app.mount('#app');
</script>
</body>
</html>