Skip to content

L
learn-online-pc
提交 1c5b6265 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

办事大厅页面及数据交互

上级 1ddff804
显示空白字符变更
内嵌 并排
正在显示 包含 956 行增加 和 58 行删除
client/client/components/services/api/report_api.js
浏览文件 @ 1c5b6265
...@@ -58,5 +58,32 @@ export default class ScoreAPI extends BaseAPI { ...@@ -58,5 +58,32 @@ export default class ScoreAPI extends BaseAPI {
* 参数同上 * 参数同上
*/ */
deleteSubmitReport = (rid, reid) => this.delete(`/v2/education/symposium/report/${reid}`, {}) deleteSubmitReport = (rid, reid) => this.delete(`/v2/education/symposium/report/${reid}`, {})
getDataList = () => this.get('/v2/lobby/affairs') /**
* 获取事务类型
*/
getAffairsType = () => this.get('/v2/lobby/affairs')
/**
* 获取事务类型
*/
getAffairsData = (obj = {}) => this.get('/v2/lobby/processes', obj)
/**
* 提交活动申请
* affair_id 活动名称
* symposium_name 活动时间
* symposium_contents 活动讲师
* symposium_attachments 活动内容
* symposium_time 活动附件
* symposium_address 活动地点
* symposium_lecturer
* 返回 {'flag' : true, 'errors' : []}
*/
submitLearning = (obj = {}) => this.post('/v2/lobby/processes', obj)
/* 删除事务 */
deleteAffairs = (reid) => this.delete(`/v2/lobby/processes/${reid}`, {})
/* 获取事务详情 */
getAffairsDetails = (rid) => this.get(`/v2/lobby/processes/${rid}`, {})
/* 修改事务 */
updateAffairs = (rid, obj = {}) => this.post(`/v2/lobby/processes/${rid}`, obj)
/* 重修图片提交 */
uploadFile = (obj = {}) => this.post('/v2/lobby/tools/upload', obj, { headers: { 'Content-Type': 'multipart/form-data' } })
} }
client/client/components/services/base_api.js
浏览文件 @ 1c5b6265
...@@ -120,7 +120,7 @@ export default class API { ...@@ -120,7 +120,7 @@ export default class API {
message: '已取消，将不再记录任何数据操作，除非重新登录' message: '已取消，将不再记录任何数据操作，除非重新登录'
}) })
}) })
} else if (data.status !== 200 && data.message && !data.code) { } else if (data.status !== 200 && data.message && !data.code && !data.success) {
err = new Error(data.message) err = new Error(data.message)
throw err throw err
} else { } else {
......
client/client/project/actions/ReportAction.js
浏览文件 @ 1c5b6265
...@@ -23,5 +23,18 @@ export default class ReportAction { ...@@ -23,5 +23,18 @@ export default class ReportAction {
updateSubmitReport (rid, reid, obj) { return reportApi.updateSubmitReport(rid, reid, obj).then(res => res) } updateSubmitReport (rid, reid, obj) { return reportApi.updateSubmitReport(rid, reid, obj).then(res => res) }
/* 删除学术报告 */ /* 删除学术报告 */
deleteSubmitReport (rid, reid) { return reportApi.deleteSubmitReport(rid, reid).then(res => res) } deleteSubmitReport (rid, reid) { return reportApi.deleteSubmitReport(rid, reid).then(res => res) }
getDataList () { return reportApi.getDataList().then(res => res) } /* 获取事务类型 */
getAffairsType () { return reportApi.getAffairsType().then(res => res) }
/* 获取事务列表内容 */
getAffairsData (obj) { return reportApi.getAffairsData(obj).then(res => res) }
/* 提交事务申请 */
submitLearning (obj) { return reportApi.submitLearning(obj).then(res => res) }
/* 删除事务 */
deleteAffairs (reid) { return reportApi.deleteAffairs(reid).then(res => res) }
/* 获取事务详情 */
getAffairsDetails (rid) { return reportApi.getAffairsDetails(rid).then(res => res) }
/* 修改事务 */
updateAffairs (rid, obj) { return reportApi.updateAffairs(rid, obj).then(res => res) }
/* 重修图片上传 */
uploadFile (obj) { return reportApi.uploadFile(obj).then(res => res) }
} }
client/client/project/components/module/mPage.vue
浏览文件 @ 1c5b6265
...@@ -66,7 +66,11 @@ export default { ...@@ -66,7 +66,11 @@ export default {
}).catch(e => { this.$message.error(e.message) }).finally(() => { loading.close() }) }).catch(e => { this.$message.error(e.message) }).finally(() => { loading.close() })
} }
}, },
beforeMount () { this.getList() }, beforeMount () {
setTimeout(() => {
this.getList()
}, 500)
},
watch: { watch: {
/* 解决 赋值后 会多请求一次接口问题 */ /* 解决 赋值后 会多请求一次接口问题 */
'params.total': { 'params.total': {
...@@ -84,6 +88,15 @@ export default { ...@@ -84,6 +88,15 @@ export default {
} }
}, },
deep: true deep: true
},
'objFn.paramsFn': {
handler () {
if (this.isWatch) {
this.getList()
} else {
this.isWatch = true
}
}
} }
} }
} }
......
client/client/project/components/module/tap.vue
浏览文件 @ 1c5b6265
...@@ -41,12 +41,17 @@ export default { ...@@ -41,12 +41,17 @@ export default {
methods: { methods: {
selFindSelect (e) { selFindSelect (e) {
let _data = e.currentTarget.dataset let _data = e.currentTarget.dataset
console.log(_data)
let index = _data.index let index = _data.index
let json = this.tapParam let json = this.tapParam
let i = _data.i let i = _data.i
json[i].selectIndex = index json[i].selectIndex = index
// json[i].isShow = false // json[i].isShow = false
this.$emit('tapIndex', index) let param = {
index: index,
id: _data.val
}
this.$emit('tapParam', param)
} }
} }
} }
......
client/client/project/pages/serviceHall/againAdd.vue 0 → 100644
浏览文件 @ 1c5b6265
<template>
<div>
<div class="con-title">重修申请</div>
<div class="con-box">
<el-button type="text" @click='gobackActiveList'>返回列表</el-button>
<el-row type="flex" justify="center">
<el-col :xs="24" :sm="24" :md="16" :lg="12" :xl="8">
<el-form ref="setApplyForm" :label-width="labelWidth" :model="setApply" :rules="applyRules">
<el-form-item label="姓名" prop="personal_name">
<el-input v-model="setApply.personal_name" placeholder="请输入您的姓名" type="text" />
</el-form-item>
<el-form-item label="班级" prop="class_name">
<el-input v-model="setApply.class_name" placeholder="请输入您的班级" type="text" />
</el-form-item>
<el-form-item label="挂科学期" prop="semester_name">
<el-input v-model="setApply.semester_name" placeholder="请输入您的挂科学期" type="text" />
</el-form-item>
<el-form-item label="重修课程" prop="course_name">
<el-input v-model="setApply.course_name" placeholder="请输入您的重修课程名称" type="text" />
</el-form-item>
<el-form-item label="上传缴费凭证" prop="file">
<el-upload
ref="upFile"
class="upload-demo"
list-type="picture-card"
action=""
:multiple="false"
:limit="1"
:on-change="handleChange"
:http-request="uploadFile"
:file-list="filesArr">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">长传图片.jpg,.jpeg,.png</div>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onApplyFrom">保存并提交</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
import cAction from '@actions'
export default {
props: {
rid: { type: String, required: false }
},
components: {},
data () {
return {
labelWidth: '110px',
setApply: {
personal_name: '',
class_name: '',
semester_name: '',
course_name: ''
},
applyRules: {
'personal_name': [
{ required: true, message: '请输入您的姓名', trigger: 'blur' }
],
'class_name': [
{ required: true, message: '请输入您的班级', trigger: 'blur' }
],
'semester_name': [
{ required: true, message: '请输入您的挂科学期', trigger: 'blur' }
],
'course_name': [
{ required: true, message: '请输入您的重修课程名称', trigger: 'blur' }
]
},
successFileUrl: '',
filesArr: [],
file: {
id: 'WU_FILE_0',
name: '',
type: '',
lastModifiedDate: '',
size: '',
file: ''
},
dialogImageUrl: '',
dialogVisible: false
}
},
created () {
this.affair_id = this.$route.query.id
},
mounted () {
if (this.rid !== '-1') {
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.reportAction.getReportActive(this.rid).then(data => {
if (data.symposium_name) {
this.setApply.name = data.symposium_name
this.setApply.time = data.symposium_time
this.setApply.author = data.symposium_lecturer
this.setApply.address = data.symposium_address
this.setApply.content = data.symposium_contents
this.successFileUrl = data.symposium_attachments
}
}).catch(e => { this.$message.error(e.message) }).finally(() => { loading.close() })
}
window.addEventListener('resize', () => {
let width = document.documentElement.clientWidth
if (width < 790) {
this.labelWidth = 'auto'
} else {
this.labelWidth = '110px'
}
})
},
methods: {
handleChange (file, filelist) {
this.file.name = file.raw.name
this.file.type = file.raw.type
this.file.lastModifiedDate = file.raw.lastModifiedDate
this.file.size = file.raw.size
this.file.file = file.raw
},
uploadFile () {
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.reportAction.uploadFile(this.file).then(data => {
this.successFileUrl = data.url
// this.filesArr.pop()
}).catch(e => { this.filesArr.pop(); this.$message.error(e.message) }).finally(() => { loading.close() })
},
handlePictureCardPreview (file) {
this.dialogImageUrl = file.url
this.dialogVisible = true
},
gobackActiveList () {
this.$router.push({ path: `/app/service-hall/hall` })
},
onApplyFrom () {
this.$refs['setApplyForm'].validate((valid) => {
if (valid) {
if (!this.successFileUrl) {
this.$message.error('请上传缴费凭证')
return
// this.$refs['setApplyForm'].resetFields()
}
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
let reportActive = null
if (this.rid !== '-1') {
/* 修改 */
reportActive = cAction.reportAction.submitLearning(this.rid, {
symposium_name: this.setApply.name,
symposium_time: this.setApply.time,
symposium_lecturer: this.setApply.author,
symposium_address: this.setApply.address,
symposium_contents: this.setApply.content,
symposium_attachments: this.successFileUrl
})
} else {
/* 新建 */
reportActive = cAction.reportAction.submitLearning({
affair_id: this.affair_id,
personal_name: this.setApply.personal_name,
class_name: this.setApply.class_name,
semester_name: this.setApply.semester_name,
course_name: this.setApply.course_name,
payment_instrument: this.successFileUrl
})
}
reportActive.then(data => {
if (data.success) {
this.$message({ type: 'success', message: '提交成功' })
setTimeout(() => {
this.$router.push({ path: `/app/service-hall/hall` })
}, 500)
}
}).catch(e => { this.filesArr.pop(); this.$message.error(e.message) }).finally(() => { loading.close() })
} else {
this.$message.error('请检查输入项，确认无误后，重新提交')
return false
}
})
}
}
}
</script>
<style lang="scss" scoped>
/* 申请 */
.el-date-editor.el-input {
width: 100%;
}
.el-upload__tip {
line-height: 1.5;
}
</style>
client/client/project/pages/serviceHall/hall.vue
浏览文件 @ 1c5b6265
<template> <template>
<div> <div>
<div class="con-title">办事大厅</div> <div class="con-title">
<Tap :tapParam='tapParam' @tapIndex='tapIndexs'></Tap> <div>办事大厅</div>
<div @click="goMyApply">我的申请</div>
</div>
<Tap :tapParam='tapParam' @tapParam='tapIndexs'></Tap>
<div class="con-box"> <div class="con-box">
<el-button type="primary" v-show="tapIndex==0">申请新的活动</el-button> <el-button type="primary" v-show="tapIndex==0" @click="golearningAdd(0)">申请新的活动</el-button>
<el-button type="primary" v-show="tapIndex==1">申请新乐分享</el-button> <el-button type="primary" v-show="tapIndex==1" @click="golearningAdd(1)">申请新乐分享</el-button>
<el-button type="primary" v-show="tapIndex==2">申请重修</el-button> <el-button type="primary" v-show="tapIndex==2" @click="golearningAdd(2)">申请重修</el-button>
<!-- <el-button style="float:right;" type="text" @click='gobackReportList'>返回报告列表</el-button> --> <!-- <el-button style="float:right;" type="text" @click='gobackReportList'>返回报告列表</el-button> -->
<div style="width: 100%; height: 0.2rem;"></div> <div style="width: 100%; height: 0.2rem;"></div>
<m-page <m-page
...@@ -38,46 +41,106 @@ export default { ...@@ -38,46 +41,106 @@ export default {
selectIndex: 0, selectIndex: 0,
key: 'cc', key: 'cc',
arrItem: [ arrItem: [
{ val: '1', name: '学术活动' }, // { val: '1', name: '学术活动' },
{ val: '2', name: '乐分享' }, // { val: '2', name: '乐分享' },
{ val: '3', name: '重修' } // { val: '3', name: '重修' }
] ]
}], }],
// 学术活动 // 学术活动
tableConfig: { border: '', size: '', selection: { has: false, sels: [], width: '50px', fix: 'left', align: '' } }, // 增加选择框，has设置为true tableConfig: { border: '', size: '', selection: { has: false, sels: [], width: '50px', fix: 'left', align: '' } }, // 增加选择框，has设置为true
tableHead: [], tableHead: [],
tableData: [], tableData: [],
params: { keywords: '', curPage: 1, pageSize: 100, total: '' }, dataParam: 1,
objFn: { params: {},
paramsFn: (_this) => { return {} }, // params: { keywords: '', curPage: 1, pageSize: 5, total: '' },
nameAPI: 'getReportActiveList', objFn: {}
// 音分享
}
},
beforeDestroy () {
this.VueEvent.$off('command-tablelist-x')
},
mounted () {
this.getTapData()
this.VueEvent.$on('command-tablelist-x', (_obj) => {
if (_obj.command.command === 'activelist-show') {
let rid = _obj.tableData[_obj.index - 1].id
this.$router.push({ path: `/app/my-learn/report-list-all/${rid}` })
}
if (_obj.command.command === 'activereport-add') {
let syid = _obj.tableData[_obj.index - 1].id
this.$router.push({ path: `/app/my-learn/report-submit/${syid}/-1` })
}
if (_obj.command.command === 'activelist-edit') {
let rid = _obj.tableData[_obj.index - 1].id
this.$router.push({ path: `/app/service-hall/learning-add/${rid}`, query: { id: this.tapParam[0].arrItem[this.tapIndex].val } })
}
if (_obj.command.command === 'activelist-delete') {
let rid = _obj.tableData[_obj.index - 1].id
/* 删除 */
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.reportAction.deleteAffairs(rid).then(data => {
if (data.success) {
this.$message({ type: 'success', message: '删除成功' })
this.setmPage()
}
}).catch(e => { this.$message.error(e.message) }).finally(() => { loading.close() })
}
})
},
methods: {
setmPage () {
this.objFn = {
paramsFn: (_this) => { return { affair_id: this.dataParam } },
nameAPI: 'getAffairsData',
actionClass: 'reportAction', actionClass: 'reportAction',
// nameExcel: 'getStatSummaryExcel', // nameExcel: 'getStatSummaryExcel',
nameExcel: 'getExportExcel3_4_14', nameExcel: 'getExportExcel3_4_14',
callback: (_this, data) => { callback: (_this, data) => {
_this.params.total = 100 // _this.params.total = data.length
data.forEach((elem, i) => { data.forEach((elem, i) => {
elem.approve_status = elem.approve_status === 1 ? '通过' : (elem.approve_status === 0 ? '未通过' : '未审核') // 0 未通过；1 通过；2 未审核 let datas = {}
elem.index = i + 1 + (_this.params.curPage - 1) * _this.params.pageSize datas.approve_status = elem.status = elem.status === 1 || elem.status === 2 || elem.status === 4 ? '通过' : (elem.status === 0 || elem.status === 3 ? '未通过' : '未审核') // 0 未通过；1 通过；2 未审核
elem.reportscount = Number(elem.reportscount || '0') // datas.index = elem.index = i + 1 + (_this.params.curPage - 1) * _this.params.pageSize
_this.tableData.push(elem) datas.index = i + 1
}) datas.reportscount = elem.reportscount = Number(elem.reportscount || '0')
datas.approve_time = elem.apply_time
if (parseInt(this.tapIndex) === 0) {
// datas.approve_status = elem.approve_status = elem.approve_status === 1 ? '通过' : (elem.approve_status === 0 ? '未通过' : '未审核') // 0 未通过；1 通过；2 未审核
// datas.index = elem.index = i + 1 + (_this.params.curPage - 1) * _this.params.pageSize
// datas.reportscount = elem.reportscount = Number(elem.reportscount || '0')
datas.symposium_name = elem.form.symposium_name
datas.symposium_time = elem.form.symposium_time
datas.symposium_lecturer = elem.form.symposium_lecturer
datas.id = elem.id
} else if (parseInt(this.tapIndex) === 1) {
datas.personal_name = elem.form.personal_name
datas.trade_name = elem.form.trade_name
datas.age = elem.form.age
datas.class_name = elem.form.class_name
datas.telephone = elem.form.telephone
datas.sharing_theme = elem.form.sharing_theme
datas.remark1 = elem.remark1
} else {
datas.personal_name = elem.form.personal_name
datas.payment_instrument = elem.form.payment_instrument
datas.semester_name = elem.form.semester_name
datas.class_name = elem.form.class_name
datas.course_name = elem.form.course_name
datas.remark1 = elem.remark1
} }
_this.tableData.push(datas)
})
} }
// 音分享
} }
}, },
mounted () { tapIndexs (data) {
this.getInfo(0) this.tapIndex = data.index
this.getTapData() this.getData(data)
},
methods: {
tapIndexs (index) {
this.tapIndex = index
this.getInfo(index)
}, },
getInfo (index) { getData (data) {
let n = parseInt(index) let n = parseInt(data.index)
this.dataParam = data.id
switch (n) { switch (n) {
case 0: case 0:
this.tableHead = [ this.tableHead = [
...@@ -94,38 +157,65 @@ export default { ...@@ -94,38 +157,65 @@ export default {
case 1: case 1:
this.tableHead = [ this.tableHead = [
{ prop: 'index', label: '序号', minWidth: '80', fix: true }, { prop: 'index', label: '序号', minWidth: '80', fix: true },
{ prop: 'symposium_name', label: '分享主题', minWidth: '150', fix: false }, { prop: 'sharing_theme', label: '分享主题', minWidth: '150', fix: false },
{ prop: 'symposium_time', label: '班级', minWidth: '80', fix: false }, { prop: 'class_name', label: '班级', minWidth: '80', fix: false },
{ prop: 'symposium_lecturer', label: '申请人', minWidth: '80', fix: false }, { prop: 'personal_name', label: '申请人', minWidth: '80', fix: false },
{ prop: 'approve_status', label: '电话', minWidth: '120', fix: false }, { prop: 'telephone', label: '电话', minWidth: '120', fix: false },
{ prop: 'approve_time', label: '审核状态', minWidth: '80', fix: false }, { prop: 'approve_status', label: '审核状态', minWidth: '80', fix: false },
{ prop: 'approve_time', label: '审核时间', minWidth: '200', fix: false }, { prop: 'approve_time', label: '审核时间', minWidth: '200', fix: false },
{ prop: 'operate-x', label: '备注', width: '120', fix: false } { prop: 'remark1', label: '备注', minWidth: '120', fix: false }
] ]
break break
case 2: case 2:
this.tableHead = [ this.tableHead = [
{ prop: 'index', label: '序号', minWidth: '80', fix: false }, { prop: 'index', label: '序号', minWidth: '80', fix: false },
{ prop: 'symposium_name', label: '班级', minWidth: '150', fix: false }, { prop: 'semester_name', label: '学期', minWidth: '150', fix: false },
{ prop: 'symposium_time', label: '课程', minWidth: '80', fix: false }, { prop: 'class_name', label: '班级', minWidth: '80', fix: false },
{ prop: 'symposium_lecturer', label: '审核状态', minWidth: '80', fix: false }, { prop: 'course_name', label: '课程', minWidth: '80', fix: false },
{ prop: 'approve_status', label: '审核状态', minWidth: '80', fix: false },
{ prop: 'approve_time', label: '审核时间', minWidth: '120', fix: false }, { prop: 'approve_time', label: '审核时间', minWidth: '120', fix: false },
{ prop: 'operate-x', label: '备注', width: '120', fix: false } { prop: 'remark1', label: '备注', minWidth: '120', fix: false }
] ]
break break
} }
this.setmPage()
}, },
getTapData () { getTapData () {
cAction.reportAction.getDataList().then(data => { // 获取事务类型 tap切换
console.log('------------', data) cAction.reportAction.getAffairsType().then(data => {
for (let i = 0; i < data.length; i++) {
this.tapParam[0].arrItem.push(
{ val: data[i].id, name: data[i].affair_name }
)
}
let param = {
id: this.tapParam[0].arrItem[0].val,
index: 0
}
this.getData(param)
}).catch(e => { }).catch(e => {
this.$message.error(e.message) this.$message.error(e.message)
}) })
},
golearningAdd (n) {
if (n === 0) {
this.$router.push({ path: `/app/service-hall/learning-add/-1`, query: { id: this.tapParam[0].arrItem[this.tapIndex].val } })
} else if (n === 1) {
this.$router.push({ path: `/app/service-hall/share-add/-1`, query: { id: this.tapParam[0].arrItem[this.tapIndex].val } })
} else {
this.$router.push({ path: `/app/service-hall/again-add/-1`, query: { id: this.tapParam[0].arrItem[this.tapIndex].val } })
}
},
goMyApply () {
this.$router.push({ path: `/app/service-hall/my-apply` })
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.con-title{
display: flex;
justify-content:space-between
}
</style> </style>
\ No newline at end of file
client/client/project/pages/serviceHall/learningAdd.vue 0 → 100644
浏览文件 @ 1c5b6265
<template>
<div>
<div class="con-title">学术活动申请</div>
<div class="con-box">
<el-button type="text" @click='gobackActiveList'>返回列表</el-button>
<el-row type="flex" justify="center">
<el-col :xs="24" :sm="24" :md="16" :lg="12" :xl="8">
<el-form ref="setApplyForm" :label-width="labelWidth" :model="setApply" :rules="applyRules">
<el-form-item label="学术活动名称" prop="name">
<el-input v-model="setApply.name" placeholder="请输入活动名称" type="text" />
</el-form-item>
<el-form-item label="学术活动时间" prop="time">
<el-date-picker v-model="setApply.time" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" type="datetime" />
</el-form-item>
<el-form-item label="主 讲 人" prop="author">
<el-input v-model="setApply.author" placeholder="请输入主讲人" type="text" />
</el-form-item>
<el-form-item label="学术活动地址" prop="address">
<el-input v-model="setApply.address" placeholder="请输入活动地址" type="text" />
</el-form-item>
<el-form-item label="学术活动内容" prop="content">
<el-input v-model="setApply.content" maxlength="50" placeholder="请输入活动内容" type="textarea" :autosize="{ minRows: 5 }" />
</el-form-item>
<!-- <el-form-item label="附 件" prop="file">
<el-upload
ref="upFile"
class="upload-demo"
action=""
:multiple="false"
:limit="1"
:show-file-list="false"
:on-change="handleChange"
:http-request="uploadFile"
:file-list="filesArr">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">（可以上传 word、ppt、png、jpg、zip、rar等资源）<a href="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/build/learn-mba/%E3%80%8AMBA%E5%AD%A6%E7%94%9F%E5%AD%A6%E6%9C%AF%E6%B4%BB%E5%8A%A8%E7%94%B3%E8%AF%B7%E6%8A%A5%E5%91%8A%E3%80%8B%E6%A8%A1%E6%9D%BFXXX%E5%AD%A6%E7%94%9F.docx">模板下载</a></div>
<template v-if="successFileUrl">
{{successFileUrl.replace(/.*\/([^\/]*\.[^.]+)$/gi, '$1')}}
</template>
</el-upload>
<template v-if="successFileUrl">
<a :href="successFileUrl">下载已上传附件</a>
</template>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="onApplyFrom">保存并提交</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
import cAction from '@actions'
export default {
props: {
rid: { type: String, required: false }
},
components: {},
data () {
return {
labelWidth: '110px',
setApply: {
name: '',
time: '',
author: '',
address: '',
content: '',
affair_id: ''
},
applyRules: {
'name': [
{ required: true, message: '活动名称不能为空', trigger: 'blur' }
],
'time': [
{ required: true, message: '活动时间不能为空', trigger: 'blur' }
],
'author': [
{ required: true, message: '主讲人不能为空', trigger: 'blur' }
],
'address': [
{ required: true, message: '学术活动地址不能为空', trigger: 'blur' }
],
'content': [
{ required: true, message: '活动内容不能为空', trigger: 'blur' }
]
},
successFileUrl: '',
filesArr: [],
file: {
id: 'WU_FILE_0',
name: '',
type: '',
lastModifiedDate: '',
size: '',
file: ''
}
}
},
mounted () {
this.affair_id = this.$route.query.id
console.log('------', this.affair_id)
if (this.rid !== '-1') {
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.reportAction.getAffairsDetails(this.rid).then(data => {
console.log(data)
if (data.form.symposium_name) {
this.setApply.name = data.form.symposium_name
this.setApply.time = data.form.symposium_time
this.setApply.author = data.form.symposium_lecturer
this.setApply.address = data.form.symposium_address
this.setApply.content = data.form.symposium_contents
}
}).catch(e => { this.$message.error(e.message) }).finally(() => { loading.close() })
}
window.addEventListener('resize', () => {
let width = document.documentElement.clientWidth
if (width < 790) {
this.labelWidth = 'auto'
} else {
this.labelWidth = '110px'
}
})
},
methods: {
handleChange (file, filelist) {
this.file.name = file.raw.name
this.file.type = file.raw.type
this.file.lastModifiedDate = file.raw.lastModifiedDate
this.file.size = file.raw.size
this.file.file = file.raw
},
uploadFile () {
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.chapterAction.uploadFile(this.file).then(data => {
this.successFileUrl = data.url
this.filesArr.pop()
}).catch(e => { this.filesArr.pop(); this.$message.error(e.message) }).finally(() => { loading.close() })
},
gobackActiveList () {
this.$router.push({ path: `/app/service-hall/hall` })
},
onApplyFrom () {
this.$refs['setApplyForm'].validate((valid) => {
if (valid) {
// if (!this.successFileUrl) {
// this.$message.error('请上传附件')
// return
// // this.$refs['setApplyForm'].resetFields()
// }
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
let reportActive = null
if (this.rid !== '-1') {
/* 修改 */
reportActive = cAction.reportAction.updateAffairs(this.rid, {
affair_id: this.affair_id,
symposium_name: this.setApply.name,
symposium_time: this.setApply.time,
symposium_lecturer: this.setApply.author,
symposium_address: this.setApply.address,
symposium_contents: this.setApply.content,
symposium_attachments: this.successFileUrl
})
} else {
/* 新建 */
reportActive = cAction.reportAction.submitLearning({
affair_id: this.affair_id,
symposium_name: this.setApply.name,
symposium_time: this.setApply.time,
symposium_lecturer: this.setApply.author,
symposium_address: this.setApply.address,
symposium_contents: this.setApply.content,
symposium_attachments: this.successFileUrl
})
}
reportActive.then(data => {
if (data.success) {
this.$message({ type: 'success', message: '提交成功' })
setTimeout(() => {
this.$router.push({ path: `/app/service-hall/hall` })
}, 500)
}
}).catch(e => { this.filesArr.pop(); this.$message.error(e.message) }).finally(() => { loading.close() })
} else {
this.$message.error('请检查输入项，确认无误后，重新提交')
return false
}
})
}
}
}
</script>
<style lang="scss" scoped>
/* 申请 */
.el-date-editor.el-input {
width: 100%;
}
.el-upload__tip {
line-height: 1.5;
}
</style>
client/client/project/pages/serviceHall/myApply.vue 0 → 100644
浏览文件 @ 1c5b6265
<template>
<div class="con-boxs">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item>
<el-input v-model="formInline.user" placeholder="请输入申请的事项"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
<el-card class="box-card" shadow="never">
<div slot="header" class="clearfix">
<span>进行中的</span>
</div>
<template>
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="date"
label="序号">
</el-table-column>
<el-table-column
prop="name"
label="事项">
</el-table-column>
<el-table-column
prop="address"
label="提交人">
</el-table-column>
<el-table-column
prop="address"
label="提交人班级">
</el-table-column>
<el-table-column
prop="address"
label="提交时间">
</el-table-column>
<el-table-column
prop="address"
label="审批结果">
</el-table-column>
<el-table-column
prop="address"
label="审批时间">
</el-table-column>
</el-table>
</template>
</el-card>
<el-card class="box-card cardmar" shadow="never">
<div slot="header" class="clearfix">
<span>已完成</span>
</div>
<template>
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="date"
label="序号">
</el-table-column>
<el-table-column
prop="name"
label="事项">
</el-table-column>
<el-table-column
prop="address"
label="提交人">
</el-table-column>
<el-table-column
prop="address"
label="提交人班级">
</el-table-column>
<el-table-column
prop="address"
label="提交时间">
</el-table-column>
<el-table-column
prop="address"
label="审批结果">
</el-table-column>
<el-table-column
prop="address"
label="审批时间">
</el-table-column>
</el-table>
</template>
</el-card>
</div>
</template>
<script>
export default {
data () {
return {
formInline: {
user: '',
region: ''
},
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}]
}
},
methods: {
onSubmit () {
console.log('submit!')
}
}
}
</script>
<style lang="scss" scoped>
.con-boxs{
margin: 0.3rem;
padding: 0.3rem 0.3rem 0.15rem 0.3rem;
background: #ffffff;
overflow: hidden;
position: relative;
.min-title{
line-height: 30px;
margin-top: 20px;
}
.cardmar{
margin-top: 20px;
}
}
</style>
\ No newline at end of file
client/client/project/pages/serviceHall/shareAdd.vue 0 → 100644
浏览文件 @ 1c5b6265
<template>
<div>
<div class="con-title">乐分享申请</div>
<div class="con-box">
<el-button type="text" @click='gobackActiveList'>返回列表</el-button>
<el-row type="flex" justify="center">
<el-col :xs="24" :sm="24" :md="16" :lg="12" :xl="8">
<el-form ref="setApplyForm" :label-width="labelWidth" :model="setApply" :rules="applyRules">
<el-form-item label="姓名" prop="personal_name">
<el-input v-model="setApply.personal_name" placeholder="请输入您的姓名" type="text" />
</el-form-item>
<el-form-item label="行业" prop="trade_name">
<el-input v-model="setApply.trade_name" placeholder="请输入您的行业" type="text" />
</el-form-item>
<el-form-item label="年龄" prop="age">
<el-input v-model="setApply.age" placeholder="请输入您的年龄" type="text" />
</el-form-item>
<el-form-item label="班级" prop="class_name">
<el-input v-model="setApply.class_name" placeholder="请输入您的班级" type="text" />
</el-form-item>
<el-form-item label="电话" prop="telephone">
<el-input v-model="setApply.telephone" placeholder="请输入您的电话" type="text" />
</el-form-item>
<el-form-item label="分享主题" prop="sharing_theme">
<el-input v-model="setApply.sharing_theme" placeholder="请输入分享主题" type="text" />
</el-form-item>
<!-- <el-form-item label="附 件" prop="file">
<el-upload
ref="upFile"
class="upload-demo"
action=""
:multiple="false"
:limit="1"
:show-file-list="false"
:on-change="handleChange"
:http-request="uploadFile"
:file-list="filesArr">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">（可以上传 word、ppt、png、jpg、zip、rar等资源）<a href="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/build/learn-mba/%E3%80%8AMBA%E5%AD%A6%E7%94%9F%E5%AD%A6%E6%9C%AF%E6%B4%BB%E5%8A%A8%E7%94%B3%E8%AF%B7%E6%8A%A5%E5%91%8A%E3%80%8B%E6%A8%A1%E6%9D%BFXXX%E5%AD%A6%E7%94%9F.docx">模板下载</a></div>
<template v-if="successFileUrl">
{{successFileUrl.replace(/.*\/([^\/]*\.[^.]+)$/gi, '$1')}}
</template>
</el-upload>
<template v-if="successFileUrl">
<a :href="successFileUrl">下载已上传附件</a>
</template>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="onApplyFrom">保存并提交</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
import cAction from '@actions'
export default {
props: {
rid: { type: String, required: false }
},
components: {},
data () {
return {
labelWidth: '110px',
setApply: {
personal_name: '',
trade_name: '',
age: '',
class_name: '',
telephone: '',
sharing_theme: '',
affair_id: ''
},
applyRules: {
'personal_name': [
{ required: true, message: '请输入您的姓名', trigger: 'blur' }
],
'trade_name': [
{ required: true, message: '请输入您的行业', trigger: 'blur' }
],
'age': [
{ required: true, message: '请输入您的年龄', trigger: 'blur' }
],
'class_name': [
{ required: true, message: '请输入您的班级', trigger: 'blur' }
],
'telephone': [
{ required: true, message: '请输入您的电话', trigger: 'blur' }
],
'sharing_theme': [
{ required: true, message: '请输入分享主题', trigger: 'blur' }
]
},
successFileUrl: '',
filesArr: [],
file: {
id: 'WU_FILE_0',
name: '',
type: '',
lastModifiedDate: '',
size: '',
file: ''
}
}
},
created () {
this.affair_id = this.$route.query.id
},
mounted () {
if (this.rid !== '-1') {
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.reportAction.getReportActive(this.rid).then(data => {
if (data.symposium_name) {
this.setApply.name = data.symposium_name
this.setApply.time = data.symposium_time
this.setApply.author = data.symposium_lecturer
this.setApply.address = data.symposium_address
this.setApply.content = data.symposium_contents
this.successFileUrl = data.symposium_attachments
}
}).catch(e => { this.$message.error(e.message) }).finally(() => { loading.close() })
}
window.addEventListener('resize', () => {
let width = document.documentElement.clientWidth
if (width < 790) {
this.labelWidth = 'auto'
} else {
this.labelWidth = '110px'
}
})
},
methods: {
handleChange (file, filelist) {
this.file.name = file.raw.name
this.file.type = file.raw.type
this.file.lastModifiedDate = file.raw.lastModifiedDate
this.file.size = file.raw.size
this.file.file = file.raw
},
uploadFile () {
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
cAction.chapterAction.uploadFile(this.file).then(data => {
this.successFileUrl = data.url
this.filesArr.pop()
}).catch(e => { this.filesArr.pop(); this.$message.error(e.message) }).finally(() => { loading.close() })
},
gobackActiveList () {
this.$router.push({ path: `/app/service-hall/hall` })
},
onApplyFrom () {
this.$refs['setApplyForm'].validate((valid) => {
if (valid) {
// if (!this.successFileUrl) {
// this.$message.error('请上传附件')
// return
// // this.$refs['setApplyForm'].resetFields()
// }
const loading = this.$loading({ lock: true, text: '', spinner: '', background: 'rgba(255, 255, 255, 0.9)' })
let reportActive = null
if (this.rid !== '-1') {
/* 修改 */
reportActive = cAction.reportAction.submitLearning(this.rid, {
symposium_name: this.setApply.name,
symposium_time: this.setApply.time,
symposium_lecturer: this.setApply.author,
symposium_address: this.setApply.address,
symposium_contents: this.setApply.content,
symposium_attachments: this.successFileUrl
})
} else {
/* 新建 */
reportActive = cAction.reportAction.submitLearning({
affair_id: this.affair_id,
personal_name: this.setApply.personal_name,
trade_name: this.setApply.trade_name,
age: this.setApply.age,
class_name: this.setApply.class_name,
telephone: this.setApply.telephone,
sharing_theme: this.setApply.sharing_theme
})
}
reportActive.then(data => {
if (data.success) {
this.$message({ type: 'success', message: '提交成功' })
setTimeout(() => {
this.$router.push({ path: `/app/service-hall/hall` })
}, 500)
}
}).catch(e => { this.filesArr.pop(); this.$message.error(e.message) }).finally(() => { loading.close() })
} else {
this.$message.error('请检查输入项，确认无误后，重新提交')
return false
}
})
}
}
}
</script>
<style lang="scss" scoped>
/* 申请 */
.el-date-editor.el-input {
width: 100%;
}
.el-upload__tip {
line-height: 1.5;
}
</style>
client/client/project/router/routes.js
浏览文件 @ 1c5b6265
...@@ -63,16 +63,6 @@ export default [ ...@@ -63,16 +63,6 @@ export default [
{ path: 'message', component: () => import('../pages/myGrade/message.vue') } { path: 'message', component: () => import('../pages/myGrade/message.vue') }
] ]
}, },
{
path: 'my-grade',
redirect: 'error/404',
component: container,
children: [
{ path: 'credit', component: () => import('../pages/myGrade/credit.vue') },
{ path: 'rebuild', component: () => import('../pages/myGrade/rebuild.vue') },
{ path: 'message', component: () => import('../pages/myGrade/message.vue') }
]
},
{ {
path: 'account', path: 'account',
redirect: 'error/404', redirect: 'error/404',
...@@ -89,7 +79,11 @@ export default [ ...@@ -89,7 +79,11 @@ export default [
redirect: 'error/404', redirect: 'error/404',
component: container, component: container,
children: [ children: [
{ path: 'hall', component: () => import('../pages/serviceHall/hall.vue') } { path: 'hall', component: () => import('../pages/serviceHall/hall.vue') },
{ path: 'learning-add/:rid', component: () => import('../pages/serviceHall/learningAdd.vue'), props: true },
{ path: 'share-add/:rid', component: () => import('../pages/serviceHall/shareAdd.vue'), props: true },
{ path: 'again-add/:rid', component: () => import('../pages/serviceHall/againAdd.vue'), props: true },
{ path: 'my-apply', component: () => import('../pages/serviceHall/myApply.vue'), props: true }
] ]
} }
] ]
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论