|
@@ -0,0 +1,74 @@
|
|
|
+<template>
|
|
|
+ <div id="detail">
|
|
|
+ <detail-frame title="班主任信息" returns="/director/index">
|
|
|
+ <data-form :data="info" :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew">
|
|
|
+ <template #options="{item}">
|
|
|
+ <template v-if="item.model === 'gender'">
|
|
|
+ <el-option label="男" value="1"></el-option>
|
|
|
+ <el-option label="女" value="0"></el-option>
|
|
|
+ </template>
|
|
|
+ <template v-if="item.model === 'dept'">
|
|
|
+ <el-option label="信息部" value="1"></el-option>
|
|
|
+ <el-option label="办公室" value="0"></el-option>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template #radios="{item}">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="0">否</el-radio>
|
|
|
+ </template>
|
|
|
+ </data-form>
|
|
|
+ </detail-frame>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import detailFrame from '@frame/layout/admin/detail-frame';
|
|
|
+import dataForm from '@frame/components/form';
|
|
|
+export default {
|
|
|
+ metaInfo: { title: '班主任信息' },
|
|
|
+ name: 'detail',
|
|
|
+ props: {},
|
|
|
+ components: {
|
|
|
+ detailFrame,
|
|
|
+ dataForm,
|
|
|
+ },
|
|
|
+ data: () => ({
|
|
|
+ info: { name: 'tes' },
|
|
|
+ fields: [
|
|
|
+ { label: '姓名', required: true, model: 'name' },
|
|
|
+ { label: '所属部门', required: true, model: 'dept', type: 'select' },
|
|
|
+ { label: '性别', required: true, model: 'gender', type: `select` },
|
|
|
+ { label: '电话', required: true, model: 'tel', options: { maxlength: 11, minlength: 11 } },
|
|
|
+ { label: '出生日期', required: true, model: 'birthday', type: 'date' },
|
|
|
+ { label: '年龄', required: true, model: 'age' },
|
|
|
+ { label: '礼仪课教师', required: true, model: 'is_ly', type: 'radio' },
|
|
|
+ ],
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: '请输入姓名' }],
|
|
|
+ dept: [{ required: true, message: '请选择部门' }],
|
|
|
+ gender: [{ required: true, message: '请选择性别' }],
|
|
|
+ tel: [
|
|
|
+ { required: true, message: '请输入电话' },
|
|
|
+ { min: 11, max: 11, message: '请输入11位电话号码', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ birthday: [{ required: true, message: '请选择出生日期' }],
|
|
|
+ age: [{ required: true, message: '请输入年龄' }],
|
|
|
+ is_ly: [{ required: true, message: '请选择是否是礼仪课教师' }],
|
|
|
+ },
|
|
|
+ }),
|
|
|
+ created() {},
|
|
|
+ computed: {
|
|
|
+ isNew() {
|
|
|
+ return this.$route.query.id ? false : true;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async handleSave({ isNew, data }) {
|
|
|
+ console.log(isNew);
|
|
|
+ console.log(data);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped></style>
|