rose
4 years ago
15 changed files with 985 additions and 102 deletions
@ -0,0 +1,210 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<!-- 添加 --> |
||||
|
<a-modal |
||||
|
:maskClosable="false" |
||||
|
@cancel="$emit('closeModal')" |
||||
|
destroyOnClose |
||||
|
footer |
||||
|
title="添加页面" |
||||
|
v-model="visible" |
||||
|
width="700px" |
||||
|
> |
||||
|
<a-form :form="form" @submit="handleSubmit"> |
||||
|
<!-- 公司 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司" |
||||
|
> |
||||
|
<a-input |
||||
|
v-decorator="['company', { rules: [{ required: true, message: '请输入公司' }] }]" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<!-- 职责 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="职责" |
||||
|
> |
||||
|
<a-input |
||||
|
v-decorator="['duties', { rules: [{ required: true, message: '请输入职责' }] }]" |
||||
|
/> |
||||
|
|
||||
|
</a-form-item> |
||||
|
<!-- 名称 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="名称" |
||||
|
> |
||||
|
<a-input |
||||
|
v-decorator="['name', { rules: [{ required: true, message: '请输入名称' }] }]" |
||||
|
/> |
||||
|
|
||||
|
</a-form-item> |
||||
|
|
||||
|
|
||||
|
<!-- 排序 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="排序" |
||||
|
> |
||||
|
<a-input |
||||
|
placeholder="请输入正整数的排序" |
||||
|
v-decorator="['orders', { rules: [{ pattern: new RegExp(/^[+]{0,1}(\d+)$/),required: true, message: '请输入排序(仅限制正整数，包含0)' }] }]" |
||||
|
/> |
||||
|
|
||||
|
</a-form-item> |
||||
|
|
||||
|
<!-- services --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="导师分类id" |
||||
|
> |
||||
|
<!-- <div>{{ services }}</div> --> |
||||
|
<a-select |
||||
|
mode="multiple" |
||||
|
placeholder="请输入导师分类id" |
||||
|
:default-value="[ 1,2]" |
||||
|
style="width: 100%" |
||||
|
@change="handleChange" |
||||
|
> |
||||
|
<a-select-option v-for="(item) in services" :key="item.id"> |
||||
|
{{ item.categoryName }} |
||||
|
</a-select-option> |
||||
|
</a-select> |
||||
|
<!-- <a-input |
||||
|
v-model="services" |
||||
|
placeholder="" |
||||
|
/> --> |
||||
|
|
||||
|
</a-form-item> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<a-form-item class="d-flex flex-row-reverse"> |
||||
|
<a-button @click="$emit('closeModal')" class="mr-3">取消</a-button> |
||||
|
<a-button class="white--text" html-type="submit" type="primary">保存</a-button> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from 'vuex'; |
||||
|
import { addTeacher ,selTutorH} from 'config/api'; |
||||
|
import { quillEditor } from 'vue-quill-editor'; |
||||
|
|
||||
|
const formItemLayout = { |
||||
|
labelCol: { span: 6 }, |
||||
|
wrapperCol: { span: 16 }, |
||||
|
}; |
||||
|
const tailItemLayout = { wrapperCol: { span: 16, offset: 6 } }; |
||||
|
export default { |
||||
|
name: 'TeacherAdd', |
||||
|
props: { visible: { type: Boolean, default: false } }, |
||||
|
components: { |
||||
|
quillEditor, // 富文本编辑器 |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formItemLayout, |
||||
|
tailItemLayout, |
||||
|
form: this.$form.createForm(this, { name: 'page-add' }), |
||||
|
content: '', |
||||
|
services: [], |
||||
|
servicesForm: [1], |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getTeacherType(); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
computed: mapState(['titles']), |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
handleChange(value) { |
||||
|
// console.log() |
||||
|
console.log(`Selected: ${value}`); |
||||
|
this.servicesForm = value; |
||||
|
console.log(this.servicesForm) |
||||
|
}, |
||||
|
// 查询导师分类 |
||||
|
async getTeacherType() { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
recStatus: 0, |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
const res = await selTutorH(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
console.log("getTeacherType方法已经走到") |
||||
|
console.log(data) |
||||
|
this.services = data; |
||||
|
// const paper = { ...this.pagination }; |
||||
|
// paper.current = data.pageNum; |
||||
|
// paper.total = +data.total; |
||||
|
// paper.pageSize = data.pageSize; |
||||
|
// this.pagination = paper; |
||||
|
} else { |
||||
|
throw msg || '获取失败'; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
// 提交表单 |
||||
|
handleSubmit(e) { |
||||
|
|
||||
|
e.preventDefault(); |
||||
|
this.form.validateFieldsAndScroll(async (err, values) => { |
||||
|
if (!err) { |
||||
|
try { |
||||
|
console.log("是否走到了这个逻辑") |
||||
|
console.log('Received values of form: ', values); |
||||
|
// if (values.titleCode.length > 1) { |
||||
|
// values.titleCode = `${values.titleCode[0]}-${values.titleCode[1]}`; |
||||
|
// } else { |
||||
|
// values.titleCode = `${values.titleCode[0]}`; |
||||
|
// } |
||||
|
const param = values; |
||||
|
|
||||
|
param.services = this.servicesForm |
||||
|
const params = { param }; |
||||
|
|
||||
|
|
||||
|
console.log('params: ', params); |
||||
|
const res = await addTeacher(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('添加成功'); |
||||
|
this.$emit('closeModal'); |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '添加失败'); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,227 @@ |
|||||
|
<template> |
||||
|
<div class="main flex-1"> |
||||
|
<a-spin :spinning="showEdit"> |
||||
|
<!-- <div>{{ lists }}</div> --> |
||||
|
<div style="width: 100%" v-if="lists && lists.length > 0"> |
||||
|
<a-table |
||||
|
:columns="columns" |
||||
|
:data-source="lists" |
||||
|
:loading="loading" |
||||
|
:pagination="pagination" |
||||
|
:row-key="record => record.id" |
||||
|
:scroll="{ y: height }" |
||||
|
@change="handleTableChange" |
||||
|
bordered |
||||
|
class="white" |
||||
|
> |
||||
|
<template slot="id" slot-scope="text, record, index"> |
||||
|
<span>{{ index + 1 }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<template slot="categoryName" slot-scope="text, record"> |
||||
|
<span>{{ record.categoryName }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<!-- <template slot="edit" slot-scope="text, record"> |
||||
|
<a-icon @click="showEditModal(record)" class="pointer" theme="twoTone" type="edit" /> |
||||
|
<a-popconfirm @confirm="() => onDelete(record.id)" title="确定要删除这一条?" v-if="lists.length"> |
||||
|
<a-icon class="ml-4 pointer" theme="twoTone" two-tone-color="#ff0000" type="delete" /> |
||||
|
</a-popconfirm> |
||||
|
</template> --> |
||||
|
<!-- <div class="d-flex flex-nowrap justify-space-between" slot="expandedRowRender" slot-scope="record" style="margin: 0"> |
||||
|
<div> |
||||
|
|
||||
|
<div v-for="(item,index) in record.services" :key="index"> |
||||
|
<div class="d-flex"> |
||||
|
<div class="ml-5">姓名：{{item.name}}</div> |
||||
|
<div class="ml-3"> 性别：{{item.sex}} </div> |
||||
|
<div class="ml-3"> 所在公司：{{item.company}}</div> |
||||
|
<div class="ml-3"> 职责：{{item.duties}}</div> |
||||
|
<div class="ml-3"> 排序：{{item.order}}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> --> |
||||
|
|
||||
|
|
||||
|
</a-table> |
||||
|
</div> |
||||
|
<a-empty v-else /> |
||||
|
|
||||
|
<!-- 编辑 --> |
||||
|
<!-- <page-edit :editItem="editItem" :editVisible="editVisible" @closeModal="closeModal" @getPageList="getPageList" /> --> |
||||
|
</a-spin> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import PageEdit from 'components/Page/PageEdit.vue'; |
||||
|
import { deletePage, getPage } from 'config/api'; |
||||
|
|
||||
|
const columns = [ |
||||
|
{ |
||||
|
title: '序号', |
||||
|
align: 'center', |
||||
|
dataIndex: 'id', |
||||
|
key: 'id', |
||||
|
width: 80, |
||||
|
scopedSlots: { customRender: 'id' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '公司', |
||||
|
align: 'center', |
||||
|
dataIndex: 'company', |
||||
|
key: 'company', |
||||
|
scopedSlots: { customRender: 'company' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '职责', |
||||
|
align: 'center', |
||||
|
dataIndex: 'duties', |
||||
|
key: 'duties', |
||||
|
scopedSlots: { customRender: 'duties' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '序号', |
||||
|
align: 'center', |
||||
|
dataIndex: 'orders', |
||||
|
key: 'orders', |
||||
|
scopedSlots: { customRender: 'orders' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '名字', |
||||
|
align: 'center', |
||||
|
dataIndex: 'name', |
||||
|
key: 'name', |
||||
|
scopedSlots: { customRender: 'name' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '性别', |
||||
|
align: 'center', |
||||
|
dataIndex: 'sex', |
||||
|
key: 'sex', |
||||
|
scopedSlots: { customRender: 'sex' }, |
||||
|
}, |
||||
|
// { |
||||
|
// title: '简历', |
||||
|
// align: 'center', |
||||
|
// dataIndex: 'resume', |
||||
|
// key: 'resume', |
||||
|
// scopedSlots: { customRender: 'resume' }, |
||||
|
// }, |
||||
|
{ |
||||
|
title: '职工照片id', |
||||
|
align: 'center', |
||||
|
dataIndex: 'teacherPhoto', |
||||
|
key: 'teacherPhoto', |
||||
|
scopedSlots: { customRender: 'teacherPhoto' }, |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
]; |
||||
|
|
||||
|
export default { |
||||
|
name: 'TeacherDate', |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
props: { lists: { type: Array, default: () => [] }, pagination: { type: Object, default: () => {} } }, |
||||
|
data() { |
||||
|
return { |
||||
|
columns, |
||||
|
loading: false, |
||||
|
height: '', |
||||
|
editVisible: false, |
||||
|
editItem: {}, // 修改的那条 |
||||
|
spinning: false, |
||||
|
showEdit: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
let th = 250; |
||||
|
let wh = window.innerHeight; |
||||
|
this.height = wh - th; |
||||
|
window.onresize = () => { |
||||
|
return (() => { |
||||
|
wh = window.innerHeight; |
||||
|
this.height = wh - th; |
||||
|
})(); |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async showEditModal(record) { |
||||
|
this.showEdit = true; |
||||
|
await this.getDetail(true, record); |
||||
|
this.showEdit = false; |
||||
|
this.editItem = record; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
|
||||
|
closeModal() { |
||||
|
this.editVisible = false; |
||||
|
}, |
||||
|
|
||||
|
async getPageList() { |
||||
|
await this.$emit('getPageList'); |
||||
|
}, |
||||
|
|
||||
|
handleTableChange(pagination) { |
||||
|
const { current, pageSize } = pagination; |
||||
|
const condition = { current, pageSize }; |
||||
|
this.$emit('getPageList', condition); |
||||
|
}, |
||||
|
|
||||
|
// 删除 |
||||
|
async onDelete(id) { |
||||
|
try { |
||||
|
const params = { param: { id } }; |
||||
|
const res = await deletePage(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('删除成功'); |
||||
|
await this.$emit('getPageList'); |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error('删除失败'); |
||||
|
// this.$message.error(error || '删除失败'); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 详情查询 |
||||
|
async getDetail(expanded, record) { |
||||
|
if (!expanded) return; |
||||
|
try { |
||||
|
this.spinning = true; |
||||
|
const params = { param: { id: record.id } }; |
||||
|
const res = await getPage(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
this.spinning = false; |
||||
|
if (code === 200) { |
||||
|
const item = this.lists.find(item => item.id === record.id); |
||||
|
item.content = data.content; |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '查询失败'); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 打开报名 |
||||
|
openSignUp() { |
||||
|
const { query } = this.$route; |
||||
|
this.$router.push({ path: '/sign-up', query }); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,51 @@ |
|||||
|
|
||||
|
|
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<div class="d-flex flex-row"> |
||||
|
<!-- 模块 --> |
||||
|
<a-input placeholder="标题code" v-model="titleCode" /> |
||||
|
<a-button @click="handleTableChange" class="mx-2" type="primary">搜索</a-button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="flex-1"></div> |
||||
|
|
||||
|
<a-button @click="showModal" class="editable-add-btn" type="primary">增加</a-button> |
||||
|
|
||||
|
<!-- 添加 --> |
||||
|
<teacher-add :visible="visible" @closeModal="closeModal" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import TeacherAdd from 'components/Teacher/TeacherAdd.vue'; |
||||
|
export default { |
||||
|
name: 'TeacherSearch', |
||||
|
components: { |
||||
|
TeacherAdd |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
titleCode: '', |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
showModal() { |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
|
||||
|
closeModal() { |
||||
|
this.visible = false; |
||||
|
}, |
||||
|
|
||||
|
handleTableChange() { |
||||
|
const condition = { titleCode: this.titleCode }; |
||||
|
this.$emit('getPageList', condition); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,259 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<!-- 添加 --> |
||||
|
<a-modal |
||||
|
:mask-closable="false" |
||||
|
@cancel="$emit('closeModal')" |
||||
|
destroy-on-close |
||||
|
footer |
||||
|
title="创业学院修改" |
||||
|
v-model="editVisible" |
||||
|
width="700px" |
||||
|
> |
||||
|
<a-form :form="form" @submit="handleSubmit"> |
||||
|
<!-- 标题 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="标题"> |
||||
|
<a-input |
||||
|
class="ml-3" |
||||
|
placeholder="标题" |
||||
|
v-decorator="[ |
||||
|
'title', |
||||
|
{ |
||||
|
rules: [ |
||||
|
{ required: true, message: '标题不能为空' }, |
||||
|
{ whitespace: true, message: '标题不能为空' }, |
||||
|
{ max: 140, massage: '标题最多140个字符' }, |
||||
|
], |
||||
|
initialValue: title, |
||||
|
}, |
||||
|
]" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<!-- 内容链接 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="内容链接"> |
||||
|
<a-input |
||||
|
class="ml-3" |
||||
|
placeholder="内容链接" |
||||
|
v-decorator="[ |
||||
|
'contentUrl', |
||||
|
{ |
||||
|
rules: [ |
||||
|
{ required: true, message: '内容链接不能为空' }, |
||||
|
{ whitespace: true, message: '内容链接不能为空' }, |
||||
|
{ max: 300, massage: '内容链接最多30个字符' }, |
||||
|
], |
||||
|
initialValue:contentUrl, |
||||
|
}, |
||||
|
]" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<!-- 简介 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="简介"> |
||||
|
<a-textarea |
||||
|
class="ml-3" |
||||
|
style="height:80px" |
||||
|
placeholder="简介" |
||||
|
v-decorator="[ |
||||
|
'intro', |
||||
|
{ |
||||
|
rules: [ |
||||
|
{ required: true, message: '简介不能为空' }, |
||||
|
{ whitespace: true, message: '简介不能为空' }, |
||||
|
{ max: 140, massage: '简介最多140个字符' }, |
||||
|
], |
||||
|
initialValue:intro, |
||||
|
}, |
||||
|
]" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<!-- 封面图片 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="封面图片"> |
||||
|
<div v-if="editData.picUrl" class="d-flex align-end ml-4"> |
||||
|
<img :src="editData.picUrl" style="height:100px;" alt=""> |
||||
|
<div> |
||||
|
<a-icon @click="deleteFileList" class="ml-5" type="close-circle" /> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<a-upload :action="upload" :before-upload="beforeUpload" @change="handleChange" class="ml-3" list-type="picture" name="files"> |
||||
|
<a-button v-show="fileList.length - 0 === 0"> <a-icon type="upload" />选择封面图片 </a-button> |
||||
|
</a-upload> |
||||
|
</a-form-item> |
||||
|
<!-- 时间 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="时间"> |
||||
|
<a-date-picker :default-value="editData.times" class="ml-3" @change="changeBirthday" show-time /> |
||||
|
</a-form-item> |
||||
|
<!-- 类型 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="类型"> |
||||
|
<a-select |
||||
|
v-decorator="[ 'type', { initialValue:type }, ]" |
||||
|
class="ml-3" default-value="视频" style="width: 100%" |
||||
|
> |
||||
|
<a-select-option :key="index" :value="index + 1" v-for="(item, index) in recStatusList">{{ item }}</a-select-option> |
||||
|
</a-select> |
||||
|
</a-form-item> |
||||
|
<!-- 是否在首页展示 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="是否在首页展示"> |
||||
|
<a-radio-group class="ml-3" |
||||
|
v-decorator="[ 'whetherShow', { initialValue:whetherShow, }, ]" |
||||
|
> |
||||
|
<a-radio :value="0"> 否 </a-radio> |
||||
|
<a-radio :value="1"> 是 </a-radio> |
||||
|
</a-radio-group> |
||||
|
</a-form-item> |
||||
|
<!-- 栏目 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="栏目"> |
||||
|
<a-checkbox-group class="ml-3" @change="onChangeBan"> |
||||
|
<a-checkbox class="my-2" v-for="(item, index) in bannersList" :key="index" :value="item.moldId">{{ item.moldName }}</a-checkbox> |
||||
|
</a-checkbox-group> |
||||
|
</a-form-item> |
||||
|
<a-form-item class="d-flex flex-row-reverse"> |
||||
|
<a-button @click="$emit('closeModal')" class="mr-3">取消</a-button> |
||||
|
<a-button class="white--text" html-type="submit" type="primary">保存</a-button> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
|
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { upload, academyUpdate, queryMold } from 'config/api'; |
||||
|
|
||||
|
const formItemLayout = { |
||||
|
labelCol: { span: 6 }, |
||||
|
wrapperCol: { span: 16 }, |
||||
|
}; |
||||
|
|
||||
|
const tailItemLayout = { wrapperCol: { span: 16, offset: 6 } }; |
||||
|
|
||||
|
export default { |
||||
|
name: 'CollegeEdit', |
||||
|
props: { |
||||
|
editVisible: { type: Boolean, default: false }, |
||||
|
editData: { type: Object, default: () => {} }, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formItemLayout, |
||||
|
tailItemLayout, |
||||
|
form: this.$form.createForm(this, { name: 'college-edit' }), |
||||
|
upload: upload, |
||||
|
fileList: [], |
||||
|
//限制文件上传的格式和大小 |
||||
|
beforeUpload: file => { |
||||
|
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'; |
||||
|
if (!isJpgOrPng) { |
||||
|
this.$message.error('仅支持 JPG/PNG 格式的图片!'); |
||||
|
} |
||||
|
return isJpgOrPng; |
||||
|
}, |
||||
|
recStatusList: ['视频', '音频', 'PPT'], |
||||
|
bannersList: [], |
||||
|
banner: [], |
||||
|
title: '', |
||||
|
contentUrl: '', |
||||
|
intro: '', |
||||
|
times: '', |
||||
|
type: 1, |
||||
|
whetherShow: 0, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
this.getQueryMold(); |
||||
|
// this.from = this.editData |
||||
|
this.title = this.editData.title, |
||||
|
this.contentUrl = this.editData.contentUrl |
||||
|
this.intro = this.editData.intro |
||||
|
this.times = this.editData.times |
||||
|
this.type = this.editData.type |
||||
|
this.whetherShow = this.editData.whetherShow |
||||
|
this.fileList.push(this.editData.coverPicture) |
||||
|
console.log("======>collegeEdit",this.data) |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
// 删除fileList |
||||
|
deleteFileList(){ |
||||
|
console.log("进入事件") |
||||
|
this.fileList = [] |
||||
|
this.editData.picUrl = '' |
||||
|
}, |
||||
|
changeBirthday(date, dateString) { |
||||
|
// console.log(this.$moment(date._e).format('YYYY-MM-DD HH:mm:ss')); |
||||
|
this.times = this.$moment(date._e).format('YYYY-MM-DD HH:mm:ss'); |
||||
|
}, |
||||
|
onChangeBan(e) { |
||||
|
this.banner = e; |
||||
|
console.log(this.banner) |
||||
|
}, |
||||
|
// 上传图片事件 |
||||
|
handleChange(info) { |
||||
|
// this.fileList = fileList; |
||||
|
console.log(info); |
||||
|
if (info.file.status === 'done') { |
||||
|
this.fileList.push(info.file.response.data[0].id); |
||||
|
} else if (info.file.status === 'removed') { |
||||
|
this.fileList = info.fileList; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
async getQueryMold() { |
||||
|
try { |
||||
|
const res = await queryMold(); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.bannersList = data; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
}, |
||||
|
// 提交表单 |
||||
|
handleSubmit(e) { |
||||
|
e.preventDefault(); |
||||
|
this.form.validateFieldsAndScroll(async (err, values) => { |
||||
|
if (!err) { |
||||
|
if (this.fileList.length > 0 || this.editData.picUrl) { |
||||
|
try { |
||||
|
console.log("handleSubmit",values) |
||||
|
this.picId = this.fileList[0]; |
||||
|
const params = { |
||||
|
param: { |
||||
|
academyId: this.editData.academyId, |
||||
|
banners: this.banner, |
||||
|
contentUrl: values.contentUrl, |
||||
|
coverPicture: this.fileList[0] || this.editData.coverPicture, |
||||
|
intro: values.intro, |
||||
|
times: this.times, |
||||
|
title: values.title, |
||||
|
type: values.type, |
||||
|
whetherShow: values.whetherShow, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await academyUpdate(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$emit('getData'); |
||||
|
this.$emit('closeModal'); |
||||
|
this.$message.success('保存成功'); |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '添加失败'); |
||||
|
} |
||||
|
} else { |
||||
|
this.$message.error('请上传图片'); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,70 @@ |
|||||
|
<template> |
||||
|
<div class="pa-3 white fill-height d-flex flex-column"> |
||||
|
<teacher-search @getPageList="getPageList" /> |
||||
|
|
||||
|
<teacher-date :lists="lists" :pagination="pagination" @getPageList="getPageList" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import PageSearch from 'components/Page/PageSearch.vue'; |
||||
|
import TeacherDate from 'components/Teacher/TeacherDate.vue'; |
||||
|
import TeacherSearch from 'components/Teacher/TeacherSearch.vue'; |
||||
|
|
||||
|
import { selTeacher,findTeachH } from 'config/api'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'Teacher', |
||||
|
components: { |
||||
|
TeacherSearch, |
||||
|
TeacherDate |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
lists: [], |
||||
|
pagination: { current: 1, pageSize: 10 }, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
this.getPageList(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
/** |
||||
|
* 页面列表查询 |
||||
|
* @param { String } pageNum 页码 |
||||
|
* @param { String } pageSize 每页多少条 |
||||
|
* @param { String } titleCode 模块 |
||||
|
*/ |
||||
|
async getPageList(condition) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: (condition && condition.current) || 1, |
||||
|
pageSize: (condition && condition.pageSize) || 10, |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
const res = await findTeachH(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
console.log("selTeacher方法已经走到") |
||||
|
this.lists = data.list; |
||||
|
const paper = { ...this.pagination }; |
||||
|
paper.current = data.pageNum; |
||||
|
paper.total = +data.total; |
||||
|
paper.pageSize = data.pageSize; |
||||
|
this.pagination = paper; |
||||
|
} else { |
||||
|
throw msg || '获取失败'; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
Loading…
Reference in new issue