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

<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>