Commit c8e91451 authored by Mac's avatar Mac

1

parent 0b4e1235
......@@ -19,6 +19,19 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="标题" prop="Title" class="is-required" size="small">
<el-input v-model="addMsg.Title" placeholder="请输入标题" class="w400" />
</el-form-item>
<el-form-item label="图片" prop="ClassPic" class="is-required">
<el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
<div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;border:none;">
<img v-if="!addMsg.ClassPic || addMsg.ClassPic==''" src="../../assets/img/default.png"
style="width:80px;height:80px" alt="">
<img v-else style="width:80px;height:80px" :src="addMsg.ClassPic" alt="">
</div>
</el-form-item>
<el-form-item label="是否为公开课" >
<el-radio v-model="addMsg.IsPublic" :label="0" @change="getgongkai()"></el-radio>
<el-radio v-model="addMsg.IsPublic" :label="1" @change="getgongkai()"></el-radio>
......@@ -47,16 +60,20 @@
<div style="margin-top:20px">
<el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
</div>
<!-- 选择文件 -->
<el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
<ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog>
</div>
</template>
<script>
import ChooseImg from "@/components/global/ChooseImg.vue";
export default {
components: {
ChooseImg,
},
data() {
return {
......@@ -69,6 +86,8 @@
PointNum:0,//点数
Duration:0,//时长
DurationUnit:'',//时长单位(枚举)
ClassPic:'',
Title:'',
},
rules: {
CourseClassType: [{
......@@ -76,6 +95,11 @@
message: '请选择课程类型',
trigger: 'blur'
}],
Title: [{
required: true,
message: '请输入标题',
trigger: 'blur'
}],
PointNum: [{
required: true,
message: '请输入点数',
......@@ -96,12 +120,19 @@
message: '请选择时长单位',
trigger: 'blur'
}],
ClassPic: [{
required: true,
message: '请选择图片',
trigger: 'blur'
}],
},
loading: false,
CourseClassList:[],
DurationList:[],
StudentList:[],
gkshow:false
gkshow:false,
changeState: false,
imgType: 0,
};
},
created() {
......@@ -189,6 +220,17 @@
this.addMsg = res.data.data;
})
},
openChangeDig(num) {
this.changeState = true;
this.imgType = num;
},
SelectId(msg) {
if (this.imgType == 1) {
let url = this.getIconLink(msg.url)
this.addMsg.ClassPic = url
}
this.changeState = false;
},
},
......
......@@ -22,6 +22,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="直播房间" >
<el-select class="w400" style="margin-right: 10px;" v-model="addMsg.RoomId" size="small"
placeholder="请选择" >
<el-option v-for="item in LiveList" :key="item.roomid" :label="item.anchor_name" :value="item.roomid">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="排课日期" prop="StudyDate" class="is-required">
<el-date-picker
v-model="addMsg.StudyDate"
......@@ -103,7 +110,8 @@
MinDuration:0,
StudyDuration:0,
DurationUnit:'',
IsPublic:0
IsPublic:0,
RoomId:'',
},
rules: {
CourseName:[{
......@@ -166,6 +174,7 @@
CourseClassList:[],
DurationList:[],
teacherList:[],
LiveList:[],
dianshushow:false,
jiesushow:false,
selectdata:{},
......@@ -179,6 +188,7 @@
this.getCourseClassList()//课程分类枚举
this.getDurationList()//课程时长单位枚举
this.getTeacherList()
this.getLiveList()
},
methods: {
Save(formName) {
......@@ -210,6 +220,16 @@
}
})
},
getLiveList(){
this.apipost("/api/LiveHouse/GetLiveListByLiveStatus", {pageIndex: 1,
pageSize: 9999999,}, res => {
if (res.data.resultCode == 1) {
this.LiveList = res.data.data
} else {
this.Error(res.data.message);
}
})
},
getCourseClassList(){
this.apipost("/api/Point/GetPointCourseClassList", {}, res => {
......
......@@ -208,9 +208,13 @@
<li class="menu_item" :class="{'Fchecked':isChecked=='/pointOrderList'}" @click="isChecked='/pointOrderList',CommonJump('pointOrderList')">
<i class="el-icon-menu"></i><span>排课订单</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked=='/rechargeList'}" @click="isChecked='/rechargeList',CommonJump('rechargeList')">
<i class="el-icon-menu"></i><span>充值明细</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked=='/userPointDetailList'}" @click="isChecked='/userPointDetailList',CommonJump('userPointDetailList')">
<i class="el-icon-menu"></i><span>点数明细</span>
</li>
</ul>
</div>
</div>
......
<template>
<div class="rechargeList">
<div class="el-card__header">
<span>点数明细列表</span>
</div>
<div class="content">
<div style="display: flex;flex-direction: row;align-items: center">
<div class="block">
<div class="searchInput" style="width:250px">
<el-input style="display:inline-block;width:225px;height:30px"
placeholder="请输入订单号搜索"
v-model="msg.OrderId"
size="small"
@clear="getList"
@keyup.enter.native="getList"
clearable>
</el-input>
<span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<span>状态</span>
<el-select class="w120" @change="getList()" style="margin-right: 10px;"
v-model="msg.OrderStatus" size="small" placeholder="请选择">
<el-option v-for="item in TypeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span>用户</span>
<el-select class="w120" @change="getList()" v-model="msg.UserId" size="small" :filter-method="ChangeListName" filterable
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</div>
</div>
</div>
<div style="padding: 20px;background: #fff;margin-top: 20px">
<el-table
:data="tableData"
header-cell-class-name="headClass"
style="width: 100%"
border
>
<el-table-column
prop="OrderNo"
label="订单号"
>
</el-table-column>
<el-table-column
prop="Name"
label="用户信息">
<template slot-scope="scope">
<div class="app-image" :style="{backgroundImage:'url(' + scope.row.UserPhoto + ')',backgroundSize:'cover'}"></div>
<div flex="dir:left cross:center">
{{scope.row.UserName}}
</div>
</template>
</el-table-column>
<el-table-column
prop="PonitNum"
label="充值点数"
>
</el-table-column>
<el-table-column
prop="GivePoint"
label="赠送点数"
>
</el-table-column>
<el-table-column
prop="GivePoint"
label="实收金额"
>
<template slot-scope="scope">
<span>
{{scope.row.Income.toFixed(2)}}
</span>
</template>
</el-table-column>
<el-table-column
prop="PayWayName"
label="支付方式"
>
</el-table-column>
<el-table-column
prop="OrderStatus"
label="状态">
<template slot-scope="scope">
<span>
{{scope.row.OrderStatus==1?'待付款':'已付款'}}
</span>
</template>
</el-table-column>
<el-table-column
prop="CreateDate"
label="支付时间">
</el-table-column>
<!-- <el-table-column-->
<!-- fixed="right"-->
<!-- label="操作"-->
<!-- width="180"-->
<!-- >-->
<!-- <template slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="编辑" placement="top" >-->
<!-- <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">-->
<!-- </el-tooltip>-->
<!-- <el-tooltip class="item" effect="dark" content="删除" placement="top" >-->
<!-- <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">-->
<!-- </el-tooltip>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<el-pagination style="text-align:right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="prev, pager, next"
:current-page.sync="msg.pageIndex"
:total="count">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "rechargeList",
data(){
return{
msg:{
pageIndex:1,
pageSize:15,
OrderStatus:0,
UserId:0,
OrderId:'',
},
changeState:false,
dateList:[],
TypeList:[
{Name:'不限',Id:0},
{Name:'待付款',Id:1},
{Name:'已付款',Id:2},
],
tableData:[],
count:0,
loading:false,
EnableMsg:{
Ids:'',
TeacherStatus:0,
},
userList:[],
usermsg:{
pageIndex: 1,
pageSize: 20,
Name: '',
Source: 0,
MemberGrade: 0,
Id: 0,
Moblie: ''
}
}
},
created(){
this.getDateList();//获取数据
this.getyonghuid()
},
methods:{
ChangeListName(val) {
this.usermsg.Name = val;
this.getyonghuid();
},
getyonghuid(){
this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
this.userList = pageData;
}
})
},
getDateList(){
this.loading=true;
let msg = JSON.parse(JSON.stringify(this.msg))
if(msg.OrderId == ''){
msg.OrderId = 0
}
msg.OrderId= Number(msg.OrderId)
this.apipost("/api/Point/GetUserPointOrderPageList", msg, res => {
this.loading=false;
if(res.data.resultCode==1){
this.tableData = res.data.data.pageData;
this.count = res.data.data.count;
}else {
this.Info(res.data.message);
}
})
},
getList(){
this.msg.pageIndex = 1
this.getDateList()
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getDateList();
},
},
}
</script>
<style >
.rechargeList .el-card__header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
}
.rechargeList .el-button--small{
padding: 9px 15px;
}
.rechargeList .content .searchInput{
border: 1px solid #DCDFE6;
border-radius: 4px;
/*margin-left: 10px;*/
}
.rechargeList .content .searchInput .el-input__inner{
border:none;outline:none;
height: 30px;
line-height: 30px;
}
.rechargeList .content .searchInput{
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width:250px;
}
.rechargeList .content{
background: #fff;
margin-top:10px;
padding: 15px;
box-sizing: border-box;
}
.rechargeList .el-tag{
margin-right: 5px;
}
.rechargeList .app-image{
background-position: center center;
width: 50px;
height: 50px;
border-radius:0%;
float: left;
margin-right: 8px;
}
</style>
......@@ -433,6 +433,12 @@ export default new Router({
path: '/userPointDetailList',
name: 'userPointDetailList',
component: resolve => require(['@/components/education/userPointDetailList'], resolve),
},
//网课 充值列表
{
path: '/rechargeList',
name: 'rechargeList',
component: resolve => require(['@/components/education/rechargeList'], resolve),
}
]
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment