change style
This commit is contained in:
parent
d91b7fc013
commit
90097273cf
@ -34,14 +34,14 @@ function createWindow(): void {
|
|||||||
minHeight: 728,
|
minHeight: 728,
|
||||||
show: false,
|
show: false,
|
||||||
autoHideMenuBar: true,
|
autoHideMenuBar: true,
|
||||||
frame: false,
|
titleBarStyle: 'hidden',
|
||||||
icon: icon,
|
icon: icon,
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
preload: join(__dirname, '../preload/index.js'),
|
preload: join(__dirname, '../preload/index.js'),
|
||||||
sandbox: false
|
sandbox: false
|
||||||
},
|
},
|
||||||
vibrancy: 'fullscreen-ui',
|
vibrancy: 'fullscreen-ui',
|
||||||
backgroundMaterial: 'acrylic'
|
backgroundMaterial: 'mica'
|
||||||
})
|
})
|
||||||
|
|
||||||
mainWindow.on('ready-to-show', () => {
|
mainWindow.on('ready-to-show', () => {
|
||||||
|
@ -82,67 +82,71 @@ const handleSubmit = () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="relative flex flex-col items-center justify-center bg-white">
|
<div class="flex items-center justify-center bg-white/75">
|
||||||
<div
|
<div
|
||||||
class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100"
|
class="relative flex flex-col items-center justify-center bg-white px-32 py-8 rounded-lg border border-gray-300 shadow-xl"
|
||||||
@click="handleBack"
|
|
||||||
>
|
>
|
||||||
返回
|
<div
|
||||||
</div>
|
class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100"
|
||||||
<p class="text-center text-2xl">创建新的文件</p>
|
@click="handleBack"
|
||||||
<el-divider> 填写基本课程信息以继续 </el-divider>
|
>
|
||||||
<div class="mx-auto w-full max-w-lg">
|
返回
|
||||||
<el-form :model="tempCourseInfo" label-width="auto">
|
</div>
|
||||||
<el-form-item label="课号">
|
<p class="text-center text-2xl">创建新的文件</p>
|
||||||
<el-input
|
<el-divider> 填写基本课程信息以继续 </el-divider>
|
||||||
v-model="tempCourseInfo.id"
|
<div class="mx-auto w-lg">
|
||||||
type="text"
|
<el-form :model="tempCourseInfo" label-width="auto">
|
||||||
placeholder="(xxxx-xxxx-x)-xxxxxxxxxx-xxxxx-x"
|
<el-form-item label="课号">
|
||||||
/>
|
<el-input
|
||||||
</el-form-item>
|
v-model="tempCourseInfo.id"
|
||||||
<el-form-item label="课程名称">
|
type="text"
|
||||||
<el-input v-model="tempCourseInfo.name" type="text" placeholder="课程名称" />
|
placeholder="(xxxx-xxxx-x)-xxxxxxxxxx-xxxxx-x"
|
||||||
</el-form-item>
|
/>
|
||||||
<el-form-item label="开课学院">
|
</el-form-item>
|
||||||
<el-input v-model="tempCourseInfo.campus" type="text" placeholder="开课学院" />
|
<el-form-item label="课程名称">
|
||||||
</el-form-item>
|
<el-input v-model="tempCourseInfo.name" type="text" placeholder="课程名称" />
|
||||||
<el-form-item label="任课教师">
|
</el-form-item>
|
||||||
<el-input v-model="tempCourseInfo.teacher" type="text" placeholder="任课教师" />
|
<el-form-item label="开课学院">
|
||||||
</el-form-item>
|
<el-input v-model="tempCourseInfo.campus" type="text" placeholder="开课学院" />
|
||||||
<el-form-item label="课程负责人" class="relative">
|
</el-form-item>
|
||||||
<el-input
|
<el-form-item label="任课教师">
|
||||||
v-model="tempCourseInfo.master"
|
<el-input v-model="tempCourseInfo.teacher" type="text" placeholder="任课教师" />
|
||||||
type="text"
|
</el-form-item>
|
||||||
placeholder="课程负责人"
|
<el-form-item label="课程负责人" class="relative">
|
||||||
@focus="handleShowCopyBtn"
|
<el-input
|
||||||
@blur="handleShowCopyBtn"
|
v-model="tempCourseInfo.master"
|
||||||
/>
|
type="text"
|
||||||
<div
|
placeholder="课程负责人"
|
||||||
class="absolute right-4 text-gray-400 cursor-pointer invisible"
|
@focus="handleShowCopyBtn"
|
||||||
:class="{ visible: isShowCopyFrom }"
|
@blur="handleShowCopyBtn"
|
||||||
@click="handleCopyFromTeacher"
|
/>
|
||||||
>
|
<div
|
||||||
从任课教师复制
|
class="invisible absolute right-4 cursor-pointer text-gray-400"
|
||||||
|
:class="{ visible: isShowCopyFrom }"
|
||||||
|
@click="handleCopyFromTeacher"
|
||||||
|
>
|
||||||
|
从任课教师复制
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="学分">
|
||||||
|
<el-input v-model="tempCourseInfo.credit" type="number" placeholder="学分" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="教学班级">
|
||||||
|
<el-input v-model="tempCourseInfo.className" type="text" placeholder="教学班级" />
|
||||||
|
</el-form-item>
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<el-button @click="handleFormReset">重置</el-button>
|
||||||
|
<el-button type="primary" :disabled="enableSubmit" @click="handleSubmit"
|
||||||
|
>下一步</el-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form>
|
||||||
<el-form-item label="学分">
|
</div>
|
||||||
<el-input v-model="tempCourseInfo.credit" type="number" placeholder="学分" />
|
<el-divider>或</el-divider>
|
||||||
</el-form-item>
|
<div class="flex justify-center">
|
||||||
<el-form-item label="教学班级">
|
<el-button @click="handleCreateFrom('xlsx')">从 Excel 中导入</el-button>
|
||||||
<el-input v-model="tempCourseInfo.className" type="text" placeholder="教学班级" />
|
<el-button @click="handleCreateFrom('jwxt')">从 教务系统 中导入</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<div class="flex justify-end">
|
|
||||||
<el-button @click="handleFormReset">重置</el-button>
|
|
||||||
<el-button type="primary" :disabled="enableSubmit" @click="handleSubmit"
|
|
||||||
>下一步</el-button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<el-divider>或</el-divider>
|
|
||||||
<div class="flex justify-center">
|
|
||||||
<el-button @click="handleCreateFrom('xlsx')">从 Excel 中导入</el-button>
|
|
||||||
<el-button @click="handleCreateFrom('jwxt')">从 教务系统 中导入</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -30,45 +30,49 @@ const handleFunctionClick = (ev: 'create' | 'open') => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col items-center justify-center gap-12 bg-white">
|
<div class="flex items-center bg-white/75">
|
||||||
<!-- 标题 -->
|
<div
|
||||||
<div class="text-center leading-5">
|
class="mx-auto flex flex-col items-center justify-center gap-12 overflow-hidden bg-white px-32 py-16 rounded-lg shadow-lg border border-gray-300"
|
||||||
<p class="text-2xl">欢迎</p>
|
>
|
||||||
<p>请从以下选择中开始</p>
|
<!-- 标题 -->
|
||||||
</div>
|
<div class="text-center leading-5">
|
||||||
|
<p class="text-2xl">欢迎</p>
|
||||||
<!-- 功能菜单 -->
|
<p>请从以下选择中开始</p>
|
||||||
<div class="flex gap-8">
|
|
||||||
<div
|
|
||||||
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
|
|
||||||
@click="handleFunctionClick('create')"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="h-20 w-20 stroke-gray-600 stroke-4"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M554.666667 128H213.333333v768h426.666667v85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h444.330667L896 281.002667V597.333333h-85.333333V384h-170.666667a85.333333 85.333333 0 0 1-85.333333-85.333333V128z m256 682.666667v-85.333334h85.333333v85.333334h85.333333v85.333333h-85.333333v85.333333h-85.333333v-85.333333h-85.333334v-85.333333h85.333334z m-17.664-512L640 145.664V298.666667h153.002667z"
|
|
||||||
></path>
|
|
||||||
</svg>
|
|
||||||
<p class="mt-4 text-center">新建</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<!-- 功能菜单 -->
|
||||||
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
|
<div class="flex gap-8">
|
||||||
@click="handleFunctionClick('open')"
|
<div
|
||||||
>
|
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
|
||||||
<svg
|
@click="handleFunctionClick('create')"
|
||||||
class="h-20 w-20 stroke-yellow-600 stroke-4"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
d="M896 341.333333a85.333333 85.333333 0 0 1 85.333333 85.333334l-1.024 9.258666-84.48 380.16A85.333333 85.333333 0 0 1 810.666667 896H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h256c47.786667 0 78.208 20.266667 108.757333 58.837333 2.048 2.56 11.136 14.378667 13.354667 17.152 6.741333 8.32 8.106667 9.344 5.973333 9.344H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v42.666666z m-85.333333 0V298.666667h-298.88c-30.677333-0.170667-50.602667-14.506667-72.106667-41.088-2.944-3.669333-12.373333-15.914667-13.781333-17.749334C409.898667 219.733333 400.384 213.333333 384 213.333333H128v208.682667l1.28-5.546667C141.226667 367.786667 163.498667 341.333333 213.333333 341.333333h597.333334zM129.024 810.666667H810.666667l1.024-9.258667L894.976 426.666667H214.869333c-0.64 2.133333-1.536 5.162667-2.56 9.258666L129.024 810.666667z"
|
class="h-20 w-20 stroke-gray-600 stroke-4"
|
||||||
></path>
|
viewBox="0 0 1024 1024"
|
||||||
</svg>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<p class="mt-4 text-center">打开</p>
|
>
|
||||||
|
<path
|
||||||
|
d="M554.666667 128H213.333333v768h426.666667v85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h444.330667L896 281.002667V597.333333h-85.333333V384h-170.666667a85.333333 85.333333 0 0 1-85.333333-85.333333V128z m256 682.666667v-85.333334h85.333333v85.333334h85.333333v85.333333h-85.333333v85.333333h-85.333333v-85.333333h-85.333334v-85.333333h85.333334z m-17.664-512L640 145.664V298.666667h153.002667z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<p class="mt-4 text-center">新建</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
|
||||||
|
@click="handleFunctionClick('open')"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="h-20 w-20 stroke-yellow-600 stroke-4"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M896 341.333333a85.333333 85.333333 0 0 1 85.333333 85.333334l-1.024 9.258666-84.48 380.16A85.333333 85.333333 0 0 1 810.666667 896H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h256c47.786667 0 78.208 20.266667 108.757333 58.837333 2.048 2.56 11.136 14.378667 13.354667 17.152 6.741333 8.32 8.106667 9.344 5.973333 9.344H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v42.666666z m-85.333333 0V298.666667h-298.88c-30.677333-0.170667-50.602667-14.506667-72.106667-41.088-2.944-3.669333-12.373333-15.914667-13.781333-17.749334C409.898667 219.733333 400.384 213.333333 384 213.333333H128v208.682667l1.28-5.546667C141.226667 367.786667 163.498667 341.333333 213.333333 341.333333h597.333334zM129.024 810.666667H810.666667l1.024-9.258667L894.976 426.666667H214.869333c-0.64 2.133333-1.536 5.162667-2.56 9.258666L129.024 810.666667z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<p class="mt-4 text-center">打开</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user