|
@@ -0,0 +1,124 @@
|
|
|
+<template>
|
|
|
+ <div id="detail">
|
|
|
+ <detail-frame title="教师详情页" returns="./index">
|
|
|
+ <data-form :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew">
|
|
|
+ <template #options="{item}">
|
|
|
+ <template v-if="item.model === 'state'">
|
|
|
+ <el-option label="注册" value="0"></el-option>
|
|
|
+ <el-option label="确认身份" value="1"></el-option>
|
|
|
+ <el-option label="资料评分" value="2"></el-option>
|
|
|
+ <el-option label="面试评分" value="3"></el-option>
|
|
|
+ <el-option label="确认入库" value="4"></el-option>
|
|
|
+ </template>
|
|
|
+ <template v-if="item.model === 'tltype'">
|
|
|
+ <el-option label="ppt" value="0"></el-option>
|
|
|
+ <el-option label="视频" value="1"></el-option>
|
|
|
+ <el-option label="教案" value="2"></el-option>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template #radios="{item}">
|
|
|
+ <template v-if="item.model === 'sex'">
|
|
|
+ <el-radio label="0">男</el-radio>
|
|
|
+ <el-radio label="1">女</el-radio>
|
|
|
+ </template>
|
|
|
+ <template v-if="item.model === 'tea'">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="0">否</el-radio>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template #custom="{ item, form, fieldChange }">
|
|
|
+ <upload type="wenjian" :data="item.wenjian" :limit="1" :url="'/files/corp/identity/upload'" @upload="uploadSuccess"></upload>
|
|
|
+ </template>
|
|
|
+ </data-form>
|
|
|
+ </detail-frame>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import detailFrame from '@frame/layout/admin/detail-frame';
|
|
|
+import dataForm from '@frame/components/form';
|
|
|
+import upload from '@frame/components/upload';
|
|
|
+export default {
|
|
|
+ metaInfo: { title: '题库详情页' },
|
|
|
+ name: 'detail',
|
|
|
+ props: {},
|
|
|
+ components: {
|
|
|
+ detailFrame,
|
|
|
+ dataForm,
|
|
|
+ upload,
|
|
|
+ },
|
|
|
+ data: () => ({
|
|
|
+ fields: [
|
|
|
+ { label: '教师姓名', required: true, model: 'name' },
|
|
|
+ { label: '状态', required: true, model: 'state', type: `select` },
|
|
|
+ { label: '性别', model: 'sex', type: `radio` },
|
|
|
+ { label: '手机号', required: true, model: 'tel' },
|
|
|
+ { label: '身份证号', required: true, model: 'card' },
|
|
|
+ { label: '教师资格证号', required: true, model: 'teacard' },
|
|
|
+ { label: '学校代码', required: true, model: 'schoolid' },
|
|
|
+ { label: '学校名称', required: true, model: 'schoolname' },
|
|
|
+ { label: '邮箱', required: true, model: 'email' },
|
|
|
+ { label: '年龄', required: true, model: 'age' },
|
|
|
+ { label: '出生日期', required: true, model: 'birthday' },
|
|
|
+ { label: '职务', required: true, model: 'zhiwu' },
|
|
|
+ { label: '专业', required: true, model: 'zhuanye' },
|
|
|
+ { label: '是/否是礼仪老师', model: 'tea', type: `radio` },
|
|
|
+ { label: '资料评分', required: true, model: 'zlgrade' },
|
|
|
+ { label: '面试评分', required: true, model: 'msgrade' },
|
|
|
+ { label: '学生评分', required: true, model: 'student' },
|
|
|
+ { label: '视频地址', required: true, model: 'url' },
|
|
|
+ { label: '资料名称', required: true, model: 'zlname' },
|
|
|
+ { label: '资料类别', required: true, model: 'tltype', type: `select` },
|
|
|
+ { label: '密码', required: true, model: 'password' },
|
|
|
+ { label: 'openid', required: true, model: 'openid' },
|
|
|
+ { label: '上传', required: true, model: 'wenjian', type: 'wenjian', custom: true },
|
|
|
+ ],
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: '请输入教师姓名' }],
|
|
|
+ state: [{ required: true, message: '请选择状态' }],
|
|
|
+ sex: [{ required: true, message: '请选择性别' }],
|
|
|
+ birthday: [{ required: true, message: '请输入出生日期' }],
|
|
|
+ zhiwu: [{ required: true, message: '请输入职务' }],
|
|
|
+ zhuanye: [{ required: true, message: '请输入专业' }],
|
|
|
+ zlgrade: [{ required: true, message: '请输入资料评分' }],
|
|
|
+ msgrade: [{ required: true, message: '请输入面试评分' }],
|
|
|
+ student: [{ required: true, message: '请输入学生评分' }],
|
|
|
+ url: [{ required: true, message: '请输入视频地址' }],
|
|
|
+ zlname: [{ required: true, message: '请输入资料名称' }],
|
|
|
+ openid: [{ required: true, message: '请输入openid' }],
|
|
|
+ password: [{ required: true, message: '请输入职业资格证文件' }],
|
|
|
+ card: [
|
|
|
+ { required: true, message: '请输入身份证号' },
|
|
|
+ { min: 18, max: 18, message: '请输入18位身份证号 ', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ schoolid: [{ required: true, message: '请输入学校代码' }],
|
|
|
+ schoolname: [{ required: true, message: '请输入学校名称' }],
|
|
|
+ email: [{ required: true, message: '请输入教师邮箱' }],
|
|
|
+ age: [{ required: true, message: '请输入年龄' }],
|
|
|
+ tel: [
|
|
|
+ { required: true, message: '请输入电话' },
|
|
|
+ { min: 11, max: 11, message: '请输入11位电话号码', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ teacard: [
|
|
|
+ { required: true, message: '请输入教师资格证号' },
|
|
|
+ { min: 17, max: 17, message: '请输入17位教师资格证号', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ }),
|
|
|
+ created() {},
|
|
|
+ computed: {
|
|
|
+ isNew() {
|
|
|
+ return this.$route.query.id ? false : true;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ uploadSuccess() {},
|
|
|
+ async handleSave({ isNew, data }) {
|
|
|
+ console.log(isNew);
|
|
|
+ console.log(data);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped></style>
|