|
@@ -5,58 +5,16 @@
|
|
|
<el-avatar v-if="form.icon && form.icon.length > 0" :src="form.icon[0].url"></el-avatar>
|
|
|
</template>
|
|
|
<template #gender>
|
|
|
- <el-option
|
|
|
- disabled
|
|
|
- v-for="i in genderList"
|
|
|
- :key="i._id"
|
|
|
- :label="i.label"
|
|
|
- :value="i.value"
|
|
|
- ></el-option>
|
|
|
- </template>
|
|
|
- <template #grade>
|
|
|
- <el-option
|
|
|
- disabled
|
|
|
- v-for="i in gradeList"
|
|
|
- :key="i._id"
|
|
|
- :label="i.label"
|
|
|
- :value="i.value"
|
|
|
- ></el-option>
|
|
|
- </template>
|
|
|
- <template #cardType>
|
|
|
- <el-option
|
|
|
- disabled
|
|
|
- v-for="i in cardTypeList"
|
|
|
- :key="i._id"
|
|
|
- :label="i.label"
|
|
|
- :value="i.value"
|
|
|
- ></el-option>
|
|
|
+ <el-option disabled v-for="i in genderList" :key="i._id" :label="i.label" :value="i.value"></el-option>
|
|
|
</template>
|
|
|
<template #education>
|
|
|
- <el-option
|
|
|
- disabled
|
|
|
- v-for="i in educationList"
|
|
|
- :key="i._id"
|
|
|
- :label="i.label"
|
|
|
- :value="i.value"
|
|
|
- ></el-option>
|
|
|
- </template>
|
|
|
- <template #subject>
|
|
|
- <el-option
|
|
|
- disabled
|
|
|
- v-for="i in subjectList"
|
|
|
- :key="i._id"
|
|
|
- :label="i.label"
|
|
|
- :value="i.value"
|
|
|
- ></el-option>
|
|
|
+ <el-option disabled v-for="i in educationList" :key="i._id" :label="i.label" :value="i.value"></el-option>
|
|
|
</template>
|
|
|
<template #learnStatus>
|
|
|
- <el-option
|
|
|
- disabled
|
|
|
- v-for="i in learnStatusList"
|
|
|
- :key="i._id"
|
|
|
- :label="i.label"
|
|
|
- :value="i.value"
|
|
|
- ></el-option>
|
|
|
+ <el-option disabled v-for="i in learnStatusList" :key="i._id" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #card>
|
|
|
+ <el-image class="images" v-for="i in form.card" :key="i.id" :src="i.url" :preview-src-list="getFlie(form.file)"></el-image>
|
|
|
</template>
|
|
|
</custom-form>
|
|
|
</div>
|
|
@@ -70,24 +28,27 @@ const formFields = ref([
|
|
|
{ label: t('pages.teacher.openid'), model: 'openid' },
|
|
|
{ label: t('pages.teacher.nick_name'), model: 'nick_name' },
|
|
|
{ label: t('pages.teacher.gender'), model: 'gender', type: 'select' },
|
|
|
- { label: t('pages.teacher.age'), model: 'age' },
|
|
|
+ { label: t('pages.teacher.birth'), model: 'birth' },
|
|
|
{ label: t('pages.teacher.phone'), model: 'phone' },
|
|
|
- { label: t('pages.teacher.grade'), model: 'grade', type: 'select' },
|
|
|
- { label: t('pages.teacher.cardType'), model: 'cardType', type: 'select' },
|
|
|
- { label: t('pages.teacher.card'), model: 'card' },
|
|
|
{ label: t('pages.teacher.education'), model: 'education', type: 'select' },
|
|
|
- { label: t('pages.teacher.subject'), model: 'subject', type: 'select' },
|
|
|
{ label: t('pages.teacher.college'), model: 'college' },
|
|
|
{ label: t('pages.teacher.learnStatus'), model: 'learnStatus', type: 'select' },
|
|
|
+ { label: t('pages.teacher.card'), model: 'card', custom: true },
|
|
|
{ label: t('pages.teacher.brief'), model: 'brief', type: 'textarea' }
|
|
|
])
|
|
|
// 字典表
|
|
|
const genderList = inject('genderList')
|
|
|
-const gradeList = inject('gradeList')
|
|
|
-const cardTypeList = inject('cardTypeList')
|
|
|
const educationList = inject('educationList')
|
|
|
const learnStatusList = inject('learnStatusList')
|
|
|
-const subjectList = inject('subjectList')
|
|
|
+// 图片处理
|
|
|
+const getFlie = (file) => {
|
|
|
+ if (file && file.length > 0) {
|
|
|
+ const urls = file.map((i) => {
|
|
|
+ return i.url
|
|
|
+ })
|
|
|
+ return urls
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
.tags {
|