18 changed files with 1180 additions and 119 deletions
@ -0,0 +1,27 @@ |
|||||||
|
import request from '@/utils/request' |
||||||
|
|
||||||
|
export function add(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseCategory', |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function del(ids) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseCategory/', |
||||||
|
method: 'delete', |
||||||
|
data: ids |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function edit(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseCategory', |
||||||
|
method: 'put', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export default { add, edit, del } |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
import request from '@/utils/request' |
||||||
|
|
||||||
|
export function add(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseMaster', |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function del(ids) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseMaster/', |
||||||
|
method: 'delete', |
||||||
|
data: ids |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function edit(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseMaster', |
||||||
|
method: 'put', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export default { add, edit, del } |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
import request from '@/utils/request' |
||||||
|
|
||||||
|
export function add(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseMaster', |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function del(ids) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseMaster/', |
||||||
|
method: 'delete', |
||||||
|
data: ids |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function edit(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/CourseMaster', |
||||||
|
method: 'put', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function moveMembers(data) { |
||||||
|
return request({ |
||||||
|
url: 'api/member/moveMembers', |
||||||
|
method: 'POST', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export default { add, edit, del, moveMembers } |
||||||
@ -0,0 +1,199 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container"> |
||||||
|
<!--工具栏--> |
||||||
|
<div class="head-container"> |
||||||
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
||||||
|
<crudOperation :permission="permission" /> |
||||||
|
<!--表单组件--> |
||||||
|
<el-dialog |
||||||
|
:close-on-click-modal="false" |
||||||
|
:before-close="crud.cancelCU" |
||||||
|
:visible.sync="crud.status.cu > 0" |
||||||
|
:title="crud.status.title" |
||||||
|
width="500px" |
||||||
|
> |
||||||
|
<el-form |
||||||
|
ref="form" |
||||||
|
:model="form" |
||||||
|
:rules="rules" |
||||||
|
size="small" |
||||||
|
label-width="80px" |
||||||
|
> |
||||||
|
<el-form-item style="" label="上级分类" prop="pid"> |
||||||
|
<treeselect v-model="form.parentId" :options="depts" style="width: 370px;" placeholder="选择上级分类" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="分类名称" prop="categoryName"> |
||||||
|
<el-input v-model="form.categoryName" style="width: 370px" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="分类简介"> |
||||||
|
<el-input type="textarea" v-model="form.categoryDetails" style="width: 370px" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
||||||
|
<el-button |
||||||
|
:loading="crud.cu === 2" |
||||||
|
type="primary" |
||||||
|
@click="crud.submitCU" |
||||||
|
>确认</el-button |
||||||
|
> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<!--表格渲染--> |
||||||
|
<el-table |
||||||
|
ref="table" |
||||||
|
v-loading="crud.loading" |
||||||
|
:data="crud.data" |
||||||
|
size="small" |
||||||
|
style="width: 100%" |
||||||
|
@selection-change="crud.selectionChangeHandler" |
||||||
|
row-key="id" |
||||||
|
:tree-props="{children: 'categoryList', hasChildren: 'hasChildren'}" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55" /> |
||||||
|
<!-- <el-table-column v-if="columns.visible('id')" prop="id" label="id" /> --> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('categoryName')" |
||||||
|
prop="categoryName" |
||||||
|
label="分类名称" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('categoryDetails')" |
||||||
|
prop="categoryDetails" |
||||||
|
label="分类简介" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('createTime')" |
||||||
|
prop="createTime" |
||||||
|
label="创建时间" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ parseTime(scope.row.createTime) }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
v-permission="['admin', 'CourseCategory:edit', 'CourseCategory:del']" |
||||||
|
label="操作" |
||||||
|
width="150px" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<udOperation :data="scope.row" :permission="permission" /> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<!--分页组件--> |
||||||
|
<pagination /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import crudCourseCategory from "@/api/CourseCategory"; |
||||||
|
import CRUD, { presenter, header, form, crud } from "@crud/crud"; |
||||||
|
import rrOperation from "@crud/RR.operation"; |
||||||
|
import crudOperation from "@crud/CRUD.operation"; |
||||||
|
import udOperation from "@crud/UD.operation"; |
||||||
|
import pagination from "@crud/Pagination"; |
||||||
|
import MaterialList from "@/components/material"; |
||||||
|
import Treeselect from '@riophae/vue-treeselect' |
||||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||||
|
import { initData } from '@/api/data' |
||||||
|
// crud交由presenter持有 |
||||||
|
const defaultCrud = CRUD({ |
||||||
|
title: "课程分类", |
||||||
|
url: "api/CourseCategory", |
||||||
|
sort: "id,desc", |
||||||
|
crudMethod: { ...crudCourseCategory }, |
||||||
|
}); |
||||||
|
const defaultForm = { |
||||||
|
id: null, |
||||||
|
categoryName: null, |
||||||
|
sort: null, |
||||||
|
isDel: null, |
||||||
|
createTime: null, |
||||||
|
updateTime: null, |
||||||
|
categoryDetails: null, |
||||||
|
}; |
||||||
|
export default { |
||||||
|
name: "CourseCategory", |
||||||
|
components: { |
||||||
|
pagination, |
||||||
|
crudOperation, |
||||||
|
rrOperation, |
||||||
|
udOperation, |
||||||
|
MaterialList, |
||||||
|
Treeselect |
||||||
|
}, |
||||||
|
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()], |
||||||
|
data() { |
||||||
|
return { |
||||||
|
permission: { |
||||||
|
add: ["admin", "CourseCategory:add"], |
||||||
|
edit: ["admin", "CourseCategory:edit"], |
||||||
|
del: ["admin", "CourseCategory:del"], |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
categoryName: [ |
||||||
|
{ required: true, message: "分类名称不能为空", trigger: "blur" }, |
||||||
|
], |
||||||
|
}, |
||||||
|
depts:[], |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: {}, |
||||||
|
methods: { |
||||||
|
// 获取数据前设置好接口地址 |
||||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||||
|
return true; |
||||||
|
}, // 新增与编辑前做的操作 |
||||||
|
[CRUD.HOOK.afterToCU](crud, form) { |
||||||
|
initData('/api/CourseCategory',{ |
||||||
|
page: 1, |
||||||
|
size: 100, |
||||||
|
sort: ['id,desc'], |
||||||
|
}).then((res)=>{ |
||||||
|
console.log(res) |
||||||
|
// this.categoryList = res.content |
||||||
|
this.depts = [] |
||||||
|
const dept = { id: 0, label: '顶级类目', children: [] } |
||||||
|
res.content.forEach((item)=>{ |
||||||
|
item.label = item.categoryName |
||||||
|
item.children = item.categoryList |
||||||
|
item.categoryList.forEach((child)=>{ |
||||||
|
child.label = child.categoryName |
||||||
|
child.children = child.categoryList |
||||||
|
}) |
||||||
|
}) |
||||||
|
dept.children = res.content |
||||||
|
this.depts.push(dept) |
||||||
|
}) |
||||||
|
// 获取所有部门 |
||||||
|
// crudCyCourse.getCates({ isShow: true }).then(res => { |
||||||
|
// this.depts = [] |
||||||
|
// const dept = { id: 0, label: '顶级类目', children: [] } |
||||||
|
// dept.children = res.content |
||||||
|
// this.depts.push(dept) |
||||||
|
// }) |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.table-img { |
||||||
|
display: inline-block; |
||||||
|
text-align: center; |
||||||
|
background: #ccc; |
||||||
|
color: #fff; |
||||||
|
white-space: nowrap; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
vertical-align: middle; |
||||||
|
width: 32px; |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,173 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container"> |
||||||
|
<!--工具栏--> |
||||||
|
<div class="head-container"> |
||||||
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
||||||
|
<crudOperation :permission="permission" /> |
||||||
|
<!--表单组件--> |
||||||
|
<el-dialog |
||||||
|
:close-on-click-modal="false" |
||||||
|
:before-close="crud.cancelCU" |
||||||
|
:visible.sync="crud.status.cu > 0" |
||||||
|
:title="crud.status.title" |
||||||
|
> |
||||||
|
<el-form |
||||||
|
ref="form" |
||||||
|
:model="form" |
||||||
|
:rules="rules" |
||||||
|
size="small" |
||||||
|
label-width="80px" |
||||||
|
> |
||||||
|
<el-form-item label="姓名"> |
||||||
|
<el-input v-model="form.name" style="width: 370px" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="照片路径" prop="photoPath"> |
||||||
|
<picUpload v-model="form.photoPath"></picUpload> |
||||||
|
<!-- <el-input v-model="form.photoPath" style="width: 370px" /> --> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="个人简介"> |
||||||
|
<el-input type="textarea" v-model="form.introduction" style="width: 370px" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
||||||
|
<el-button |
||||||
|
:loading="crud.cu === 2" |
||||||
|
type="primary" |
||||||
|
@click="crud.submitCU" |
||||||
|
>确认</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<!--表格渲染--> |
||||||
|
<el-table |
||||||
|
ref="table" |
||||||
|
v-loading="crud.loading" |
||||||
|
:data="crud.data" |
||||||
|
size="small" |
||||||
|
style="width: 100%" |
||||||
|
@selection-change="crud.selectionChangeHandler" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55" /> |
||||||
|
<el-table-column v-if="columns.visible('id')" prop="id" label="id" /> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('name')" |
||||||
|
prop="name" |
||||||
|
label="姓名" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('photoPath')" |
||||||
|
prop="photoPath" |
||||||
|
label="照片路径" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('introduction')" |
||||||
|
prop="introduction" |
||||||
|
label="个人简介" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('arrangeNum')" |
||||||
|
prop="arrangeNum" |
||||||
|
label="已安排的课程数量" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-if="columns.visible('finishedNum')" |
||||||
|
prop="finishedNum" |
||||||
|
label="已授课完毕的课程数量" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
v-permission="['admin', 'CourseMaster:edit', 'CourseMaster:del']" |
||||||
|
label="操作" |
||||||
|
width="150px" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<udOperation :data="scope.row" :permission="permission" /> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<!--分页组件--> |
||||||
|
<pagination /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import crudCourseMaster from "@/api/CourseMaster"; |
||||||
|
import CRUD, { presenter, header, form, crud } from "@crud/crud"; |
||||||
|
import rrOperation from "@crud/RR.operation"; |
||||||
|
import crudOperation from "@crud/CRUD.operation"; |
||||||
|
import udOperation from "@crud/UD.operation"; |
||||||
|
import pagination from "@crud/Pagination"; |
||||||
|
import MaterialList from "@/components/material"; |
||||||
|
import picUpload from '@/components/pic-upload' |
||||||
|
|
||||||
|
// crud交由presenter持有 |
||||||
|
const defaultCrud = CRUD({ |
||||||
|
title: "课程讲师", |
||||||
|
url: "api/CourseMaster", |
||||||
|
sort: "id,desc", |
||||||
|
crudMethod: { ...crudCourseMaster }, |
||||||
|
}); |
||||||
|
const defaultForm = { |
||||||
|
id: null, |
||||||
|
name: null, |
||||||
|
photoPath: null, |
||||||
|
introduction: null, |
||||||
|
createTime: null, |
||||||
|
updateTime: null, |
||||||
|
isDel: null, |
||||||
|
arrangeNum: null, |
||||||
|
finishedNum: null, |
||||||
|
}; |
||||||
|
export default { |
||||||
|
name: "CourseMaster", |
||||||
|
components: { |
||||||
|
pagination, |
||||||
|
crudOperation, |
||||||
|
rrOperation, |
||||||
|
udOperation, |
||||||
|
MaterialList, |
||||||
|
picUpload |
||||||
|
}, |
||||||
|
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()], |
||||||
|
data() { |
||||||
|
return { |
||||||
|
permission: { |
||||||
|
add: ["admin", "CourseMaster:add"], |
||||||
|
edit: ["admin", "CourseMaster:edit"], |
||||||
|
del: ["admin", "CourseMaster:del"], |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
photoPath: [ |
||||||
|
{ required: true, message: "照片路径不能为空", trigger: "blur" }, |
||||||
|
], |
||||||
|
|
||||||
|
}, |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: {}, |
||||||
|
methods: { |
||||||
|
// 获取数据前设置好接口地址 |
||||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||||
|
return true; |
||||||
|
}, // 新增与编辑前做的操作 |
||||||
|
[CRUD.HOOK.afterToCU](crud, form) {}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.table-img { |
||||||
|
display: inline-block; |
||||||
|
text-align: center; |
||||||
|
background: #ccc; |
||||||
|
color: #fff; |
||||||
|
white-space: nowrap; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
vertical-align: middle; |
||||||
|
width: 32px; |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,273 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container"> |
||||||
|
<!--工具栏--> |
||||||
|
<div class="head-container"> |
||||||
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
||||||
|
<crudOperation :permission="permission" /> |
||||||
|
<!--表单组件--> |
||||||
|
<el-dialog |
||||||
|
:close-on-click-modal="false" |
||||||
|
:before-close="crud.cancelCU" |
||||||
|
:visible.sync="crud.status.cu > 0" |
||||||
|
:title="crud.status.title" |
||||||
|
> |
||||||
|
|
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
||||||
|
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<!--表格渲染--> |
||||||
|
<el-table |
||||||
|
ref="table" |
||||||
|
v-loading="crud.loading" |
||||||
|
:data="crud.data" |
||||||
|
size="small" |
||||||
|
style="width: 100%" |
||||||
|
@selection-change="crud.selectionChangeHandler" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55" /> |
||||||
|
<el-table-column prop="uid" label="用户id" /> |
||||||
|
<el-table-column prop="nickname" label="用户昵称" /> |
||||||
|
<el-table-column prop="realName" label="真实姓名" /> |
||||||
|
<el-table-column ref="table" prop="avatar" label="用户头像"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<a :href="scope.row.avatar" style="color: #42b983" target="_blank"><img :src="scope.row.avatar" alt="点击打开" class="el-avatar"></a> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column ref="table" prop="avatar" label="工作照"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<a :href="scope.row.avatar" style="color: #42b983" target="_blank"><img :src="scope.row.avatar" alt="点击打开" class="el-avatar"></a> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="phone" label="手机号码" /> |
||||||
|
<el-table-column v-if="columns.visible('memberNum')" prop="memberNum" label="会员数量"/> |
||||||
|
<el-table-column |
||||||
|
v-permission="['admin', 'CourseMaster:edit', 'CourseMaster:del']" |
||||||
|
label="操作" |
||||||
|
width="150px" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="primary" icon="el-icon-view" size="mini" @click="showDetail(scope.row)"></el-button> |
||||||
|
<!-- <udOperation :data="scope.row" :permission="permission" /> --> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<!-- 老师信息详情弹框 --> |
||||||
|
<el-dialog title="信息详情" :close-on-click-modal="false" :visible.sync="detailDialog" width="80%"> |
||||||
|
<div class="detail-box"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<span>昵称：</span> |
||||||
|
<span>{{detail.nickname}}</span> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12" > |
||||||
|
<span>真实姓名：</span> |
||||||
|
<span>{{detail.realName}}</span> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<span>电话号码：</span> |
||||||
|
<span>{{detail.phone}}</span> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<span>工作照：</span> |
||||||
|
<img :src="detail.avatar" :alt="detail.realName" class="table-img"> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
<div class="title-w"> |
||||||
|
<span>会员信息</span> |
||||||
|
<el-select v-model="masterId" clearable filterable placeholder="请选择要转移到的老师"> |
||||||
|
<el-option |
||||||
|
v-for="item in crud.data" |
||||||
|
:key="item.uid" |
||||||
|
:label="item.realName" |
||||||
|
:value="item.uid"> |
||||||
|
</el-option> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<div class="sign-up-table"> |
||||||
|
<el-table |
||||||
|
:data="detail.members" |
||||||
|
size="small" |
||||||
|
@selection-change="selectionMemberChange" |
||||||
|
style="width: 100%;"> |
||||||
|
<el-table-column type="selection" width="55" /> |
||||||
|
<el-table-column label="会员姓名" prop="nickname"></el-table-column> |
||||||
|
<el-table-column label="手机号" prop="phone"></el-table-column> |
||||||
|
<el-table-column label="等级" prop="level"></el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button type="info" @click="detailDialog = false">取消</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
@click="submitDialog" |
||||||
|
>确认</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<!--分页组件--> |
||||||
|
<pagination /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import crudCourseSMaster from "@/api/CourseSMaster"; |
||||||
|
import CRUD, { presenter, header, form, crud } from "@crud/crud"; |
||||||
|
import rrOperation from "@crud/RR.operation"; |
||||||
|
import crudOperation from "@crud/CRUD.operation"; |
||||||
|
import udOperation from "@crud/UD.operation"; |
||||||
|
import pagination from "@crud/Pagination"; |
||||||
|
import MaterialList from "@/components/material"; |
||||||
|
import picUpload from '@/components/pic-upload' |
||||||
|
|
||||||
|
// crud交由presenter持有 |
||||||
|
const defaultCrud = CRUD({ |
||||||
|
title: "课程讲师", |
||||||
|
url: "api/member/listMembers", |
||||||
|
sort: "uid,desc", |
||||||
|
params :{ isPromoter:1 }, |
||||||
|
crudMethod: { ...crudCourseSMaster }, |
||||||
|
}); |
||||||
|
const defaultForm = { |
||||||
|
id: null, |
||||||
|
name: null, |
||||||
|
photoPath: null, |
||||||
|
introduction: null, |
||||||
|
createTime: null, |
||||||
|
updateTime: null, |
||||||
|
isDel: null, |
||||||
|
arrangeNum: null, |
||||||
|
finishedNum: null, |
||||||
|
}; |
||||||
|
export default { |
||||||
|
name: "CourseSMaster", |
||||||
|
components: { |
||||||
|
pagination, |
||||||
|
crudOperation, |
||||||
|
rrOperation, |
||||||
|
udOperation, |
||||||
|
MaterialList, |
||||||
|
picUpload |
||||||
|
}, |
||||||
|
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()], |
||||||
|
data() { |
||||||
|
return { |
||||||
|
permission: { |
||||||
|
add: ["admin", "CourseMaster:add"], |
||||||
|
edit: ["admin", "CourseMaster:edit"], |
||||||
|
del: ["admin", "CourseMaster:del"], |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
photoPath: [ |
||||||
|
{ required: true, message: "照片路径不能为空", trigger: "blur" }, |
||||||
|
] |
||||||
|
}, |
||||||
|
detailDialog:false, |
||||||
|
detail:{}, |
||||||
|
memberData:[], |
||||||
|
selectionMember:[], |
||||||
|
masterId:'', |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: {}, |
||||||
|
methods: { |
||||||
|
beforeInit() { |
||||||
|
this.url = 'api/CourseSMaster' |
||||||
|
const sort = 'uid,desc' |
||||||
|
this.params = { page: this.page, size: this.size, sort: sort,isPromoter:1 } |
||||||
|
const query = this.query |
||||||
|
const type = query.type |
||||||
|
const value = query.value |
||||||
|
if (type && value) { this.params[type] = value } |
||||||
|
return true |
||||||
|
}, |
||||||
|
// 获取数据前设置好接口地址 |
||||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||||
|
return true; |
||||||
|
}, // 新增与编辑前做的操作 |
||||||
|
[CRUD.HOOK.afterToCU](crud, form) {}, |
||||||
|
showDetail(row){ |
||||||
|
this.detail = row; |
||||||
|
console.log(this.detail) |
||||||
|
this.detailDialog = true; |
||||||
|
}, |
||||||
|
showDialog(){ |
||||||
|
|
||||||
|
}, |
||||||
|
selectionMemberChange(val){ |
||||||
|
console.log(val) |
||||||
|
this.selectionMember = val; |
||||||
|
}, |
||||||
|
submitDialog(){ |
||||||
|
if(this.selectionMember.length > 0 && this.masterId != ''){ |
||||||
|
var memberIds = []; |
||||||
|
this.selectionMember.forEach((item)=>{ |
||||||
|
memberIds.push(item.uid) |
||||||
|
}) |
||||||
|
console.log(memberIds) |
||||||
|
this.$confirm('是否确认将会员转移?', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning' |
||||||
|
}).then(() => { |
||||||
|
let data = { |
||||||
|
sellerId: this.masterId, |
||||||
|
membersId: memberIds |
||||||
|
} |
||||||
|
crudCourseSMaster.moveMembers(data).then((res)=>{ |
||||||
|
console.log(res) |
||||||
|
if(res){ |
||||||
|
this.detailDialog = false; |
||||||
|
this.crud.refresh() |
||||||
|
} |
||||||
|
}) |
||||||
|
}).catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: 'info', |
||||||
|
message: '已取消' |
||||||
|
}); |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.table-img { |
||||||
|
display: inline-block; |
||||||
|
text-align: center; |
||||||
|
background: #ccc; |
||||||
|
color: #fff; |
||||||
|
white-space: nowrap; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
vertical-align: middle; |
||||||
|
width: 32px; |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; |
||||||
|
} |
||||||
|
.detail-box{ |
||||||
|
width: 100%; |
||||||
|
font-size: 16px; |
||||||
|
padding: 24px; |
||||||
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); |
||||||
|
border-radius: 12px; |
||||||
|
} |
||||||
|
.el-row{ |
||||||
|
margin: 24px 0; |
||||||
|
} |
||||||
|
.title-w{ |
||||||
|
font-size:19px; |
||||||
|
font-weight: bold; |
||||||
|
margin: 32px 0; |
||||||
|
color: #000; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue