You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
dianshang-qianduan/src/views/schoolAdmin/school/index.vue

86 lines
2.5 KiB
Vue

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div class="school-admin-workbench">
<section class="admin-hero">
<div class="admin-badge">School Admin · Organization</div>
<h1 class="admin-title">学校管理</h1>
<p class="admin-subtitle">维护当前学校的基础信息,所有变更只作用于本校范围。</p>
</section>
<section class="admin-panel">
<el-form :model="form" label-width="110px" class="admin-form">
<el-row :gutter="18">
<el-col :span="12">
<el-form-item label="学校名称">
<el-input v-model="form.schoolName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="院校层次">
<el-input v-model="form.schoolGrade" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属省份">
<el-input v-model="form.schoolProvince" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属城市">
<el-input v-model="form.schoolCity" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人">
<el-input v-model="form.schoolContacts" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话">
<el-input v-model="form.schoolContactsMobile" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系邮箱">
<el-input v-model="form.schoolContactsEmail" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="授权码">
<el-input v-model="form.schoolAuthCode" disabled />
</el-form-item>
</el-col>
</el-row>
<el-form-item>
<el-button type="primary" :loading="saving" @click="save">保存</el-button>
</el-form-item>
</el-form>
</section>
</div>
</template>
<script setup>
import "@/views/schoolAdmin/admin-theme.scss";
import { ElMessage } from "element-plus";
import { getAdminSchool, updateAdminSchool } from "@/api/schoolAdmin";
const form = ref({});
const saving = ref(false);
const load = async () => {
const res = await getAdminSchool();
form.value = res.data || {};
};
const save = async () => {
saving.value = true;
try {
await updateAdminSchool(form.value);
ElMessage.success("保存成功");
await load();
} finally {
saving.value = false;
}
};
onMounted(load);
</script>