Skip to content

肖翔宇 / admin-vue

Go to a project
Commit 0b5d291a by 肖翔宇
Options

12.27

parent 47d81629
Showing with 53 additions and 165 deletions
config/dev.env.js
...@@ -4,7 +4,7 @@ const prodEnv = require('./prod.env') ...@@ -4,7 +4,7 @@ const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, { module.exports = merge(prodEnv, {
NODE_ENV: '"development"', NODE_ENV: '"development"',
BASE_API: '"http://192.168.10.104:9001/sharePiano"', BASE_API: '"http://gxgqs.com/sharePiano"',
}) })
//http://gxgqs.com/sharePiano //http://gxgqs.com/sharePiano
//http://192.168.10.105:9001/sharePiano //http://192.168.10.105:9001/sharePiano
dist.zip
No preview for this file type
src/views/course/courseEdit.vue
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
style='width: 650px; margin-left:50px;'> style='width: 650px; margin-left:50px;'>
<el-form-item label="名称" prop="title"> <el-form-item label="名称" prop="title">
<el-input type="text" placeholder="请标题名称" <el-input type="text" placeholder="请标题名称"
v-model.trim="temp.title" :maxlength="25"> v-model.trim="temp.title" :maxlength="15">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="课程类型" prop="curriculumType"> <el-form-item label="课程类型" prop="curriculumType">
......
src/views/pianoList/index.vue
...@@ -2,15 +2,21 @@ ...@@ -2,15 +2,21 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<router-link :to="{name:'courseEdit'}">
<el-button class="filter-item" style="margin-left: 10px;" v-waves type="primary" icon="el-icon-plus">添加
</el-button>
</router-link>
<el-tooltip class="item" effect="dark" content="刷新" placement="top-start" :hide-after="toolTipTime"> <el-tooltip class="item" effect="dark" content="刷新" placement="top-start" :hide-after="toolTipTime">
<el-button class="filter-item" style="margin-left: 10px;" v-waves @click="refresh" type="success" <el-button class="filter-item" style="margin-left: 10px;" v-waves @click="refresh" type="success"
icon="el-icon-refresh" size="medium" circle></el-button> icon="el-icon-refresh" size="medium" circle></el-button>
</el-tooltip> </el-tooltip>
<modal @on-close="close()" :is-show='isShow'>
<el-form :rules="rules" ref="dataForm" :model="temp" label-position="left" label-width="100px"
style='width: 350px; margin-left:50px;margin-top:40px;'>
<el-form-item label="拒绝理由" prop="reason">
<el-input type="text" placeholder="请输入拒绝理由"
v-model.trim="temp.reason":maxlength="25">
</el-input>
</el-form-item>
</el-form>
<el-button type="primary" @click="handleUnpass">提交</el-button>
</modal>
</div> </div>
<el-table :key='tableKey' :data="list" v-loading="listLoading" :element-loading-text="elementLoadingText" border fit <el-table :key='tableKey' :data="list" v-loading="listLoading" :element-loading-text="elementLoadingText" border fit
highlight-current-row style="width: 100%"> highlight-current-row style="width: 100%">
...@@ -45,16 +51,17 @@ ...@@ -45,16 +51,17 @@
<span>{{scope.row.state}}</span> <span>{{scope.row.state}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" :label="table.reason">
<template slot-scope="scope">
<span>{{scope.row.reason}}</span>
</template>
</el-table-column>
<el-table-column align="center" label="操作" width="200"> <el-table-column align="center" label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link :to="{name:'courseEdit',params:{id:scope.row}}"> <el-button v-if="scope.row.state=='未审核'" type="primary" size="mini" @click.native.prevent="handlePass(scope.row)"
<el-button type="primary" icon="el-icon-edit" size="mini" round>通过</el-button>
round></el-button> <el-button v-if="scope.row.state=='未审核'" type="danger"
</router-link> @click.native.prevent="show(scope.row)" size="mini" round>不通过</el-button>
<el-button type="danger" icon="el-icon-delete"
@click.native.prevent="handleDelete(scope.row)" size="mini" round></el-button>
<el-button type="primary" icon="el-icon-plus"
@click.native.prevent="showDiversity(scope.row)" size="mini" round>选集</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -78,9 +85,9 @@ ...@@ -78,9 +85,9 @@
components: { Modal}, components: { Modal},
data() { data() {
return { return {
isShowLog: false, isShow: false,
isShowCourse: false, index:undefined,
isShowDiversity: false, buttonFlag:true,
isShowDiversityEdit: false, isShowDiversityEdit: false,
tableKey: 0, tableKey: 0,
// 是否加载 // 是否加载
...@@ -104,6 +111,7 @@ ...@@ -104,6 +111,7 @@
adress:'商家地址', adress:'商家地址',
state:'状态', state:'状态',
createDate: '创建时间', createDate: '创建时间',
reason:'拒绝理由'
}, },
types: { types: {
id: undefined, id: undefined,
...@@ -118,7 +126,7 @@ ...@@ -118,7 +126,7 @@
// 临时的表单值 // 临时的表单值
temp: { temp: {
id: undefined, id: undefined,
title: undefined, state: undefined,
curriculumType: undefined, curriculumType: undefined,
pictureAddress: undefined, pictureAddress: undefined,
createDate: undefined, createDate: undefined,
...@@ -130,9 +138,9 @@ ...@@ -130,9 +138,9 @@
videoUploadPercent: 0, videoUploadPercent: 0,
// 表单验证的规则 // 表单验证的规则
rules: { rules: {
courseName: [ reason: [
{ required: true, message: '课程名称不能为空', trigger: 'blur' }, { required: true, message: '拒绝理由不能为空', trigger: 'blur' },
{ type: 'string', max: 20, message: '课程名称不允许大于20位数', trigger: 'blur' } { type: 'string', max: 30, message: '拒绝理由不允许大于30位数', trigger: 'blur' }
] ]
}, },
bannerTypes: [], bannerTypes: [],
...@@ -166,6 +174,15 @@ ...@@ -166,6 +174,15 @@
} }
}, },
methods: { methods: {
show(row){
const index = this.list.indexOf(row);
this.temp=this.list[index];
console.log(this.temp)
this.isShow=true;
},
close(){
this.isShow=false;
},
beforeUploadVideo(file) { beforeUploadVideo(file) {
const isLt10M = file.size / 1024 / 1024 < 200 const isLt10M = file.size / 1024 / 1024 < 200
if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb'].indexOf(file.type) === -1) { if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb'].indexOf(file.type) === -1) {
...@@ -228,16 +245,6 @@ ...@@ -228,16 +245,6 @@
this.listQuery.currentPage = val this.listQuery.currentPage = val
this.getList() this.getList()
}, },
beforeUpload(file) {
const _URL = window.URL || window.webkitURL
return new Promise((resolve, reject) => {
const img = new Image()
img.src = _URL.createObjectURL(file)
img.onload = function() {
}
resolve(true)
})
},
// 初始化temp值 // 初始化temp值
resetTemp() { resetTemp() {
this.temp = { this.temp = {
...@@ -281,73 +288,6 @@ ...@@ -281,73 +288,6 @@
}) })
}) })
}, },
// 删除
handleDeleteCourse(row) {
for(var i in this.list){
console.log()
if(this.list[i].curriculumType==row.courseName){
this.$message('当前类型还存在课程，无法删除');
return;
}
}
if (!row.id) {
this.$message('请刷新后再试')
return
}
this.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.$fetch.sysCourseType.deletes(row.id).then(() => {
this.$message({
message: '删除成功',
type: 'success'
})
const index = this.courseTypes.indexOf(row)
this.courseTypes.splice(index, 1);
}).catch(function(reason) {
console.log( reason);
});
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
// 删除
handleDeleteDiversity(row) {
if (!row.id) {
this.$message('请刷新后再试')
return
}
this.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.$fetch.sysCourseDiversity.deletes(row.id).then(() => {
this.$message({
message: '删除成功',
type: 'success'
})
const index = this.courseDiversityTypes.indexOf(row)
this.courseDiversityTypes.splice(index, 1);
}).catch(function(reason) {
console.log( reason);
});
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
refresh() { refresh() {
// 初始化查询参数 // 初始化查询参数
this.listQuery = { this.listQuery = {
...@@ -357,17 +297,6 @@ ...@@ -357,17 +297,6 @@
this.tableKey = this.tableKey + 1 this.tableKey = this.tableKey + 1
this.getList() this.getList()
}, },
refreshCourse(){
this.$fetch.sysCourseType.findAll().then(({ data }) => {
this.courseTypes = data;
})
},
refreshDiversity(){
this.$fetch.sysCourseDiversity.findBysysOnlineCourseId({id:this.diversityTemp.sysonlineCourseId}).then(({ data }) => {
console.log(data);
this.diversityTemp = data;
})
},
getShowType(row, dispaly = 1) { getShowType(row, dispaly = 1) {
if (row.display === dispaly) { if (row.display === dispaly) {
return { return {
...@@ -380,71 +309,30 @@ ...@@ -380,71 +309,30 @@
label: '显示' label: '显示'
} }
}, },
saveDiversityData() { handlePass(row){
this.$refs['dataForm'].validate(valid => { const index = this.list.indexOf(row);
if (valid) { const tempData = this.list[index];
const tempData = Object.assign({}, this.diversityTemp) tempData.state=1;
console.log(tempData) console.log(tempData);
if (!tempData.id) { this.$fetch.sysPianoSubmit.update(tempData).then(() => {
this.$fetch.sysCourseDiversity.insert(tempData).then(() => {
this.$message({
message: '创建成功',
type: 'success'
})
//this.isShowLog=false;
this.isShowDiversityEdit=false;
})
} else {
this.$fetch.sysCourseDiversity.update(tempData).then(() => {
this.$message({ this.$message({
message: '更新成功', message: '更新成功',
type: 'success' type: 'success'
}) })
this.isShowDiversityEdit=false; this.refresh();
}) })
} },
} else { handleUnpass(row){
console.log('valid error') this.temp.state=2;
} this.$fetch.sysPianoSubmit.update(this.temp).then(() => {
})
},
saveData() {
this.$refs['dataForm'].validate(valid => {
if (valid) {
for(var i in this.courseTypes){
console.log(this.courseTypes[i].courseName,this.types.courseName)
if(this.courseTypes[i].courseName==this.types.courseName){
this.$message("该课程类型已存在");
return;
}
}
const tempData = Object.assign({}, this.types)
if (!tempData.id) {
this.$fetch.sysCourseType.insert(tempData).then(() => {
this.$message({
message: '创建成功',
type: 'success'
})
//this.isShowLog=false;
this.isShowCourse=false;
this.refreshCourse();
})
} else {
this.$fetch.sysCourseType.update(tempData).then(() => {
this.$message({ this.$message({
message: '更新成功', message: '更新成功',
type: 'success' type: 'success'
}) })
//this.isShowLog=false; this.refresh();
this.isShowCourse=false; this.isShow=false;
this.refreshCourse();
}) })
} },
} else {
console.log('valid error')
}
})
}
} }
} }
</script> </script>
......
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 sign in to comment