Compare commits
113 Commits
173 changed files with 35699 additions and 24522 deletions
@ -1,6 +1,6 @@ |
|||||||
{ |
{ |
||||||
"tabWidth": 4, |
"tabWidth": 2, |
||||||
"singleQuote": true, |
"singleQuote": true, |
||||||
"trailingComma": "none", |
"trailingComma": "none", |
||||||
"printWidth": 140 |
"printWidth": 140 |
||||||
} |
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,18 +1,19 @@ |
|||||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||||
<html lang="en"> |
<html lang="en"> |
||||||
<head> |
<head> |
||||||
<meta charset="utf-8"> |
<meta charset="utf-8" /> |
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||||
<meta name="keywords" content="深圳或然科技中台"> |
<meta name="keywords" content="深圳或然科技中台" /> |
||||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> |
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
||||||
<script src="/styles/tinymce/tinymce.min.js"></script> |
<meta name="viewport" content="width=device-width, user-scalable=yes, shrink-to-fit=no" /> |
||||||
<title>深圳或然科技中台</title> |
<title>深圳或然科技中台</title> |
||||||
</head> |
</head> |
||||||
<body> |
<body> |
||||||
<noscript> |
<noscript> |
||||||
<strong>We're sorry but vms doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
<strong>We're sorry but vms doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
||||||
</noscript> |
</noscript> |
||||||
<div id="app"></div> |
<div id="app"></div> |
||||||
<!-- built files will be auto injected --> |
<!-- built files will be auto injected --> |
||||||
</body> |
<script src="/dev/styles/tinymce/tinymce.min.js"></script> |
||||||
|
</body> |
||||||
</html> |
</html> |
||||||
|
|||||||
@ -1,30 +1,48 @@ |
|||||||
<template> |
<template> |
||||||
<div id="app"> |
<div id="app"> |
||||||
<router-view></router-view> |
<el-radio-group v-if="Setting.isDev" class="ip" v-model="ip" @change="ipChange"> |
||||||
</div> |
<el-radio :label="0">刘榕ip</el-radio> |
||||||
|
<el-radio :label="1">陈赓ip</el-radio> |
||||||
|
<el-radio :label="2">测试服ip</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
<router-view></router-view> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
import Setting from '@/setting' |
||||||
name: 'App', |
export default { |
||||||
created () { |
name: 'App', |
||||||
//在页面加载时读取sessionStorage里的状态信息 |
data () { |
||||||
if (sessionStorage.getItem("store") ) { |
return { |
||||||
this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store")))) |
Setting, |
||||||
} |
ip: localStorage.getItem('ip') ? +localStorage.getItem('ip') : 0, |
||||||
|
}; |
||||||
//在页面刷新时将vuex里的信息保存到sessionStorage里 |
}, |
||||||
window.addEventListener("beforeunload",()=>{ |
created () { |
||||||
sessionStorage.getItem("token") && sessionStorage.setItem("store",JSON.stringify(this.$store.state)) |
window.exitSystem = () => { |
||||||
}) |
sessionStorage.removeItem('token') |
||||||
|
location.reload() |
||||||
} |
} |
||||||
|
//在页面加载时读取sessionStorage里的状态信息 |
||||||
|
if (sessionStorage.getItem("store")) { |
||||||
|
this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store")))) |
||||||
} |
} |
||||||
|
|
||||||
|
//在页面刷新时将vuex里的信息保存到sessionStorage里 |
||||||
|
window.addEventListener("beforeunload", () => { |
||||||
|
sessionStorage.getItem("token") && sessionStorage.setItem("store", JSON.stringify(this.$store.state)) |
||||||
|
}) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
ipChange (val) { |
||||||
|
localStorage.setItem('ip', val) |
||||||
|
location.reload() |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style> |
<style> |
||||||
@import "./assets/css/main.css"; |
@import "./assets/css/main.css"; |
||||||
/* @import "./assets/css/color-dark.css"; */ |
|
||||||
/*深色主题*/ |
|
||||||
@import "./assets/css/theme-green/color-green.css"; |
|
||||||
/* 浅绿色主题 */ |
|
||||||
</style> |
</style> |
||||||
@ -1,28 +0,0 @@ |
|||||||
.header{ |
|
||||||
background-color: #242f42; |
|
||||||
} |
|
||||||
.login-wrap{ |
|
||||||
background: #324157; |
|
||||||
} |
|
||||||
.plugins-tips{ |
|
||||||
background: #eef1f6; |
|
||||||
} |
|
||||||
.plugins-tips a{ |
|
||||||
color: #20a0ff; |
|
||||||
} |
|
||||||
.el-upload--text em { |
|
||||||
color: #20a0ff; |
|
||||||
} |
|
||||||
.pure-button{ |
|
||||||
background: #20a0ff; |
|
||||||
} |
|
||||||
.tags-li.active { |
|
||||||
border: 1px solid #409EFF; |
|
||||||
background-color: #409EFF; |
|
||||||
} |
|
||||||
.message-title{ |
|
||||||
color: #20a0ff; |
|
||||||
} |
|
||||||
.collapse-btn:hover{ |
|
||||||
background: rgb(40,52,70); |
|
||||||
} |
|
||||||
@ -0,0 +1,7 @@ |
|||||||
|
/* 改变主题色变量 */ |
||||||
|
|
||||||
|
$--color-primary: #062c87; |
||||||
|
|
||||||
|
/* 改变 icon 字体路径变量，必需 */ |
||||||
|
$--font-path: '~element-ui/lib/theme-chalk/fonts'; |
||||||
|
@import "~element-ui/packages/theme-chalk/src/index"; |
||||||
@ -0,0 +1,189 @@ |
|||||||
|
.msg { |
||||||
|
li { |
||||||
|
margin-bottom: 10px; |
||||||
|
border-top: 1px solid #f1f1f1; |
||||||
|
&:first-child { |
||||||
|
border-top: 0; |
||||||
|
} |
||||||
|
.li-wrap { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
padding: 16px 0; |
||||||
|
.avatar { |
||||||
|
width: 48px; |
||||||
|
height: 48px; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.texts { |
||||||
|
flex: 1; |
||||||
|
margin-left: 24px; |
||||||
|
.name { |
||||||
|
color: rgba(0, 0, 0, 0.85); |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.date { |
||||||
|
color: rgba(0, 0, 0, 0.45); |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
/deep/img { |
||||||
|
max-width: 95%; |
||||||
|
} |
||||||
|
} |
||||||
|
.reply-name { |
||||||
|
color: #062c87; |
||||||
|
} |
||||||
|
.action { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
margin: 15px 10px 0 0; |
||||||
|
.icon { |
||||||
|
margin: 0 5px; |
||||||
|
color: #062c87; |
||||||
|
font-size: 18px; |
||||||
|
cursor: pointer; |
||||||
|
&:hover { |
||||||
|
opacity: 0.8; |
||||||
|
} |
||||||
|
&:first-child { |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
&.del { |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.like-wrap { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.reply { |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
&.children { |
||||||
|
margin-left: 72px; |
||||||
|
padding-left: 24px; |
||||||
|
background-color: rgba(0, 0, 0, 0.02); |
||||||
|
border-radius: 8px; |
||||||
|
li { |
||||||
|
border-top-color: rgba(0, 0, 0, 0.06); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.toggle { |
||||||
|
margin: 16px 0; |
||||||
|
text-align: center; |
||||||
|
color: #062c87; |
||||||
|
font-size: 14px; |
||||||
|
span { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/.quill { |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.timeline { |
||||||
|
padding-left: 9%; |
||||||
|
overflow: hidden; |
||||||
|
.el-timeline-item { |
||||||
|
padding-bottom: 40px; |
||||||
|
} |
||||||
|
.el-timeline-item__node--normal { |
||||||
|
top: 30px; |
||||||
|
} |
||||||
|
.el-timeline-item__wrapper { |
||||||
|
top: 15px; |
||||||
|
padding-left: 40px; |
||||||
|
} |
||||||
|
.el-timeline-item__tail { |
||||||
|
height: 250%; |
||||||
|
border-left-width: 1px; |
||||||
|
} |
||||||
|
.sign { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
margin-left: -12.5%; |
||||||
|
font-size: 14px; |
||||||
|
color: #062c87; |
||||||
|
} |
||||||
|
.draft { |
||||||
|
.ver, |
||||||
|
.sign { |
||||||
|
color: #b1b1b1; |
||||||
|
} |
||||||
|
} |
||||||
|
.ver { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
padding-bottom: 10px; |
||||||
|
margin: -22px 0 20px; |
||||||
|
font-size: 15px; |
||||||
|
color: #062c87; |
||||||
|
border-bottom: 1px dashed #bfbfbf; |
||||||
|
} |
||||||
|
.des { |
||||||
|
p, |
||||||
|
span, |
||||||
|
em { |
||||||
|
font-size: 14px !important; |
||||||
|
} |
||||||
|
} |
||||||
|
.withdraw { |
||||||
|
margin-right: 10px; |
||||||
|
font-size: 13px; |
||||||
|
color: #979797; |
||||||
|
} |
||||||
|
.action { |
||||||
|
margin-left: 15px; |
||||||
|
i { |
||||||
|
margin-left: 8px; |
||||||
|
font-size: 14px; |
||||||
|
color: #062c87; |
||||||
|
cursor: pointer; |
||||||
|
&:hover { |
||||||
|
opacity: 0.9; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.detail { |
||||||
|
li { |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
.name { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-bottom: 5px; |
||||||
|
font-size: 15px; |
||||||
|
font-weight: 600; |
||||||
|
img { |
||||||
|
width: 20px; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
} |
||||||
|
.val { |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1.8; |
||||||
|
white-space: pre-wrap; |
||||||
|
p { |
||||||
|
position: relative; |
||||||
|
color: #6a6a6a; |
||||||
|
&:before { |
||||||
|
content: ''; |
||||||
|
display: inline-block; |
||||||
|
width: 5px; |
||||||
|
height: 5px; |
||||||
|
margin: 0 10px 0 5px; |
||||||
|
vertical-align: middle; |
||||||
|
border-radius: 20px; |
||||||
|
background-color: #c5b8ff; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -1,29 +0,0 @@ |
|||||||
.header{ |
|
||||||
background-color: #fff; |
|
||||||
} |
|
||||||
.login-wrap{ |
|
||||||
background: rgba(56, 157, 170, 0.82);; |
|
||||||
} |
|
||||||
.plugins-tips{ |
|
||||||
background: #f2f2f2; |
|
||||||
} |
|
||||||
.plugins-tips a{ |
|
||||||
color: #00d1b2; |
|
||||||
} |
|
||||||
.el-upload--text em { |
|
||||||
color: #00d1b2; |
|
||||||
} |
|
||||||
.pure-button{ |
|
||||||
background: #00d1b2; |
|
||||||
} |
|
||||||
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { |
|
||||||
background-color: #00d1b2 !important; |
|
||||||
border-color: #00d1b2 !important; |
|
||||||
} |
|
||||||
.tags-li.active { |
|
||||||
border: 1px solid #9278FF; |
|
||||||
background-color: #9278FF; |
|
||||||
} |
|
||||||
.collapse-btn:hover{ |
|
||||||
background: #00d1b2; |
|
||||||
} |
|
||||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 946 B |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 432 B |
|
After Width: | Height: | Size: 371 B |
|
After Width: | Height: | Size: 330 B |
|
After Width: | Height: | Size: 243 B |
|
After Width: | Height: | Size: 341 B |
|
After Width: | Height: | Size: 244 B |
|
After Width: | Height: | Size: 437 B |
|
After Width: | Height: | Size: 205 B |
|
After Width: | Height: | Size: 343 B |
|
After Width: | Height: | Size: 593 B |
|
After Width: | Height: | Size: 766 B |
|
After Width: | Height: | Size: 545 B |
|
After Width: | Height: | Size: 545 B |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 697 B |
|
After Width: | Height: | Size: 583 B |
|
After Width: | Height: | Size: 702 B |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 768 B |
@ -0,0 +1,149 @@ |
|||||||
|
<template> |
||||||
|
<div class="menus"> |
||||||
|
<el-menu class="nav" :default-active="onRoutes" background-color="#062c87" text-color="#fff" |
||||||
|
active-text-color="#333" unique-opened mode="horizontal" router @select="handleSelect"> |
||||||
|
<template v-for="item in menus"> |
||||||
|
<template v-if="item.subs"> |
||||||
|
<el-submenu :index="item.index" :key="item.index"> |
||||||
|
<template slot="title"> |
||||||
|
<!-- <i :class="item.icon"></i> --> |
||||||
|
<span slot="title">{{ item.title }}</span> |
||||||
|
</template> |
||||||
|
<template v-for="subItem in item.subs"> |
||||||
|
<el-submenu v-if="subItem.subs" :index="subItem.index" :key="subItem.index"> |
||||||
|
<template slot="title">{{ subItem.title }}</template> |
||||||
|
<el-menu-item v-for="(threeItem, i) in subItem.subs" :key="i" :index="threeItem.index">{{ |
||||||
|
threeItem.title |
||||||
|
}}</el-menu-item> |
||||||
|
</el-submenu> |
||||||
|
<el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }}</el-menu-item> |
||||||
|
</template> |
||||||
|
</el-submenu> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-menu-item :index="item.index" :key="item.index"> |
||||||
|
<!-- <i :class="item.icon"></i> --> |
||||||
|
<span slot="title">{{ item.title }}</span> |
||||||
|
</el-menu-item> |
||||||
|
</template> |
||||||
|
</template> |
||||||
|
</el-menu> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
import addRoutes from '@/libs/route/addRoutes' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
menuList: [ |
||||||
|
{ |
||||||
|
icon: 'el-icon-school', |
||||||
|
index: '/workbench', |
||||||
|
title: '工作台' |
||||||
|
}, |
||||||
|
{ |
||||||
|
icon: 'el-icon-user', |
||||||
|
index: '/customer', |
||||||
|
title: '客户管理' |
||||||
|
}, |
||||||
|
{ |
||||||
|
icon: 'el-icon-shopping-bag-2', |
||||||
|
index: '/user', |
||||||
|
title: '用户管理' |
||||||
|
}, |
||||||
|
{ |
||||||
|
icon: 'el-icon-document-checked', |
||||||
|
index: '/order', |
||||||
|
title: '订单管理' |
||||||
|
}, |
||||||
|
{ |
||||||
|
icon: 'el-icon-office-building', |
||||||
|
index: '/system', |
||||||
|
title: '系统配置' |
||||||
|
}, |
||||||
|
], |
||||||
|
menus: [], |
||||||
|
onRoutes: this.$route.path |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
"$route.path": function (val) { |
||||||
|
this.menuList.map(e => { |
||||||
|
if (val.replace('/', '') === e.index) { |
||||||
|
this.handleSelect(val.replace('/', '')) |
||||||
|
this.$forceUpdate(); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
sessionStorage.getItem('token') && this.getPer() // 登录了才获取权限 |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
handleSelect (index) { |
||||||
|
this.onRoutes = index |
||||||
|
this.$store.commit('setInfoTab', '1') |
||||||
|
this.$store.commit('setColumnId', '') |
||||||
|
this.$store.commit('setCompetitionCache', null) |
||||||
|
}, |
||||||
|
initMenu () { |
||||||
|
if (Setting.dynamicRoute) { |
||||||
|
this.menus = this.menuList |
||||||
|
return false |
||||||
|
|
||||||
|
const routes = this.$store.state.routes |
||||||
|
const menus = [] |
||||||
|
this.menuList.map(e => { |
||||||
|
routes.find(n => n.path === e.index) && menus.push(e) |
||||||
|
}) |
||||||
|
this.menus = menus |
||||||
|
} else { |
||||||
|
this.menus = this.menuList |
||||||
|
} |
||||||
|
}, |
||||||
|
// 获取权限列表 |
||||||
|
getPer () { |
||||||
|
this.$get(`${this.api.getUserRolesPermissionMenu}?platformId=${Setting.platformId}`).then(res => { |
||||||
|
const routes = res.permissionMenu[0].children |
||||||
|
addRoutes(routes) |
||||||
|
this.initMenu() |
||||||
|
this.$store.commit('setDataPer', res.dataPermissionList) |
||||||
|
}).catch(err => { |
||||||
|
if (err.status === 500) { |
||||||
|
localStorage.removeItem('ms_username'); |
||||||
|
sessionStorage.clear() |
||||||
|
location.reload() |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.menus { |
||||||
|
z-index: 2000; |
||||||
|
position: sticky; |
||||||
|
top: 0; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
background-color: #062c87; |
||||||
|
|
||||||
|
/deep/.nav { |
||||||
|
border-bottom: 0; |
||||||
|
|
||||||
|
&>.el-menu-item { |
||||||
|
height: 56px; |
||||||
|
padding: 0 30px; |
||||||
|
line-height: 56px; |
||||||
|
} |
||||||
|
|
||||||
|
&>.el-menu-item.is-active { |
||||||
|
background-color: #fff !important; |
||||||
|
border-bottom: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
export default { |
||||||
|
difficults: [ |
||||||
|
{ |
||||||
|
id: 'basic', |
||||||
|
name: '基础', |
||||||
|
coefficient: 0.2, // 难度系数，试卷里计算试卷难度专用
|
||||||
|
theme: 'success', |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'easy', |
||||||
|
name: '普通', |
||||||
|
coefficient: 0.4, |
||||||
|
theme: '', |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'medium', |
||||||
|
name: '较难', |
||||||
|
coefficient: 0.6, |
||||||
|
theme: 'warning', |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'hard', |
||||||
|
name: '难', |
||||||
|
coefficient: 0.8, |
||||||
|
theme: 'danger', |
||||||
|
}, |
||||||
|
], |
||||||
|
questionTypes: [ |
||||||
|
{ |
||||||
|
id: 'single_choice', |
||||||
|
name: '单选题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'multiple_choice', |
||||||
|
name: '多选题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'judgement', |
||||||
|
name: '判断题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'fill_blank', |
||||||
|
name: '填空题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'essay', |
||||||
|
name: '问答题' |
||||||
|
}, |
||||||
|
], |
||||||
|
} |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
export default { |
||||||
|
types: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '演示文稿类' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '视频类' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
name: '图形类' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 4, |
||||||
|
name: '文本类' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 5, |
||||||
|
name: '音频类' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 6, |
||||||
|
name: '其他' |
||||||
|
}, |
||||||
|
], |
||||||
|
} |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
export default { |
||||||
|
difficults: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '简单' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '普通' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
name: '较难' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 4, |
||||||
|
name: '难' |
||||||
|
}, |
||||||
|
], |
||||||
|
paperTypes: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '练习' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '考核' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '竞赛' |
||||||
|
}, |
||||||
|
], |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,45 +1,45 @@ |
|||||||
const util = { |
const util = { |
||||||
deepCopy(obj) { // 深拷贝
|
deepCopy (obj) { // 深拷贝
|
||||||
if (obj == null) { |
if (obj == null) { |
||||||
return null; |
return null; |
||||||
} |
} |
||||||
if (typeof obj !== "object") return obj; |
if (typeof obj !== "object") return obj; |
||||||
let result; |
let result; |
||||||
if (Array.isArray(obj)) { |
if (Array.isArray(obj)) { |
||||||
result = []; |
result = []; |
||||||
obj.forEach(item => { |
obj.forEach(item => { |
||||||
result.push( |
result.push( |
||||||
typeof item === "object" && !(item instanceof Date) |
typeof item === "object" && !(item instanceof Date) |
||||||
? util.deepCopy(item) |
? util.deepCopy(item) |
||||||
: item |
: item |
||||||
); |
); |
||||||
}); |
}); |
||||||
} else { |
} else { |
||||||
result = {}; |
result = {}; |
||||||
Object.keys(obj).forEach(key => { |
Object.keys(obj).forEach(key => { |
||||||
result[key] = |
result[key] = |
||||||
typeof obj[key] === "object" && !(obj[key] instanceof Date) |
typeof obj[key] === "object" && !(obj[key] instanceof Date) |
||||||
? util.deepCopy(obj[key]) |
? util.deepCopy(obj[key]) |
||||||
: obj[key]; |
: obj[key]; |
||||||
}); |
}); |
||||||
} |
} |
||||||
return result; |
return result; |
||||||
}, |
}, |
||||||
// 传入文件名和数据，下载文件
|
// 传入文件名和数据，下载文件
|
||||||
downloadFileDirect(fileName,data) { |
downloadFileDirect (fileName, data) { |
||||||
if ('download' in document.createElement('a')) { // 非IE下载
|
if ('download' in document.createElement('a')) { // 非IE下载
|
||||||
const elink = document.createElement('a') |
const elink = document.createElement('a') |
||||||
elink.download = fileName |
elink.download = fileName |
||||||
elink.style.display = 'none' |
elink.style.display = 'none' |
||||||
elink.href = URL.createObjectURL(data) |
elink.href = URL.createObjectURL(data) |
||||||
document.body.appendChild(elink) |
document.body.appendChild(elink) |
||||||
elink.click() |
elink.click() |
||||||
URL.revokeObjectURL(elink.href) // 释放URL 对象
|
URL.revokeObjectURL(elink.href) // 释放URL 对象
|
||||||
document.body.removeChild(elink) |
document.body.removeChild(elink) |
||||||
} else { // IE10+下载
|
} else { // IE10+下载
|
||||||
navigator.msSaveBlob(data, fileName) |
navigator.msSaveBlob(data, fileName) |
||||||
} |
} |
||||||
}, |
}, |
||||||
}; |
}; |
||||||
|
|
||||||
export default util; |
export default util; |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,204 +0,0 @@ |
|||||||
<template> |
|
||||||
<div> |
|
||||||
<el-row :gutter="20"> |
|
||||||
<el-col :span="24"> |
|
||||||
<el-card shadow="hover" class="mgb20"> |
|
||||||
<div class="flex-between"> |
|
||||||
<div class="per_title" @click="goback()"> |
|
||||||
<i class="el-icon-arrow-left"></i> |
|
||||||
<span class="per_back">返回</span> |
|
||||||
<span class="per_school">添加环节</span> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<el-button type="primary" round class="mag" @click="saveAdd('form')">确定 |
|
||||||
</el-button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</el-card> |
|
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
|
||||||
<div class="flex-between mgb20 user_header"> |
|
||||||
<div class="flex-center"> |
|
||||||
<p class="addhr_tag"></p> |
|
||||||
<span>环节1.1</span> |
|
||||||
</div> |
|
||||||
<el-button type="primary" round class="mag" @click="addcourse()">添加环节</el-button> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
|
||||||
<el-form :model="form" ref="form" label-width="120px" class="courseware"> |
|
||||||
<ul class="mgb20"> |
|
||||||
<li v-for="(item,index) in form.courseList" :key="index" class="flex-between"> |
|
||||||
<div style="width: 50%;"> |
|
||||||
<el-form-item label="环节名称" :prop="'courseList.' + index + '.linkName'" |
|
||||||
:rules="{required: true, message: '请输入项目课件', trigger: 'blur'}"> |
|
||||||
<el-input placeholder="请输入项目课件" v-model="item.linkName"></el-input> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="资源添加" :prop="'courseList.' + index + '.fileLink'" |
|
||||||
:rules="{required: true, message: '请添加文件', trigger: 'blur'}"> |
|
||||||
<el-upload |
|
||||||
class="link_upload" |
|
||||||
:headers="{token}" |
|
||||||
:action="api.uploadFiles" |
|
||||||
:on-remove="(file, fileList)=>{return handleRemove(file, fileList, index)}" |
|
||||||
:on-error="uploadError" |
|
||||||
:on-success="(response, file, fileList)=>{return uploadSuccess(response, file, fileList, index)}" |
|
||||||
:before-remove="beforeRemove" |
|
||||||
:limit="1" |
|
||||||
:on-exceed="handleExceed" |
|
||||||
:file-list="item.uploadList"> |
|
||||||
<el-button size="medium" type="primary" icon="el-icon-upload" |
|
||||||
class="uploadTitle">点击上传 |
|
||||||
</el-button> |
|
||||||
</el-upload> |
|
||||||
</el-form-item> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<el-button size="medium" type="primary" @click="delCourse(index)">删除课件 |
|
||||||
</el-button> |
|
||||||
</div> |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</el-card> |
|
||||||
</el-col> |
|
||||||
</el-row> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
token: this.$store.state.loginToken, |
|
||||||
form: { |
|
||||||
courseList: [{ |
|
||||||
projectId: this.$store.state.systemId, |
|
||||||
courseId: this.$store.state.courseId, |
|
||||||
linkName: "", |
|
||||||
fileLink: "", |
|
||||||
uploadList: [] |
|
||||||
}] |
|
||||||
} |
|
||||||
}; |
|
||||||
}, |
|
||||||
mounted() { |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getData() { |
|
||||||
let data = { |
|
||||||
projectId: this.form.courseList[0].projectId, |
|
||||||
courseId: this.form.courseList[0].courseId |
|
||||||
}; |
|
||||||
this.$get(this.api.queryLinkDetails, data).then((res) => { |
|
||||||
res.message.map(e => { |
|
||||||
var arr = []; |
|
||||||
arr.push({ name: e.linkName, url: e.fileLink }); |
|
||||||
this.$set(e, "uploadList", arr); |
|
||||||
}); |
|
||||||
this.form.courseList = res.message; |
|
||||||
}).catch((res) => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
saveAdd(formName) { |
|
||||||
this.$refs[formName].validate((valid) => { |
|
||||||
if (valid) { |
|
||||||
var arr = this.form.courseList.map(v => { |
|
||||||
var obj = { |
|
||||||
...v |
|
||||||
}; |
|
||||||
delete obj.uploadList; |
|
||||||
return obj; |
|
||||||
}); |
|
||||||
let data = { |
|
||||||
courseLink: arr |
|
||||||
}; |
|
||||||
this.$post(this.api.addCourseLink, data).then((res) => { |
|
||||||
this.$message.success("添加成功！"); |
|
||||||
this.goback(); |
|
||||||
}).catch((res) => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
addcourse() { |
|
||||||
this.form.courseList = this.form.courseList.concat({ |
|
||||||
projectId: this.$store.state.systemId, |
|
||||||
courseId: this.$store.state.courseId, |
|
||||||
linkName: "", |
|
||||||
fileLink: "", |
|
||||||
uploadList: [] |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 上传文件 |
|
||||||
handleExceed(files, fileList) { |
|
||||||
this.$message.warning( |
|
||||||
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
|
||||||
); |
|
||||||
}, |
|
||||||
uploadSuccess(response, file, fileList, idx) { |
|
||||||
this.form.courseList[idx].uploadList.push({ name: file.name, url: response.message.fileUrl }); |
|
||||||
this.form.courseList[idx].fileLink = response.message.fileUrl; |
|
||||||
}, |
|
||||||
uploadError(err, file, fileList) { |
|
||||||
this.$message({ |
|
||||||
message: "上传出错，请重试！", |
|
||||||
type: "error", |
|
||||||
center: true |
|
||||||
}); |
|
||||||
}, |
|
||||||
beforeRemove(file, fileList) { |
|
||||||
return this.$confirm(`确定移除 ${file.name}？`); |
|
||||||
}, |
|
||||||
handleRemove(file, fileList, idx) { |
|
||||||
let uploadList = this.form.courseList[idx].uploadList; |
|
||||||
uploadList.forEach((item, index) => { |
|
||||||
if (file.name == item.name) { |
|
||||||
uploadList.splice(index, 1); |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
delCourse(index) { |
|
||||||
this.$confirm("确定要删除该课件吗？", "提示", { |
|
||||||
type: "warning" |
|
||||||
}) |
|
||||||
.then(() => { |
|
||||||
this.form.courseList.splice(index, 1); |
|
||||||
this.$message.success("删除成功"); |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
goback() { |
|
||||||
this.$router.go(-1); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped> |
|
||||||
/* .courseware ul .el-input{ |
|
||||||
width: 30%; |
|
||||||
} */ |
|
||||||
|
|
||||||
.courseware ul li { |
|
||||||
margin-top: 20px; |
|
||||||
padding: 0 0 10px 0; |
|
||||||
border-bottom: 1px dashed #eee; |
|
||||||
} |
|
||||||
|
|
||||||
.courseware ul li:first-child { |
|
||||||
margin-top: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.courseware ul li:last-child { |
|
||||||
border-bottom: none; |
|
||||||
} |
|
||||||
|
|
||||||
.uploadTitle { |
|
||||||
height: 40px !important; |
|
||||||
font-size: 16px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,327 +0,0 @@ |
|||||||
<template> |
|
||||||
<div> |
|
||||||
<el-card shadow="hover" class="mgb20"> |
|
||||||
<div> |
|
||||||
<div class="flex-center mgb20"> |
|
||||||
<p class="hr_tag"></p> |
|
||||||
<span>筛选</span> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<el-form label-width="80px"> |
|
||||||
<el-col :span="4"> |
|
||||||
<el-form-item label="学科类别"> |
|
||||||
<el-select v-model="form.categoryId" clearable |
|
||||||
@change="getProfessionalClass()" @clear="clearClass()"> |
|
||||||
<el-option v-for="(item,index) in subjectList" :key="index" |
|
||||||
:label="item.disciplineName" |
|
||||||
:value="item.disciplineId"></el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
<el-col :span="4"> |
|
||||||
<el-form-item label="专业类"> |
|
||||||
<el-select v-model="form.professionalCategoryId" clearable |
|
||||||
:disabled="form.categoryId ? false : true" |
|
||||||
@change="getProfessional()" @clear="clearProfess()"> |
|
||||||
<el-option v-for="(item,index) in ProfessionalClassList" :key="index" |
|
||||||
:label="item.professionalClassName" |
|
||||||
:value="item.professionalClassId"></el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
<el-col :span="4"> |
|
||||||
<el-form-item label="专业"> |
|
||||||
<el-select v-model="form.professionalId" clearable |
|
||||||
:disabled="form.professionalCategoryId ? false : true" |
|
||||||
@change="getData()"> |
|
||||||
<el-option v-for="(item,index) in ProfessionalList" :key="index" |
|
||||||
:label="item.professionalName" |
|
||||||
:value="item.professionalId"></el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
<el-col :span="4"> |
|
||||||
<el-form-item label="课程类别"> |
|
||||||
<el-select v-model="form.curriculumType" clearable |
|
||||||
@change="getData()"> |
|
||||||
<el-option label="理论课程" :value="0"></el-option> |
|
||||||
<el-option label="实训课程" :value="1"></el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
<el-col :span="6"> |
|
||||||
<el-form-item> |
|
||||||
<el-input placeholder="请输入课程名称" prefix-icon="el-icon-search" |
|
||||||
v-model="form.curriculumName" clearable |
|
||||||
@keyup.enter.native="onSearch"></el-input> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</el-card> |
|
||||||
|
|
||||||
<el-card shadow="hover" class="card"> |
|
||||||
<div class="flex-between mgb20"> |
|
||||||
<div class="flex-center"> |
|
||||||
<p class="hr_tag"></p> |
|
||||||
<span>课程列表</span> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<el-button type="primary" round @click="addcourse" v-auth>新增课程</el-button> |
|
||||||
<el-button type="primary" round @click="delAllSelection" v-auth>批量删除</el-button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<el-table v-loading="loading" :data="courseData" class="table" ref="table" stripe header-align="center" |
|
||||||
@selection-change="handleSelectionChange" :row-key="getRowKeys"> |
|
||||||
<el-table-column type="selection" width="55" align="center" |
|
||||||
:reserve-selection="true"></el-table-column> |
|
||||||
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column> |
|
||||||
<el-table-column prop="curriculumName" label="课程名称" align="center"></el-table-column> |
|
||||||
<el-table-column prop="curriculumType" label="课程类型" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span class="ellipsis">{{ courseTypeStatus[scope.row.curriculumType] }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="userName" label="创建人" align="center"></el-table-column> |
|
||||||
<el-table-column label="配置的实训应用" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span class="ellipsis">{{ scope.row.sysName }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="orderVolume" label="订单量" align="center"></el-table-column> |
|
||||||
<el-table-column prop="expectedCourse" label="预计课时" align="center"></el-table-column> |
|
||||||
<el-table-column label="上架/下架" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-switch |
|
||||||
v-model="scope.row.isShelves" |
|
||||||
:active-value="1" |
|
||||||
:inactive-value="0" |
|
||||||
@change="changeSwitch($event, scope.row)" |
|
||||||
v-auth="'/curriculum:上下架'"> |
|
||||||
</el-switch> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="edit(scope.row)" v-auth>编辑</el-button> |
|
||||||
<el-button type="text" @click="config(scope.row)" v-auth>内容设置</el-button> |
|
||||||
<el-button type="text" @click="handleDelete(scope.row)" v-auth>删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<div class="pagination"> |
|
||||||
<el-pagination background @current-change="handleCurrentChange" :current-page="pageNo" |
|
||||||
layout="total, prev, pager, next" :total="totals"></el-pagination> |
|
||||||
</div> |
|
||||||
</el-card> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
name: "customer", |
|
||||||
data() { |
|
||||||
return { |
|
||||||
courseTypeStatus: { |
|
||||||
0: "理论课程", |
|
||||||
1: "实训课程" |
|
||||||
}, |
|
||||||
name: localStorage.getItem("ms_username"), |
|
||||||
courseData: [], |
|
||||||
form: { |
|
||||||
categoryId: "", |
|
||||||
professionalCategoryId: "", |
|
||||||
professionalId: "", |
|
||||||
curriculumType: "", |
|
||||||
curriculumName: "" |
|
||||||
}, |
|
||||||
pageNo: +this.$route.query.page || 1, |
|
||||||
pageSize: 10, |
|
||||||
totals: 0, |
|
||||||
subjectList: [], // 学科类别 |
|
||||||
ProfessionalClassList: [], // 专业类 |
|
||||||
ProfessionalList: [], // 专业 |
|
||||||
multipleSelection: [], |
|
||||||
loading: false, |
|
||||||
searchTimer: null |
|
||||||
}; |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
"form.curriculumName": function(val) { |
|
||||||
clearTimeout(this.searchTimer); |
|
||||||
this.searchTimer = setTimeout(() => { |
|
||||||
this.initData(); |
|
||||||
}, 500); |
|
||||||
} |
|
||||||
}, |
|
||||||
mounted() { |
|
||||||
this.getSubject(); |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getRowKeys(row) { |
|
||||||
return row.cid; |
|
||||||
}, |
|
||||||
// 获取列表数据 |
|
||||||
getData() { |
|
||||||
const sid = this.$store.state.dataPer.find(e => e.permissionName === '课程管理') |
|
||||||
let data = { |
|
||||||
...this.form, |
|
||||||
pageNum: this.pageNo, |
|
||||||
pageSize: this.pageSize, |
|
||||||
supplierId: sid ? sid.supplierId : '' |
|
||||||
}; |
|
||||||
this.$post(this.api.curriculumList, data).then(res => { |
|
||||||
this.courseData = res.page.records; |
|
||||||
this.totals = res.page.total; |
|
||||||
this.loading = false; |
|
||||||
}).catch(err => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
initData() { |
|
||||||
this.pageNo = 1; |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
// 获取学科类别 |
|
||||||
getSubject() { |
|
||||||
this.$get(this.api.courseDiscipline).then(res => { |
|
||||||
this.subjectList = res.list; |
|
||||||
}).catch(err => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 清除学科类别 |
|
||||||
clearClass() { |
|
||||||
this.form.professionalCategoryId = ""; |
|
||||||
this.form.professionalId = ""; |
|
||||||
}, |
|
||||||
// 获取专业类 |
|
||||||
getProfessionalClass() { |
|
||||||
this.clearClass(); |
|
||||||
this.getProfessionalClassData(); |
|
||||||
this.pageNo = 1; |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
getProfessionalClassData() { |
|
||||||
let data = { |
|
||||||
disciplineId: this.form.categoryId |
|
||||||
}; |
|
||||||
this.$get(this.api.courseProfessionalClass, data).then(res => { |
|
||||||
this.ProfessionalClassList = res.list; |
|
||||||
}).catch(err => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 清除专业类 |
|
||||||
clearProfess() { |
|
||||||
this.form.professionalId = ""; |
|
||||||
}, |
|
||||||
// 获取专业 |
|
||||||
getProfessional() { |
|
||||||
this.clearProfess(); |
|
||||||
this.getProfessionalData(); |
|
||||||
this.pageNo = 1; |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
getProfessionalData() { |
|
||||||
let data = { |
|
||||||
professionalClassId: this.form.professionalCategoryId |
|
||||||
}; |
|
||||||
this.$get(this.api.courseProfessional, data).then(res => { |
|
||||||
this.ProfessionalList = res.list; |
|
||||||
}).catch(err => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 新建课程 |
|
||||||
addcourse() { |
|
||||||
this.$router.push("/addcurriculum"); |
|
||||||
}, |
|
||||||
// 编辑 |
|
||||||
edit(row) { |
|
||||||
this.$router.push(`/addcurriculum?cid=${row.cid}`); |
|
||||||
}, |
|
||||||
// 内容设置 |
|
||||||
config(row) { |
|
||||||
this.$router.push(`/contentSettings?cid=${row.cid}&name=${row.curriculumName}`); |
|
||||||
}, |
|
||||||
// 删除 |
|
||||||
handleDelete(row) { |
|
||||||
this.$post(`${this.api.deleteCoursePrompt}?cids=${row.cid}`).then(({ status }) => { |
|
||||||
if (status === 200) { |
|
||||||
this.$confirm("确定要删除吗？", "提示", { |
|
||||||
type: "warning" |
|
||||||
}).then(() => { |
|
||||||
this.$post(`${this.api.delCourse}?cids=${row.cid}`).then(res => { |
|
||||||
this.getData(); |
|
||||||
this.$message.success("删除成功"); |
|
||||||
}).catch(err => {}) |
|
||||||
}).catch(() => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}).catch(err => {}) |
|
||||||
}, |
|
||||||
// 处理多选 |
|
||||||
handleSelectionChange(val) { |
|
||||||
this.multipleSelection = val; |
|
||||||
}, |
|
||||||
// 批量删除 |
|
||||||
delAllSelection() { |
|
||||||
if (this.multipleSelection.length) { |
|
||||||
let cids = [] |
|
||||||
this.multipleSelection.forEach(i => { |
|
||||||
cids.push('cids=' + i.cid) |
|
||||||
}); |
|
||||||
this.$post(`${this.api.deleteCoursePrompt}?${cids.join('&')}`).then(({ status }) => { |
|
||||||
if (status === 200) { |
|
||||||
this.$confirm("确定要删除吗？", "提示", { |
|
||||||
type: "warning" |
|
||||||
}).then(() => { |
|
||||||
let ids = this.multipleSelection.map(i => i.cid); |
|
||||||
this.$post(`${this.api.delCourse}?cids=${ids.toString()}`).then(res => { |
|
||||||
if(ids.length == this.courseData.length){ |
|
||||||
if(this.pageNo > 1){ |
|
||||||
this.pageNo = this.pageNo-1 |
|
||||||
} |
|
||||||
} |
|
||||||
this.getData(); |
|
||||||
this.$message.success("删除成功"); |
|
||||||
this.$refs.table.clearSelection() |
|
||||||
}).catch(err => {}) |
|
||||||
}).catch(() => {}) |
|
||||||
} |
|
||||||
}).catch(err => {}) |
|
||||||
} else { |
|
||||||
this.$message.warning("请先选择课程 ！"); |
|
||||||
} |
|
||||||
}, |
|
||||||
// 处理页码切换 |
|
||||||
handleCurrentChange(val) { |
|
||||||
this.pageNo = val; |
|
||||||
this.$router.push(`curriculum?page=${val}`) |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
// 课程名称条件搜索 |
|
||||||
onSearch() { |
|
||||||
this.pageNo = 1; |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
// 上下架 |
|
||||||
changeSwitch(value, row) { |
|
||||||
this.$post(`${this.api.isShelves}?cid=${row.cid}&isShelves=${value}`).then((res) => { |
|
||||||
this.getData(); |
|
||||||
this.$message.success("修改上下架状态成功！"); |
|
||||||
}).catch((res) => { |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped> |
|
||||||
.card { |
|
||||||
min-height: calc(100vh - 300px); |
|
||||||
} |
|
||||||
.mag { |
|
||||||
margin-right: 20px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,610 @@ |
|||||||
|
<template> |
||||||
|
<el-drawer title="添加系统资源" :visible.sync="sourceVisible" size="1200px" :close-on-click-modal="false" |
||||||
|
custom-class="source-dia" @closed="closeDia"> |
||||||
|
<div class="overflow" v-loading="loading"> |
||||||
|
<div class="left"> |
||||||
|
<div class="tabs mgb20"> |
||||||
|
<a class="item" v-for="(item, i) in tabs" :key="i" :class="{ active: i == active }" @click="tabChange(i)">{{ |
||||||
|
item |
||||||
|
}}</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
<template v-if="active !== 'tab3'"> |
||||||
|
<el-input class="mgb10" style="width: 300px" placeholder="请输入资源名称" prefix-icon="el-icon-search" |
||||||
|
v-model="keyword" clearable></el-input> |
||||||
|
|
||||||
|
<div class="course"> |
||||||
|
<div v-for="(course, i) in course" :key="i" class="item"> |
||||||
|
<div class="line"> |
||||||
|
<i :class="`el-icon-caret-right arrow ${course.shrink ? 'active' : ''}`" |
||||||
|
@click="course.shrink = !course.shrink"></i> |
||||||
|
<el-checkbox class="check" v-model="course.check" @change="checkCourse(course)"></el-checkbox> |
||||||
|
<img v-if="course.coverUrl" class="cover" :src="course.coverUrl" alt=""> |
||||||
|
<span class="course-name">{{ course.curriculumName || course.courseName }}</span> |
||||||
|
</div> |
||||||
|
<div v-if="course.shrink" class="chapters"> |
||||||
|
<!-- 章节 --> |
||||||
|
<div v-for="(chapter, j) in course.chapters" :key="j" class=""> |
||||||
|
<div class="line"> |
||||||
|
<i :class="`el-icon-caret-right arrow ${chapter.shrink ? 'active' : ''}`" |
||||||
|
@click="chapter.shrink = !chapter.shrink"></i> |
||||||
|
<el-checkbox class="check" v-model="chapter.check" @change="checkChapter(chapter, course)">{{ |
||||||
|
chapter.name |
||||||
|
}}</el-checkbox> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- 小节 --> |
||||||
|
<div v-if="chapter.shrink" class="sections"> |
||||||
|
<div v-for="(section, k) in chapter.subsections" :key="k" class="line"> |
||||||
|
<el-checkbox class="check" v-model="section.check" @change="checkSection(section, chapter)"> |
||||||
|
<img v-if="section.fileType === 'pptx'" src="@/assets/img/exts/ppt.png" alt=""> |
||||||
|
<img v-else-if="section.fileType === 'mp4'" src="@/assets/img/exts/video.png" alt=""> |
||||||
|
<img v-else-if="section.fileType === 'doc' || section.fileType === 'docx'" |
||||||
|
src="@/assets/img/exts/word.png" alt=""> |
||||||
|
<img v-else-if="section.fileType === 'xlsx' || section.fileType === 'xls'" |
||||||
|
src="@/assets/img/exts/excel.png" alt=""> |
||||||
|
<img v-else-if="section.fileType === 'txt'" src="@/assets/img/exts/txt.png" alt=""> |
||||||
|
<img v-else-if="section.fileType === 'pdf'" src="@/assets/img/exts/pdf.png" alt=""> |
||||||
|
<img v-else src="@/assets/img/exts/pic.png" alt=""> |
||||||
|
{{ section.name }}</el-checkbox> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<!-- 文件素材 --> |
||||||
|
<div v-else class="materials"> |
||||||
|
<div class="types"> |
||||||
|
<div class="flex-center m-b-10"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>资源类型</span> |
||||||
|
</div> |
||||||
|
<ul class="lines"> |
||||||
|
<li v-for="(item, i) in sourceType" :key="i" :class="['line', { active: curType === item.name }]" |
||||||
|
@click="checkType(item)">{{ item.name }}</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="sources"> |
||||||
|
<div class="flex-center m-b-10"> |
||||||
|
<p class="addhr_tag"></p> |
||||||
|
<span>资源列表</span> |
||||||
|
</div> |
||||||
|
<el-input class="m-b-10" placeholder="请输入资源名称" prefix-icon="el-icon-search" v-model="keyword" |
||||||
|
clearable></el-input> |
||||||
|
<ul class="lines"> |
||||||
|
<el-checkbox v-if="sources.length" v-model="checkAll" label="全选" @change="checkAllChange"></el-checkbox> |
||||||
|
<li v-for="(item, i) in sources" :key="i" class="line"> |
||||||
|
<el-checkbox v-model="item.check" :label="item.resourceName" @change="sourceChange(item)"></el-checkbox> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="right"> |
||||||
|
<div v-if="$parent.curSection.id" class="m-b-20"> |
||||||
|
<p class="total m-b-10">原资源（共1个）</p> |
||||||
|
<div v-html="$parent.curSection.name"></div> |
||||||
|
</div> |
||||||
|
<template v-if="checked.length"> |
||||||
|
<div class="flex-between m-b-10"> |
||||||
|
<p class="total">已选资源（共{{ checked.length }}个）</p> |
||||||
|
<el-button type="text" @click="batchDelChecked">批量移除</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-input placeholder="请输入资源名称" prefix-icon="el-icon-search" v-model="checkedKeyword" clearable></el-input> |
||||||
|
|
||||||
|
<div class="lines"> |
||||||
|
<template v-for="(item, i) in checked"> |
||||||
|
<div v-if="!item.name || item.name.includes(checkedKeyword)" :key="i" class="line"> |
||||||
|
<div class="check-left"> |
||||||
|
<el-checkbox v-model="item.check"></el-checkbox> |
||||||
|
<span class="serial">{{ i + 1 }}</span> |
||||||
|
<el-tooltip effect="dark" :content="item.name" placement="top-start"> |
||||||
|
<p class="checked-name ellipsis">{{ item.name }}</p> |
||||||
|
</el-tooltip> |
||||||
|
</div> |
||||||
|
<i class="el-icon-delete action-icon" @click="delChecked(item)"></i> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<div v-else class="empty"> |
||||||
|
<img class="icon" src="@/assets/img/empty.svg" alt=""> |
||||||
|
<p>暂无数据</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="btns"> |
||||||
|
<el-button @click="sourceVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" :loading="submiting" @click="submit">确定</el-button> |
||||||
|
</div> |
||||||
|
</el-drawer> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
import Util from '@/libs/util' |
||||||
|
import _ from 'lodash' |
||||||
|
import SourceConst from '@/const/source' |
||||||
|
export default { |
||||||
|
props: ['visible'], |
||||||
|
data () { |
||||||
|
return { |
||||||
|
sourceVisible: false, |
||||||
|
active: 'tab1', |
||||||
|
tabs: { |
||||||
|
tab1: '教学课程', |
||||||
|
tab2: '精品课程', |
||||||
|
tab3: '文件素材', |
||||||
|
}, |
||||||
|
sourceType: [], |
||||||
|
curType: '全部', |
||||||
|
sources: [], |
||||||
|
checkAll: false, |
||||||
|
keyword: '', |
||||||
|
searchTimer: null, |
||||||
|
checkedKeyword: '', |
||||||
|
|
||||||
|
allSections: [], |
||||||
|
course: [], |
||||||
|
|
||||||
|
checked: [], |
||||||
|
submiting: false, |
||||||
|
loading: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
'keyword': function (val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.getCourse, 500) |
||||||
|
}, |
||||||
|
visible () { |
||||||
|
this.sourceVisible = this.visible |
||||||
|
this.visible && this.init() |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 初始化 |
||||||
|
init () { |
||||||
|
this.checked = [] |
||||||
|
this.curType = '全部' |
||||||
|
this.sourceType = [ |
||||||
|
{ |
||||||
|
id: '', |
||||||
|
name: '全部' |
||||||
|
}, |
||||||
|
...SourceConst.types |
||||||
|
] |
||||||
|
this.sourceType.forEach(e => { |
||||||
|
e.check = false |
||||||
|
}) |
||||||
|
this.getCourse() |
||||||
|
}, |
||||||
|
// 课程列表 |
||||||
|
async getCourse () { |
||||||
|
try { |
||||||
|
this.loading = true |
||||||
|
this.checkAll = false |
||||||
|
const { checked } = this |
||||||
|
if (this.active === 'tab3') { |
||||||
|
const { page } = await this.$post(this.api.resourceLibrary, { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10000, |
||||||
|
platformId: Setting.platformId, |
||||||
|
type: 2, |
||||||
|
keyword: this.keyword, |
||||||
|
displayFileType: this.curType === '全部' ? [] : [this.curType], |
||||||
|
}) |
||||||
|
const list = page.records |
||||||
|
list.forEach(e => { |
||||||
|
const cur = checked.find(m => m.resourceName && m.id === e.id) |
||||||
|
e.name = e.resourceName |
||||||
|
e.check = !!cur |
||||||
|
}) |
||||||
|
this.sources = list |
||||||
|
} else { |
||||||
|
const { list } = await this.$post(`${this.api[this.active === 'tab1' ? 'curriculumTree' : 'boutiqueCurriculumTree']}?name=${this.keyword}`) |
||||||
|
if (list.length) { |
||||||
|
const all = [] |
||||||
|
list.forEach(e => { |
||||||
|
e.shrink = false |
||||||
|
e.check = false |
||||||
|
e.chapters.forEach(n => { |
||||||
|
n.shrink = false |
||||||
|
n.check = false |
||||||
|
all.push(...n.subsections) |
||||||
|
n.subsections.forEach(m => { |
||||||
|
const cur = checked.find(j => m.cid === j.cid && m.id === j.id) |
||||||
|
m.check = !!cur |
||||||
|
}) |
||||||
|
}) |
||||||
|
}) |
||||||
|
|
||||||
|
list.forEach(e => { |
||||||
|
e.shrink = false |
||||||
|
e.check = false |
||||||
|
e.chapters.forEach(n => { |
||||||
|
n.shrink = false |
||||||
|
n.check = n.subsections.every(m => m.check) |
||||||
|
}) |
||||||
|
}) |
||||||
|
|
||||||
|
list.forEach(e => { |
||||||
|
e.shrink = false |
||||||
|
e.check = e.chapters.every(m => m.check) |
||||||
|
}) |
||||||
|
|
||||||
|
list[0].shrink = true |
||||||
|
list[0].chapters[0].shrink = true |
||||||
|
this.allSections = all |
||||||
|
} |
||||||
|
this.course = list |
||||||
|
} |
||||||
|
} finally { |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.page = 1; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
tabChange (index) { |
||||||
|
this.keyword = '' |
||||||
|
this.active = index |
||||||
|
this.getCourse() |
||||||
|
}, |
||||||
|
// 课程多选回调 |
||||||
|
checkCourse (row) { |
||||||
|
const { check } = row |
||||||
|
const { checked } = this |
||||||
|
row.chapters.forEach(e => { |
||||||
|
e.check = check |
||||||
|
e.subsections.forEach(n => { |
||||||
|
n.check = check |
||||||
|
const cur = checked.findIndex(m => m.id === n.id) |
||||||
|
if (check) { |
||||||
|
if (cur === -1) { |
||||||
|
const section = _.cloneDeep(n) |
||||||
|
section.check = false |
||||||
|
checked.push(section) |
||||||
|
} |
||||||
|
} else { |
||||||
|
cur !== -1 && checked.splice(cur, 1) |
||||||
|
} |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 章节多选回调 |
||||||
|
checkChapter (row, course) { |
||||||
|
const { check } = row |
||||||
|
const { checked } = this |
||||||
|
row.subsections.forEach(n => { |
||||||
|
n.check = check |
||||||
|
const cur = checked.findIndex(m => m.id === n.id) |
||||||
|
if (check) { |
||||||
|
if (cur === -1) { |
||||||
|
const section = _.cloneDeep(n) |
||||||
|
section.check = false |
||||||
|
checked.push(section) |
||||||
|
} |
||||||
|
} else { |
||||||
|
cur !== -1 && checked.splice(cur, 1) |
||||||
|
} |
||||||
|
}) |
||||||
|
course.check = course.chapters.every(e => e.check) |
||||||
|
}, |
||||||
|
// 小节多选回调 |
||||||
|
async checkSection (row, chapter) { |
||||||
|
const { check } = row |
||||||
|
const { checked } = this |
||||||
|
const cur = checked.findIndex(m => m.id === row.id) |
||||||
|
if (check) { |
||||||
|
if (cur === -1) { |
||||||
|
const section = _.cloneDeep(row) |
||||||
|
section.check = false |
||||||
|
this.checked.push(section) |
||||||
|
} |
||||||
|
} else { |
||||||
|
cur !== -1 && this.checked.splice(cur, 1) |
||||||
|
} |
||||||
|
chapter.check = chapter.subsections.every(e => e.check) |
||||||
|
}, |
||||||
|
// 资源全选回调 |
||||||
|
checkAllChange (val) { |
||||||
|
this.sources.map(e => { |
||||||
|
e.check = val |
||||||
|
this.sourceChange(e) |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 资源类型选择回调 |
||||||
|
checkType ({ name }) { |
||||||
|
this.curType = name |
||||||
|
this.getCourse() |
||||||
|
}, |
||||||
|
// 资源列表选择回调 |
||||||
|
sourceChange (row) { |
||||||
|
const { check } = row |
||||||
|
const { checked } = this |
||||||
|
const cur = checked.findIndex(m => m.id === row.id) |
||||||
|
if (check) { |
||||||
|
if (cur === -1) { |
||||||
|
const section = _.cloneDeep(row) |
||||||
|
section.check = false |
||||||
|
this.checked.push(section) |
||||||
|
} |
||||||
|
} else { |
||||||
|
cur !== -1 && this.checked.splice(cur, 1) |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
// 批量移除 |
||||||
|
async batchDelChecked (val) { |
||||||
|
try { |
||||||
|
const checked = this.checked.filter(e => e.check) |
||||||
|
if (checked.length) { |
||||||
|
checked.map(e => { |
||||||
|
const cur = this.allSections.find(n => n.id === e.id) |
||||||
|
if (cur) { |
||||||
|
cur.check = false |
||||||
|
} |
||||||
|
}) |
||||||
|
this.checked = this.checked.filter(e => !e.check) |
||||||
|
} else { |
||||||
|
Util.warningMsg('请选择数据') |
||||||
|
} |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 已选单个删除 |
||||||
|
async delChecked (item) { |
||||||
|
try { |
||||||
|
const cur = this.allSections.find(e => e.id === item.id) |
||||||
|
if (cur) cur.check = false |
||||||
|
this.checked.splice(this.checked.findIndex(e => e.id === item.id), 1) |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 提交 |
||||||
|
async submit () { |
||||||
|
try { |
||||||
|
if (this.submiting) return false |
||||||
|
const { checked } = this |
||||||
|
if (checked.length) { |
||||||
|
this.submiting = true |
||||||
|
const { chapterId, id } = this.$parent |
||||||
|
const result = checked.map(e => { |
||||||
|
return { |
||||||
|
chapterId, |
||||||
|
cid: id, |
||||||
|
resourceId: e.id, |
||||||
|
type: e.cid ? 0 : e.resourceName ? 2 : 1, |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
const old = this.$parent.curSection // 需要更换的资源 |
||||||
|
if (old.id) { |
||||||
|
// 更换资源 |
||||||
|
await this.$post(this.api.replaceResource, { |
||||||
|
chapterId: old.chapterId, |
||||||
|
cid: +id, |
||||||
|
subsectionId: old.id, |
||||||
|
newResource: result |
||||||
|
}) |
||||||
|
|
||||||
|
} else { |
||||||
|
// 批量新增资源 |
||||||
|
await this.$post(this.api.combinationResource, result) |
||||||
|
} |
||||||
|
|
||||||
|
this.sourceVisible = false |
||||||
|
this.$parent.switchTypeVisible = false |
||||||
|
this.$parent.getData() |
||||||
|
this.submiting = false |
||||||
|
} else { |
||||||
|
Util.warningMsg('请选择资源') |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
this.submiting = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 弹框关闭回调 |
||||||
|
closeDia () { |
||||||
|
this.$emit('update:visible', false) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
/deep/.source-dia { |
||||||
|
.el-drawer__header { |
||||||
|
padding-bottom: 20px; |
||||||
|
margin-bottom: 0; |
||||||
|
border-bottom: 1px solid #eee; |
||||||
|
} |
||||||
|
|
||||||
|
.overflow { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
|
||||||
|
.btns { |
||||||
|
position: absolute; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
padding: 14px 0; |
||||||
|
text-align: center; |
||||||
|
background-color: #fff; |
||||||
|
box-shadow: 4px -2px 6px 0px rgba(198, 198, 198, 0.3500); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.empty { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
height: 100%; |
||||||
|
font-size: 14px; |
||||||
|
text-align: center; |
||||||
|
color: #a3a3a3; |
||||||
|
} |
||||||
|
|
||||||
|
.left { |
||||||
|
width: 700px; |
||||||
|
padding: 0 15px; |
||||||
|
border-right: 1px solid #eee; |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
.course { |
||||||
|
height: calc(100vh - 263px); |
||||||
|
overflow: auto; |
||||||
|
|
||||||
|
.item { |
||||||
|
padding: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
background-color: #f9f9f9; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.line { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.arrow { |
||||||
|
font-size: 16px; |
||||||
|
color: #9f9f9f; |
||||||
|
cursor: pointer; |
||||||
|
transition: .3s; |
||||||
|
|
||||||
|
&.active { |
||||||
|
transform: rotate(90deg); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.check { |
||||||
|
margin: 0 10px; |
||||||
|
|
||||||
|
img { |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.cover { |
||||||
|
width: 100px; |
||||||
|
max-height: 80px; |
||||||
|
margin-right: 15px; |
||||||
|
border-radius: 6px; |
||||||
|
} |
||||||
|
|
||||||
|
.course-name { |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
|
||||||
|
.chapters { |
||||||
|
padding-left: 26px; |
||||||
|
margin-top: 10px; |
||||||
|
|
||||||
|
.line { |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.chapter-name { |
||||||
|
font-size: 13px; |
||||||
|
color: #ccc; |
||||||
|
} |
||||||
|
|
||||||
|
.sections { |
||||||
|
padding-left: 43px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.right { |
||||||
|
flex: 1; |
||||||
|
padding: 15px; |
||||||
|
|
||||||
|
.total { |
||||||
|
font-size: 15px; |
||||||
|
color: #333; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
|
||||||
|
.lines { |
||||||
|
height: calc(100vh - 228px); |
||||||
|
padding-right: 10px; |
||||||
|
margin-top: 10px; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
.line { |
||||||
|
display: flex; |
||||||
|
padding: 5px 0; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
|
||||||
|
.serial { |
||||||
|
width: 32px; |
||||||
|
margin: 0 12px; |
||||||
|
text-align: center; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
|
||||||
|
.check-left { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.checked-name { |
||||||
|
width: 360px; |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.action-icon { |
||||||
|
font-size: 14px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.materials { |
||||||
|
display: flex; |
||||||
|
gap: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.types { |
||||||
|
width: 250px; |
||||||
|
height: calc(100vh - 223px); |
||||||
|
padding: 15px; |
||||||
|
background-color: #f9f9f9; |
||||||
|
box-sizing: border-box; |
||||||
|
overflow: auto; |
||||||
|
|
||||||
|
.line { |
||||||
|
margin-bottom: 10px; |
||||||
|
cursor: pointer; |
||||||
|
|
||||||
|
&.active { |
||||||
|
font-weight: 600; |
||||||
|
color: #062c87; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.sources { |
||||||
|
flex: 1; |
||||||
|
padding: 10px; |
||||||
|
|
||||||
|
.line { |
||||||
|
margin-top: 8px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,332 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>筛选</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-form label-width="80px"> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="学科类别"> |
||||||
|
<el-select v-model="form.categoryId" clearable @change="getProfessionalClass()" @clear="clearClass()"> |
||||||
|
<el-option v-for="(item, index) in subjectList" :key="index" :label="item.disciplineName" |
||||||
|
:value="item.disciplineId"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="专业类"> |
||||||
|
<el-select v-model="form.professionalCategoryId" clearable :disabled="form.categoryId ? false : true" |
||||||
|
@change="getProfessional()" @clear="clearProfess()"> |
||||||
|
<el-option v-for="(item, index) in ProfessionalClassList" :key="index" |
||||||
|
:label="item.professionalClassName" :value="item.professionalClassId"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="专业"> |
||||||
|
<el-select v-model="form.professionalId" clearable |
||||||
|
:disabled="form.professionalCategoryId ? false : true" @change="getData()"> |
||||||
|
<el-option v-for="(item, index) in ProfessionalList" :key="index" :label="item.professionalName" |
||||||
|
:value="item.professionalId"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="课程类别"> |
||||||
|
<el-select v-model="form.curriculumType" clearable @change="getData()"> |
||||||
|
<el-option v-for="(item, i) in courseTypeStatus" :key="i" :label="item" :value="i"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item> |
||||||
|
<el-input placeholder="请输入课程名称" prefix-icon="el-icon-search" v-model="form.curriculumName" clearable |
||||||
|
@keyup.enter.native="onSearch"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="card"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>课程列表</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button type="primary" round @click="addcourse" v-auth="'/curriculum:新增课程'">新增课程</el-button> |
||||||
|
<el-button type="primary" round @click="delAllSelection" v-auth="'/curriculum:批量删除'">批量删除</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table v-loading="loading" :data="courseData" class="table" ref="table" header-align="center" |
||||||
|
@selection-change="handleSelectionChange" row-key="cid"> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="70" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="curriculumName" label="课程名称" align="center"></el-table-column> |
||||||
|
<el-table-column prop="curriculumType" label="课程类别" width="90" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span class="ellipsis">{{ courseTypeStatus[scope.row.curriculumType] }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="配置的系统" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span class="ellipsis">{{ scope.row.sysName }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="expectedCourse" label="预计课时" width="90" align="center"></el-table-column> |
||||||
|
<el-table-column prop="orderVolume" label="订单量" width="90" align="center"></el-table-column> |
||||||
|
<el-table-column prop="userName" label="创建人" width="120" align="center"></el-table-column> |
||||||
|
<el-table-column label="上架/下架" width="90" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-switch v-model="scope.row.isShelves" :active-value="1" :inactive-value="0" |
||||||
|
@change="changeSwitch($event, scope.row)" v-auth="'/curriculum:上下架'"> |
||||||
|
</el-switch> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="240" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="preview(scope.row)">预览课程</el-button> |
||||||
|
<el-button type="text" @click="edit(scope.row)" v-auth="'/curriculum:编辑'">编辑</el-button> |
||||||
|
<el-button type="text" @click="config(scope.row)" v-auth="'/curriculum:内容设置'">内容设置</el-button> |
||||||
|
<el-button type="text" @click="copy(scope.row)">复制</el-button> |
||||||
|
<el-button type="text" @click="handleDelete(scope.row)" v-auth="'/curriculum:删除'">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background @current-change="handleCurrentChange" :current-page="page" |
||||||
|
layout="total, prev, pager, next" :total="totals"></el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
import qs from 'qs' |
||||||
|
import Util from '@/libs/util' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
courseTypeStatus: { |
||||||
|
0: '理论课程', |
||||||
|
1: '实训课程', |
||||||
|
2: '理实课程', |
||||||
|
}, |
||||||
|
name: localStorage.getItem("ms_username"), |
||||||
|
courseData: [], |
||||||
|
form: { |
||||||
|
categoryId: +this.$route.query.categoryId || '', |
||||||
|
professionalCategoryId: +this.$route.query.professionalCategoryId || '', |
||||||
|
professionalId: +this.$route.query.professionalId || '', |
||||||
|
curriculumType: this.$route.query.curriculumType || '', |
||||||
|
curriculumName: this.$route.query.curriculumName || '' |
||||||
|
}, |
||||||
|
page: +this.$route.query.page || 1, |
||||||
|
pageSize: 10, |
||||||
|
totals: 0, |
||||||
|
subjectList: [], // 学科类别 |
||||||
|
ProfessionalClassList: [], // 专业类 |
||||||
|
ProfessionalList: [], // 专业 |
||||||
|
multipleSelection: [], |
||||||
|
loading: false, |
||||||
|
searchTimer: null |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
"form.curriculumName": function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.initData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getSubject(); |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
async getData () { |
||||||
|
try { |
||||||
|
const sid = this.$store.state.dataPer.find(e => e.permissionName === '课程管理') |
||||||
|
this.loading = true |
||||||
|
const { page } = await this.$post(this.api.curriculumList, { |
||||||
|
...this.form, |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
supplierId: sid ? sid.supplierId : '', |
||||||
|
platformId: Setting.platformId |
||||||
|
}) |
||||||
|
this.courseData = page.records |
||||||
|
this.totals = page.total |
||||||
|
this.loading = false |
||||||
|
} finally { |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.page = 1; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
// 获取学科类别 |
||||||
|
async getSubject () { |
||||||
|
const { list } = await this.$get(this.api.courseDiscipline) |
||||||
|
this.subjectList = list |
||||||
|
this.form.professionalCategoryId && this.getProfessionalClassData() |
||||||
|
}, |
||||||
|
// 清除学科类别 |
||||||
|
clearClass () { |
||||||
|
this.form.professionalCategoryId = '' |
||||||
|
this.form.professionalId = '' |
||||||
|
}, |
||||||
|
// 获取专业类 |
||||||
|
getProfessionalClass () { |
||||||
|
this.clearClass(); |
||||||
|
this.getProfessionalClassData(); |
||||||
|
this.page = 1; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
async getProfessionalClassData () { |
||||||
|
const { list } = await this.$get(this.api.courseProfessionalClass, { |
||||||
|
disciplineId: this.form.categoryId |
||||||
|
}) |
||||||
|
this.ProfessionalClassList = list |
||||||
|
this.form.professionalId && this.getProfessionalData() |
||||||
|
}, |
||||||
|
// 清除专业类 |
||||||
|
clearProfess () { |
||||||
|
this.form.professionalId = '' |
||||||
|
}, |
||||||
|
// 获取专业 |
||||||
|
getProfessional () { |
||||||
|
this.clearProfess(); |
||||||
|
this.getProfessionalData(); |
||||||
|
this.page = 1; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
async getProfessionalData () { |
||||||
|
const { list } = await this.$get(this.api.courseProfessional, { |
||||||
|
professionalClassId: this.form.professionalCategoryId |
||||||
|
}) |
||||||
|
this.ProfessionalList = list |
||||||
|
}, |
||||||
|
// 缓存当前页面和参数，详情页返回到列表的时候直接取该url |
||||||
|
setReferrer () { |
||||||
|
this.$store.commit('setReferrer', `${this.$route.path}?${qs.stringify(this.form)}&page=${this.page}`) |
||||||
|
}, |
||||||
|
// 新建课程 |
||||||
|
addcourse () { |
||||||
|
this.setReferrer() |
||||||
|
this.$router.push("/curriculum/detail"); |
||||||
|
}, |
||||||
|
// 编辑 |
||||||
|
edit (row) { |
||||||
|
this.setReferrer() |
||||||
|
this.$router.push(`/curriculum/detail?cid=${row.cid}`); |
||||||
|
}, |
||||||
|
// 预览 |
||||||
|
preview (row) { |
||||||
|
this.setReferrer() |
||||||
|
this.$router.push(`/station?courseId=${row.cid || ''}&curriculumName=${encodeURIComponent(row.curriculumName)}&mallId=${row.mallId || ''}`) |
||||||
|
}, |
||||||
|
// 内容设置 |
||||||
|
config (row) { |
||||||
|
this.setReferrer() |
||||||
|
this.$router.push(`/curriculum/content?cid=${row.cid}&name=${row.curriculumName}`); |
||||||
|
}, |
||||||
|
// 复制 |
||||||
|
async copy (row) { |
||||||
|
this.$confirm('确定要复制吗', "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(async () => { |
||||||
|
await this.$post(`${this.api.copySelfBuildCourse}?cid=${row.cid}`) |
||||||
|
Util.successMsg('复制成功') |
||||||
|
this.initData() |
||||||
|
}).catch(() => { }) |
||||||
|
|
||||||
|
return |
||||||
|
this.$router.push(`/curriculum/detail?cid=${row.cid}©=1`) |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
handleDelete (row) { |
||||||
|
this.$post(`${this.api.deleteCoursePrompt}?cids=${row.cid}`).then(({ status }) => { |
||||||
|
if (status === 200) { |
||||||
|
this.$confirm("确定要删除吗？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(() => { |
||||||
|
this.$post(`${this.api.delCourse}?cids=${row.cid}`).then(res => { |
||||||
|
this.getData(); |
||||||
|
this.$message.success("删除成功"); |
||||||
|
}).catch(err => { }) |
||||||
|
}).catch(() => { |
||||||
|
}); |
||||||
|
} |
||||||
|
}).catch(err => { }) |
||||||
|
}, |
||||||
|
// 处理多选 |
||||||
|
handleSelectionChange (val) { |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
// 批量删除 |
||||||
|
delAllSelection () { |
||||||
|
if (this.multipleSelection.length) { |
||||||
|
let cids = [] |
||||||
|
this.multipleSelection.forEach(i => { |
||||||
|
cids.push('cids=' + i.cid) |
||||||
|
}); |
||||||
|
this.$post(`${this.api.deleteCoursePrompt}?${cids.join('&')}`).then(({ status }) => { |
||||||
|
if (status === 200) { |
||||||
|
this.$confirm("确定要删除吗？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}).then(() => { |
||||||
|
let ids = this.multipleSelection.map(i => i.cid); |
||||||
|
this.$post(`${this.api.delCourse}?cids=${ids.toString()}`).then(res => { |
||||||
|
if (ids.length == this.courseData.length) { |
||||||
|
if (this.page > 1) { |
||||||
|
this.page = this.page - 1 |
||||||
|
} |
||||||
|
} |
||||||
|
this.getData(); |
||||||
|
this.$message.success("删除成功"); |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
}).catch(err => { }) |
||||||
|
}).catch(() => { }) |
||||||
|
} |
||||||
|
}).catch(err => { }) |
||||||
|
} else { |
||||||
|
this.$message.warning("请先选择课程 ！"); |
||||||
|
} |
||||||
|
}, |
||||||
|
// 处理页码切换 |
||||||
|
handleCurrentChange (val) { |
||||||
|
this.page = val; |
||||||
|
this.$router.push(`/curriculum?page=${val}`) |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
// 课程名称条件搜索 |
||||||
|
onSearch () { |
||||||
|
this.page = 1; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
// 上下架 |
||||||
|
changeSwitch (value, row) { |
||||||
|
this.$post(`${this.api.isShelves}?cid=${row.cid}&isShelves=${value}`).then((res) => { |
||||||
|
this.getData(); |
||||||
|
this.$message.success("修改上下架状态成功！"); |
||||||
|
}).catch((res) => { |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.card { |
||||||
|
min-height: calc(100vh - 300px); |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,244 +1,248 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<el-row :gutter="20"> |
<el-row :gutter="20"> |
||||||
<el-col :span="24"> |
<el-col :span="24"> |
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="per_title" v-preventReClick @click="goback()"> |
<div class="per_title" v-preventReClick @click="goback()"> |
||||||
<i class="el-icon-arrow-left"></i> |
<i class="el-icon-arrow-left"></i> |
||||||
<span class="per_back">返回</span> |
<span class="per_back">返回</span> |
||||||
<span class="per_school">{{customerName}}</span> |
<span class="per_school">{{ customerName }}</span> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-center mgb20 user_header"> |
<div class="flex-center mgb20 user_header"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>代理配置</span> |
<span>代理配置</span> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div class="flex-between"> |
<div class="flex-between"> |
||||||
<span>内网地址配置</span> |
<span>内网地址配置</span> |
||||||
<div class="border_lf flex-column"> |
<div class="border_lf flex-column"> |
||||||
<p class="marb30">平台服务</p> |
<p class="marb30">平台服务</p> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>IP</label> |
<label>IP</label> |
||||||
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
||||||
<label>端口</label> |
<label>端口</label> |
||||||
<el-input placeholder="请输入端口号"></el-input> |
<el-input placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div class="border_lf pad_none flex-column"> |
<div class="border_lf pad_none flex-column"> |
||||||
<p class="marb30">流媒体服务</p> |
<p class="marb30">流媒体服务</p> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>IP</label> |
<label>IP</label> |
||||||
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
||||||
<label>端口</label> |
<label>端口</label> |
||||||
<el-input placeholder="请输入端口号"></el-input> |
<el-input placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-center mgb20"> |
<div class="flex-center mgb20"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>应用列表</span> |
<span>应用列表</span> |
||||||
</div> |
</div> |
||||||
<el-table :data="permissionData" class="table" stripe :span-method="SpanMethod" header-align="center"> |
<el-table :data="permissionData" class="table" :span-method="SpanMethod" header-align="center"> |
||||||
<el-table-column prop="id" label="序号" align="center"> |
<el-table-column prop="id" label="序号" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="age" label="应用名称" align="center"> |
<el-table-column prop="age" label="应用名称" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="storeName" label="使用期限" align="center"> |
<el-table-column prop="storeName" label="使用期限" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="total" label="启用时间" align="center"> |
<el-table-column prop="total" label="启用时间" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="payamount" label="结束时间" align="center"> |
<el-table-column prop="payamount" label="结束时间" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="payamount" label="剩余时间" align="center"> |
<el-table-column prop="payamount" label="剩余时间" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="IP" align="center"> |
<el-table-column label="IP" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>内网:</label> |
<label>内网:</label> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
<div class="flex-center mar10"> |
<div class="flex-center mar10"> |
||||||
<label>外网:</label> |
<label>外网:</label> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="端口" align="center"> |
<el-table-column label="端口" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>内网:</label> |
<label>内网:</label> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
<div class="flex-center mar10"> |
<div class="flex-center mar10"> |
||||||
<label>外网:</label> |
<label>外网:</label> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div v-else> |
<div v-else> |
||||||
<el-button type="plain" @click="chooseIp">选择IP与端口</el-button> |
<el-button type="plain" @click="chooseIp">选择IP与端口</el-button> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="操作" align="center"> |
<el-table-column label="操作" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<el-switch |
<el-switch v-model="scope.row.swtich" active-text="开启" inactive-text="关闭" |
||||||
v-model="scope.row.swtich" |
@change="changeSwitch(scope.row)"> |
||||||
active-text="开启" |
</el-switch> |
||||||
inactive-text="关闭" |
</template> |
||||||
@change="changeSwitch(scope.row)"> |
</el-table-column> |
||||||
</el-switch> |
</el-table> |
||||||
</template> |
<div class="pagination"> |
||||||
</el-table-column> |
<el-pagination background layout="total, prev, pager, next" :total="totals"> |
||||||
</el-table> |
</el-pagination> |
||||||
<div class="pagination"> |
</div> |
||||||
<el-pagination background layout="total, prev, pager, next" :total="totals"> |
</el-card> |
||||||
</el-pagination> |
</el-col> |
||||||
</div> |
</el-row> |
||||||
</el-card> |
|
||||||
</el-col> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 选择IP --> |
<!-- 选择IP --> |
||||||
<el-dialog :visible.sync="ipVisible" width="70%" center> |
<el-dialog :visible.sync="ipVisible" width="70%" center> |
||||||
<div class="flex-center mgb20"> |
<div class="flex-center mgb20"> |
||||||
<p class="hr_tag"></p> |
<p class="hr_tag"></p> |
||||||
<span>客户列表</span> |
<span>客户列表</span> |
||||||
|
</div> |
||||||
|
<el-table :data="permissionData" class="table" header-align="center"> |
||||||
|
<el-table-column type="index" width="100" label="序号" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="age" label="服务器名称" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="IP" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div class="tab_temp"> |
||||||
|
<div class="flex-center"> |
||||||
|
<label>内网:</label> |
||||||
|
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
||||||
|
</div> |
||||||
|
<div class="flex-center mar10"> |
||||||
|
<label>外网:</label> |
||||||
|
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="端口" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div class="tab_temp"> |
||||||
|
<div class="flex-center"> |
||||||
|
<label>内网:</label> |
||||||
|
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
||||||
|
</div> |
||||||
|
<div class="flex-center mar10"> |
||||||
|
<label>外网:</label> |
||||||
|
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
<el-table :data="permissionData" class="table" stripe header-align="center"> |
</template> |
||||||
<el-table-column type="index" width="100" label="序号" align="center"> |
</el-table-column> |
||||||
</el-table-column> |
<el-table-column label="选择" align="center"> |
||||||
<el-table-column prop="age" label="服务器名称" align="center"> |
<template slot-scope="scope"> |
||||||
</el-table-column> |
<i class="el-icon-success radio_icon"></i> |
||||||
<el-table-column label="IP" align="center"> |
</template> |
||||||
<template slot-scope="scope"> |
</el-table-column> |
||||||
<div class="tab_temp"> |
</el-table> |
||||||
<div class="flex-center"> |
<span slot="footer" class="dialog-footer"> |
||||||
<label>内网:</label> |
<el-button @click="teacherVisible = false">取 消</el-button> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
<el-button type="primary" @click="editSure('teacherForm')">确 定</el-button> |
||||||
</div> |
</span> |
||||||
<div class="flex-center mar10"> |
</el-dialog> |
||||||
<label>外网:</label> |
</div> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="端口" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<div class="tab_temp"> |
|
||||||
<div class="flex-center"> |
|
||||||
<label>内网:</label> |
|
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
|
||||||
</div> |
|
||||||
<div class="flex-center mar10"> |
|
||||||
<label>外网:</label> |
|
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="选择" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<i class="el-icon-success radio_icon"></i> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button @click="teacherVisible = false">取 消</el-button> |
|
||||||
<el-button type="primary" @click="editSure('teacherForm')">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
data (){ |
data () { |
||||||
return { |
return { |
||||||
customerName: this.$route.query.name, |
customerName: this.$route.query.name, |
||||||
permissionData: [{ |
permissionData: [{ |
||||||
id: 1, |
id: 1, |
||||||
age: '小额贷系统', |
age: '小额贷系统', |
||||||
storeName: '1个月', |
storeName: '1个月', |
||||||
total: '2019.01.02 11:00', |
total: '2019.01.02 11:00', |
||||||
payamount: '2019.01.02 11:00', |
payamount: '2019.01.02 11:00', |
||||||
payamount: '700d12h1min', |
payamount: '700d12h1min', |
||||||
swtich: true, |
swtich: true, |
||||||
Intranet: '10.20.202.1', |
Intranet: '10.20.202.1', |
||||||
extranet: '10.20.202.1' |
extranet: '10.20.202.1' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
id: 2, |
id: 2, |
||||||
age: '小额贷系统', |
age: '小额贷系统', |
||||||
storeName: '1个月', |
storeName: '1个月', |
||||||
total: '2019.01.02 11:00', |
total: '2019.01.02 11:00', |
||||||
payamount: '2019.01.02 11:00', |
payamount: '2019.01.02 11:00', |
||||||
payamount: '700d12h1min', |
payamount: '700d12h1min', |
||||||
swtich: true, |
swtich: true, |
||||||
Intranet: '', |
Intranet: '', |
||||||
extranet: '' |
extranet: '' |
||||||
}], |
}], |
||||||
totals: 1, |
totals: 1, |
||||||
ipVisible: false |
ipVisible: false |
||||||
} |
} |
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
SpanMethod({ row, column, rowIndex, columnIndex }) { |
SpanMethod ({ row, column, rowIndex, columnIndex }) { |
||||||
if (rowIndex % 2 === 0) { |
if (rowIndex % 2 === 0) { |
||||||
if (columnIndex === 6) { |
if (columnIndex === 6) { |
||||||
if(!row.Intranet){ |
if (!row.Intranet) { |
||||||
return [1, 2]; |
return [1, 2]; |
||||||
} |
} |
||||||
} |
|
||||||
// else if (columnIndex === 1) { |
|
||||||
// return [0, 0]; |
|
||||||
// } |
|
||||||
} |
|
||||||
}, |
|
||||||
chooseIp(){ |
|
||||||
this.ipVisible = true |
|
||||||
}, |
|
||||||
goback(){ |
|
||||||
this.$router.go(-1) |
|
||||||
} |
|
||||||
} |
} |
||||||
|
// else if (columnIndex === 1) { |
||||||
|
// return [0, 0]; |
||||||
|
// } |
||||||
|
} |
||||||
|
}, |
||||||
|
chooseIp () { |
||||||
|
this.ipVisible = true |
||||||
|
}, |
||||||
|
goback () { |
||||||
|
this.$router.go(-1) |
||||||
} |
} |
||||||
|
} |
||||||
|
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
.border_lf{ |
.border_lf { |
||||||
border-left: 1px dashed #eee; |
border-left: 1px dashed #eee; |
||||||
padding: 0 60px; |
padding: 0 60px; |
||||||
} |
} |
||||||
.border_lf label{ |
|
||||||
width: 120px; |
.border_lf label { |
||||||
|
width: 120px; |
||||||
} |
} |
||||||
.pad_none{ |
|
||||||
padding: 0 0 0 60px; |
.pad_none { |
||||||
|
padding: 0 0 0 60px; |
||||||
} |
} |
||||||
.mar_input{ |
|
||||||
margin-right: 80px; |
.mar_input { |
||||||
|
margin-right: 80px; |
||||||
} |
} |
||||||
.marb30{ |
|
||||||
margin-bottom: 30px; |
.marb30 { |
||||||
|
margin-bottom: 30px; |
||||||
} |
} |
||||||
.tab_temp label{ |
|
||||||
width: 60px; |
.tab_temp label { |
||||||
|
width: 60px; |
||||||
} |
} |
||||||
.mar10{ |
|
||||||
margin-top: 10px; |
.mar10 { |
||||||
|
margin-top: 10px; |
||||||
} |
} |
||||||
.radio_icon{ |
|
||||||
font-size: 26px; |
.radio_icon { |
||||||
color: #9278FF; |
font-size: 26px; |
||||||
|
color: #9278FF; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,281 +1,301 @@ |
|||||||
<template> |
<template> |
||||||
<div class="wrap"> |
<div class="wrap"> |
||||||
<div class="side"> |
<div class="side"> |
||||||
<el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive" :current-node-key="categoryId" :props="defaultProps" :highlight-current="true" @current-change="typeClick"></el-tree> |
<el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive" |
||||||
</div> |
:current-node-key="categoryId" :props="defaultProps" :highlight-current="true" |
||||||
|
@current-change="typeClick"></el-tree> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="right"> |
<div class="right"> |
||||||
<div class="flex-between" style="margin-bottom: 10px;"> |
<div class="flex-between" style="margin-bottom: 10px;"> |
||||||
<p>数据简介</p> |
<p>数据简介</p> |
||||||
<el-button v-if="introduceText && !editing" type="primary" @click="editing = !editing" v-auth="'/data:数据简介:编辑'">编辑</el-button> |
<el-button v-if="introduceText && !editing" type="primary" @click="editing = !editing" |
||||||
</div> |
v-auth="'/data:数据简介:编辑'">编辑</el-button> |
||||||
<div class="intro" v-if="!introduceText && !editing"> |
</div> |
||||||
<p class="text">请添加简介</p> |
<div class="intro" v-if="!introduceText && !editing"> |
||||||
<div class="btn"> |
<p class="text">请添加简介</p> |
||||||
<el-button type="primary" @click="edit">添加</el-button> |
<div class="btn"> |
||||||
</div> |
<el-button type="primary" @click="edit">添加</el-button> |
||||||
</div> |
</div> |
||||||
<template v-if="introduceText || editing"> |
</div> |
||||||
<el-input placeholder="请输入简介" v-model="introduce" type="textarea" rows="5" :disabled="!editing"></el-input> |
<template v-if="introduceText || editing"> |
||||||
<div class="field"> |
<el-input placeholder="请输入简介" v-model="introduce" type="textarea" rows="5" :disabled="!editing"></el-input> |
||||||
<p class="label">数据源</p> |
<div class="field"> |
||||||
<el-input style="width: 250px" placeholder="请输入数据源" v-model="dataSource" type="text" :disabled="!editing"></el-input> |
<p class="label">数据源</p> |
||||||
</div> |
<el-input style="width: 250px" placeholder="请输入数据源" v-model="dataSource" type="text" |
||||||
</template> |
:disabled="!editing"></el-input> |
||||||
<div class="field"> |
</div> |
||||||
<p class="label">关键字</p> |
</template> |
||||||
<div class="tag-add" v-if="editing"> |
<div class="field"> |
||||||
<el-input placeholder="请输入关键字" size="small" v-model="newKeyword"></el-input> |
<p class="label">关键字</p> |
||||||
<span v-if="editing"> |
<div class="tag-add" v-if="editing"> |
||||||
<el-button @click="save" style="color: #9076FF;border: 1px solid #9076FF;border-radius:5px;height: 25px;line-height: 0px">保 存</el-button> |
<el-input placeholder="请输入关键字" size="small" v-model="newKeyword"></el-input> |
||||||
</span> |
<span v-if="editing"> |
||||||
</div> |
<el-button @click="save" |
||||||
<div class="tag-wrap"> |
style="color: #062c87;border: 1px solid #062c87;border-radius:5px;height: 25px;line-height: 0px">保 |
||||||
<el-tag |
存</el-button> |
||||||
:key="tag.id" |
</span> |
||||||
:type="editing ? '' : 'info'" |
|
||||||
v-for="tag in keywordList" |
|
||||||
:closable="editing" |
|
||||||
:disable-transitions="false" |
|
||||||
@close="delKeyword(tag)"> |
|
||||||
{{tag.keyword}} |
|
||||||
</el-tag> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="btns" v-if="editing"> |
|
||||||
<el-button @click="editing = false">取 消</el-button> |
|
||||||
<el-button type="primary" @click="confirmData">确 定</el-button> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
|
<div class="tag-wrap"> |
||||||
|
<el-tag :key="tag.id" :type="editing ? '' : 'info'" v-for="tag in keywordList" :closable="editing" |
||||||
|
:disable-transitions="false" @close="delKeyword(tag)"> |
||||||
|
{{ tag.keyword }} |
||||||
|
</el-tag> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="btns" v-if="editing"> |
||||||
|
<el-button @click="editing = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="confirmData">确 定</el-button> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
typeList: [], |
id: this.$route.query.id || '', |
||||||
defaultProps: { |
typeList: [], |
||||||
children: 'children', |
defaultProps: { |
||||||
label: 'label' |
children: 'children', |
||||||
}, |
label: 'label' |
||||||
defaultActive: [], |
}, |
||||||
editing: false, |
defaultActive: [], |
||||||
edited: false, |
editing: false, |
||||||
introduce: '', |
edited: false, |
||||||
dataSource: '', |
introduce: '', |
||||||
introduceText: '', |
dataSource: '', |
||||||
categoryId: '', |
introduceText: '', |
||||||
keywordList: [], |
categoryId: '', |
||||||
newKeyword: '' |
keywordList: [], |
||||||
}; |
newKeyword: '' |
||||||
}, |
}; |
||||||
watch: { |
}, |
||||||
keyword: function(val) { |
watch: { |
||||||
clearTimeout(this.searchTimer) |
keyword: function (val) { |
||||||
this.searchTimer = setTimeout(() => { |
clearTimeout(this.searchTimer) |
||||||
this.getData() |
this.searchTimer = setTimeout(() => { |
||||||
},500) |
this.getData() |
||||||
|
}, 500) |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData () { |
||||||
|
// 获取分类 |
||||||
|
this.$post(this.api.getTableByClassification).then(res => { |
||||||
|
// 递归处理id和label |
||||||
|
function handleId (data) { |
||||||
|
data.map(n => { |
||||||
|
n.id = String(n.id) |
||||||
|
n.label = n.categoryName |
||||||
|
if (n.children.length) { |
||||||
|
handleId(n.children) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
handleId(res) |
||||||
|
|
||||||
|
this.typeList = res |
||||||
|
if (!this.edited) { |
||||||
|
// 取首个的id和简介 |
||||||
|
if (res[0].children.length) { |
||||||
|
let item = res[0].children[0] |
||||||
|
this.categoryId = item.id |
||||||
|
this.dataSource = res[0].children[0].dataSource |
||||||
|
this.defaultActive = [res[0].children[0].id] |
||||||
|
// this.defaultActive = [item.id] |
||||||
|
this.introduceText = item.introduce |
||||||
|
this.introduce = item.introduce |
||||||
|
} else { |
||||||
|
this.categoryId = res[0].id |
||||||
|
this.dataSource = res[0].dataSource |
||||||
|
this.defaultActive = [res[0].children[0].id] |
||||||
|
// this.defaultActive = [res[0].id] |
||||||
|
this.introduceText = res[0].introduce |
||||||
|
this.introduce = res[0].introduce |
||||||
|
} |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.type.setCurrentKey(this.categoryId) |
||||||
|
}) |
||||||
|
} else if (this.id) { |
||||||
|
this.$nextTick(() => { |
||||||
|
this.defaultActive = [+this.id] |
||||||
|
this.$refs.type.setCurrentKey(+this.id) |
||||||
|
}) |
||||||
} |
} |
||||||
|
this.getKeyword() |
||||||
|
}).catch(res => { }) |
||||||
|
}, |
||||||
|
// 分类点击 |
||||||
|
typeClick (data, node) { |
||||||
|
this.$router.push(`/data?tab=third&id=${data.id}`).catch(e => { }) |
||||||
|
this.editing = false |
||||||
|
this.categoryId = data.id |
||||||
|
this.defaultActive = [data.id] |
||||||
|
this.introduceText = data.introduce |
||||||
|
this.introduce = data.introduce |
||||||
|
this.dataSource = data.dataSource |
||||||
|
this.getKeyword() |
||||||
|
}, |
||||||
|
// 获取关键词 |
||||||
|
getKeyword () { |
||||||
|
this.$get(this.api.getKeywordByCategoryId, { |
||||||
|
categoryId: this.categoryId |
||||||
|
}).then(res => { |
||||||
|
this.keywordList = res.keywords |
||||||
|
}).catch(res => { }) |
||||||
}, |
}, |
||||||
mounted(){ |
// 进入编辑状态 |
||||||
|
edit () { |
||||||
|
this.editing = true |
||||||
|
this.introduce = this.introduceText |
||||||
|
}, |
||||||
|
// 保存数据介绍和数据源 |
||||||
|
saveType () { |
||||||
|
const id = this.categoryId // 获取当前分类id |
||||||
|
this.$post(this.api.updateCategory, { |
||||||
|
id, |
||||||
|
introduce: this.introduce, |
||||||
|
dataSource: this.dataSource |
||||||
|
}).then(res => { |
||||||
|
this.$message.success(this.introduceText ? '编辑成功' : '新增成功') |
||||||
|
this.introduceText = this.introduce |
||||||
|
this.editing = false |
||||||
|
this.edited = true |
||||||
this.getData() |
this.getData() |
||||||
|
}).catch(res => { }) |
||||||
}, |
}, |
||||||
methods: { |
// 删除关键词 |
||||||
getData(){ |
delKeyword (item) { |
||||||
// 获取分类 |
this.$post(`${this.api.deleteKeyword}?categoryId=${this.categoryId}&keyword=${item.keyword}`).then(res => { |
||||||
this.$post(this.api.getTableByClassification).then(res => { |
this.$message.success('删除成功') |
||||||
// 递归处理id和label |
this.getKeyword() |
||||||
function handleId(data){ |
}).catch(res => { }) |
||||||
data.map(n => { |
}, |
||||||
n.id = String(n.id) |
save () { |
||||||
n.label = n.categoryName |
const keyword = this.newKeyword |
||||||
if(n.children.length){ |
if (keyword) { |
||||||
handleId(n.children) |
if (this.keywordList.find(e => e.keyword === keyword)) return this.$message.error('请不要输入重复关键字！') |
||||||
} |
// this.confirmEdit() |
||||||
}) |
this.$post(this.api.addKeyword, { |
||||||
} |
categoryId: this.categoryId, |
||||||
handleId(res) |
keyword |
||||||
console.log(res) |
}).then(res => { |
||||||
|
this.newKeyword = '' |
||||||
this.typeList = res |
this.getKeyword() |
||||||
// 取首个的id和简介 |
}).catch(res => { }) |
||||||
if (!this.edited) { |
} else { |
||||||
if(res[0].children.length){ |
this.confirmEdit() |
||||||
let item = res[0].children[0] |
} |
||||||
this.categoryId = item.id |
}, |
||||||
this.dataSource = res[0].children[0].dataSource |
// 保存 |
||||||
this.defaultActive = [res[0].children[0].id] |
confirmData () { |
||||||
// this.defaultActive = [item.id] |
const keyword = this.newKeyword // 获取输入的关键词 |
||||||
this.introduceText = item.introduce |
// 如果有关键词，则调新增关键词的接口，否则，直接调保存分类信息的接口去保存数据介绍和数据源 |
||||||
this.introduce = item.introduce |
if (keyword) { |
||||||
}else{ |
// 同个分类下，关键词不能重复 |
||||||
this.categoryId = res[0].id |
if (this.keywordList.find(e => e.keyword === keyword)) return this.$message.error('请不要输入重复关键字！') |
||||||
this.dataSource = res[0].dataSource |
this.saveType() |
||||||
this.defaultActive = [res[0].children[0].id] |
// 新增关键词 |
||||||
// this.defaultActive = [res[0].id] |
this.$post(this.api.addKeyword, { |
||||||
this.introduceText = res[0].introduce |
categoryId: this.categoryId, |
||||||
this.introduce = res[0].introduce |
keyword |
||||||
} |
}).then(res => { |
||||||
this.$nextTick(() => { |
this.newKeyword = '' // 新增后，输入框清空 |
||||||
this.$refs.type.setCurrentKey(this.categoryId) |
this.getKeyword() |
||||||
}) |
}).catch(res => { }) |
||||||
} |
} else { |
||||||
this.getKeyword() |
this.saveType() |
||||||
}).catch(res => {}) |
} |
||||||
}, |
|
||||||
// 分类点击 |
|
||||||
typeClick(data,node){ |
|
||||||
console.log(data) |
|
||||||
this.editing = false |
|
||||||
this.categoryId = data.id |
|
||||||
this.defaultActive = [data.id] |
|
||||||
this.introduceText = data.introduce |
|
||||||
this.introduce = data.introduce |
|
||||||
this.dataSource = data.dataSource |
|
||||||
this.getKeyword() |
|
||||||
}, |
|
||||||
// 获取关键词 |
|
||||||
getKeyword(){ |
|
||||||
this.$get(this.api.getKeywordByCategoryId,{ |
|
||||||
categoryId: this.categoryId |
|
||||||
}).then(res => { |
|
||||||
this.keywordList = res.keywords |
|
||||||
}).catch(res => {}) |
|
||||||
}, |
|
||||||
// 进入编辑状态 |
|
||||||
edit(){ |
|
||||||
this.editing = true |
|
||||||
this.introduce = this.introduceText |
|
||||||
}, |
|
||||||
// 保存数据介绍和数据源 |
|
||||||
saveType(){ |
|
||||||
|
|
||||||
const id = this.categoryId // 获取当前分类id |
|
||||||
this.$post(this.api.updateCategory,{ |
|
||||||
id, |
|
||||||
introduce: this.introduce, |
|
||||||
dataSource: this.dataSource |
|
||||||
}).then(res => { |
|
||||||
this.$message.success(this.introduceText ? '编辑成功' : '新增成功') |
|
||||||
this.introduceText = this.introduce |
|
||||||
this.editing = false |
|
||||||
this.edited = true |
|
||||||
// this.getData() |
|
||||||
}).catch(res => {}) |
|
||||||
}, |
|
||||||
// 删除关键词 |
|
||||||
delKeyword(item) { |
|
||||||
this.$post(`${this.api.deleteKeyword}?categoryId=${this.categoryId}&keyword=${item.keyword}`).then(res => { |
|
||||||
this.$message.success('删除成功') |
|
||||||
this.getKeyword() |
|
||||||
}).catch(res => {}) |
|
||||||
}, |
|
||||||
save(){ |
|
||||||
const keyword = this.newKeyword |
|
||||||
if (keyword) { |
|
||||||
if (this.keywordList.find(e => e.keyword === keyword)) return this.$message.error('请不要输入重复关键字！') |
|
||||||
// this.confirmEdit() |
|
||||||
this.$post(this.api.addKeyword,{ |
|
||||||
categoryId: this.categoryId, |
|
||||||
keyword |
|
||||||
}).then(res => { |
|
||||||
this.newKeyword = '' |
|
||||||
this.getKeyword() |
|
||||||
}).catch(res => {}) |
|
||||||
} else { |
|
||||||
this.confirmEdit() |
|
||||||
} |
|
||||||
}, |
|
||||||
// 保存 |
|
||||||
confirmData() { |
|
||||||
const keyword = this.newKeyword // 获取输入的关键词 |
|
||||||
// 如果有关键词，则调新增关键词的接口，否则，直接调保存分类信息的接口去保存数据介绍和数据源 |
|
||||||
if (keyword) { |
|
||||||
// 同个分类下，关键词不能重复 |
|
||||||
if (this.keywordList.find(e => e.keyword === keyword)) return this.$message.error('请不要输入重复关键字！') |
|
||||||
this.saveType() |
|
||||||
// 新增关键词 |
|
||||||
this.$post(this.api.addKeyword,{ |
|
||||||
categoryId: this.categoryId, |
|
||||||
keyword |
|
||||||
}).then(res => { |
|
||||||
this.newKeyword = '' // 新增后，输入框清空 |
|
||||||
this.getKeyword() |
|
||||||
}).catch(res => {}) |
|
||||||
} else { |
|
||||||
this.saveType() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
.wrap { |
.wrap { |
||||||
display: flex; |
display: flex; |
||||||
height: calc(100vh - 223px); |
height: calc(100vh - 223px); |
||||||
padding: 0 24px; |
padding: 0 24px; |
||||||
.side { |
|
||||||
width: 300px; |
.side { |
||||||
padding: 24px 10px 24px 0; |
width: 300px; |
||||||
margin-right: 24px; |
padding: 24px 10px 24px 0; |
||||||
border-right: 1px solid rgba(0, 0, 0, 0.06); |
margin-right: 24px; |
||||||
} |
border-right: 1px solid rgba(0, 0, 0, 0.06); |
||||||
.right { |
} |
||||||
width: calc(100% - 374px); |
|
||||||
padding: 24px 0; |
.right { |
||||||
} |
width: calc(100% - 374px); |
||||||
.intro{ |
padding: 24px 0; |
||||||
padding: 20px; |
} |
||||||
margin: 20px 0; |
|
||||||
border: 1px solid #dcdcdc; |
.intro { |
||||||
border-radius: 4px; |
padding: 20px; |
||||||
.text{ |
margin: 20px 0; |
||||||
margin-bottom: 20px; |
border: 1px solid #dcdcdc; |
||||||
} |
border-radius: 4px; |
||||||
} |
|
||||||
.field { |
.text { |
||||||
margin-top: 20px; |
margin-bottom: 20px; |
||||||
text-align: left; |
|
||||||
.label { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
} |
|
||||||
.tag-wrap { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
} |
} |
||||||
.btns{ |
} |
||||||
margin-top: 20px; |
|
||||||
|
.field { |
||||||
|
margin-top: 20px; |
||||||
|
text-align: left; |
||||||
|
|
||||||
|
.label { |
||||||
|
margin-bottom: 10px; |
||||||
} |
} |
||||||
} |
} |
||||||
.tag-add { |
|
||||||
|
.tag-wrap { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
margin-bottom: 10px; |
} |
||||||
.el-input { |
|
||||||
width: 200px; |
.btns { |
||||||
} |
margin-top: 20px; |
||||||
.el-button { |
} |
||||||
margin-left: 5px; |
} |
||||||
} |
|
||||||
|
.tag-add { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-bottom: 10px; |
||||||
|
|
||||||
|
.el-input { |
||||||
|
width: 200px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-button { |
||||||
|
margin-left: 5px; |
||||||
|
} |
||||||
} |
} |
||||||
.mag{ |
|
||||||
margin-right: 20px; |
.mag { |
||||||
margin-left: 20px; |
margin-right: 20px; |
||||||
|
margin-left: 20px; |
||||||
} |
} |
||||||
.el-tag + .el-tag { |
|
||||||
margin-left: 10px; |
.el-tag+.el-tag { |
||||||
|
margin-left: 10px; |
||||||
} |
} |
||||||
|
|
||||||
.button-new-tag { |
.button-new-tag { |
||||||
margin-left: 10px; |
margin-left: 10px; |
||||||
height: 32px; |
height: 32px; |
||||||
line-height: 30px; |
line-height: 30px; |
||||||
padding-top: 0; |
padding-top: 0; |
||||||
padding-bottom: 0; |
padding-bottom: 0; |
||||||
} |
} |
||||||
|
|
||||||
.input-new-tag { |
.input-new-tag { |
||||||
width: 90px; |
width: 90px; |
||||||
margin-left: 10px; |
margin-left: 10px; |
||||||
vertical-align: bottom; |
vertical-align: bottom; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,231 +1,226 @@ |
|||||||
<template> |
<template> |
||||||
<div class="page"> |
<div class="page"> |
||||||
<!-- <div class="tabs">--> |
<!-- <div class="tabs">--> |
||||||
<!-- <a class="item" v-for="(item,index) in tabs" :key="index" :class="{active: index == activeName}" @click="tabChange(index)">{{item}}</a>--> |
<!-- <a class="item" v-for="(item,index) in tabs" :key="index" :class="{active: index == activeName}" @click="tabChange(index)">{{item}}</a>--> |
||||||
<!-- </div>--> |
<!-- </div>--> |
||||||
<div class="btn-wrap"> |
<div class="btn-wrap"> |
||||||
<el-button v-auth="'内容管理:保存排序'" class="action-btn" type="primary" @click="sortSubmit">保存排序</el-button> |
<el-button v-auth="'内容管理:保存排序'" class="action-btn" type="primary" @click="sortSubmit">保存排序</el-button> |
||||||
<el-button v-auth="'内容管理:批量删除'" class="action-btn" type="primary" @click="delAllData">批量删除</el-button> |
<el-button v-auth="'内容管理:批量删除'" class="action-btn" type="primary" @click="delAllData">批量删除</el-button> |
||||||
<el-button v-auth="'内容管理:新增文章'" class="action-btn" type="primary" @click="addArticle">新增文章</el-button> |
<el-button v-auth="'内容管理:新增文章'" class="action-btn" type="primary" @click="addArticle">新增文章</el-button> |
||||||
</div> |
|
||||||
<div class="page-content" style="padding-top: 24px"> |
|
||||||
<el-table ref="table" :data="list" class="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id"> |
|
||||||
<el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column> |
|
||||||
<el-table-column type="index" width="60" label="序号" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
{{ scope.$index + (pageNo - 1) * pageSize + 1 }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="title" label="标题" show-overflow-tooltip align="center"> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="title" label="栏目" show-overflow-tooltip align="center"> |
|
||||||
{{ columnName }} |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="name" label="排序值" width="80" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-input class="sort-input" width="120" min="1" v-model.number="scope.row.sort" type="number"></el-input> |
|
||||||
<span>{{ scope.row.sort }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="date" label="添加日期" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
{{ transferDate(scope.row.date) }} |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" width="170"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button v-auth="'内容管理:编辑'" type="text" @click="editArticle(scope)">编辑</el-button> |
|
||||||
<el-divider v-auth="'内容管理:编辑'" direction="vertical"></el-divider> |
|
||||||
<el-button v-auth="'内容管理:删除'" type="text" @click="delData(scope.row)">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column prop="name" label="文章发布状态" width="120" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-switch |
|
||||||
v-auth="'内容管理:禁用'" |
|
||||||
class="off" |
|
||||||
v-model="scope.row.status" |
|
||||||
:active-value="0" |
|
||||||
:inactive-value="1" |
|
||||||
style="margin: 0 5px" |
|
||||||
:active-text="scope.row.status ? '关' : '开'" |
|
||||||
@change="switchOff($event,scope.row,scope.$index)" |
|
||||||
></el-switch> |
|
||||||
<span>{{ scope.row.status ? "禁用" : "启用" }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<div class="pagination"> |
|
||||||
<el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange" :current-page="pageNo"> |
|
||||||
</el-pagination> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
|
<div class="page-content" style="padding-top: 24px"> |
||||||
|
<el-table ref="table" :data="list" class="table" header-align="center" @selection-change="handleSelectionChange" |
||||||
|
row-key="id"> |
||||||
|
<el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.$index + (pageNo - 1) * pageSize + 1 }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="title" label="标题" show-overflow-tooltip align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="title" label="栏目" show-overflow-tooltip align="center"> |
||||||
|
{{ columnName }} |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="name" label="排序值" width="80" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input class="sort-input" width="120" min="1" v-model.number="scope.row.sort" type="number"></el-input> |
||||||
|
<span>{{ scope.row.sort }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="date" label="添加日期" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ transferDate(scope.row.date) }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="170"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button v-auth="'内容管理:编辑'" type="text" @click="editArticle(scope)">编辑</el-button> |
||||||
|
<el-divider v-auth="'内容管理:编辑'" direction="vertical"></el-divider> |
||||||
|
<el-button v-auth="'内容管理:删除'" type="text" @click="delData(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="name" label="文章发布状态" width="120" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-switch v-auth="'内容管理:禁用'" class="off" v-model="scope.row.status" :active-value="0" :inactive-value="1" |
||||||
|
style="margin: 0 5px" :active-text="scope.row.status ? '关' : '开'" |
||||||
|
@change="switchOff($event, scope.row, scope.$index)"></el-switch> |
||||||
|
<span>{{ scope.row.status ? "禁用" : "启用" }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background layout="total, prev, pager, next" :total="totals" |
||||||
|
@current-change="handleCurrentChange" :current-page="pageNo"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import util from "@/libs/util"; |
import util from "@/libs/util"; |
||||||
|
|
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
activeName: "first", |
activeName: "first", |
||||||
tabs: { |
tabs: { |
||||||
first: "栏目内容管理" |
first: "栏目内容管理" |
||||||
}, |
}, |
||||||
columns: this.$parent.menuList, |
columns: this.$parent.menuList, |
||||||
columnName: '', |
columnName: '', |
||||||
list: [], |
list: [], |
||||||
multipleSelection: [], |
multipleSelection: [], |
||||||
pageNo: +this.$route.query.page || 1, |
pageNo: +this.$route.query.page || 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
totals: 0, |
totals: 0, |
||||||
originList: [] |
originList: [] |
||||||
}; |
}; |
||||||
|
}, |
||||||
|
props: { |
||||||
|
columnId: "" |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
columnId () { |
||||||
|
this.getColumnName(this.$parent.menuList) |
||||||
|
this.getData(); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getColumnName(this.$parent.menuList) |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData (id) { |
||||||
|
let data = { |
||||||
|
columnId: this.columnId |
||||||
|
}; |
||||||
|
this.$get(`${this.api.queryArticleByCondition}/${this.pageNo}/${this.pageSize}`, data).then(({ articleList, total }) => { |
||||||
|
this.list = articleList; |
||||||
|
this.totals = total; |
||||||
|
if (JSON.stringify(this.originList) !== '{}') this.originList = JSON.parse(JSON.stringify(articleList)) |
||||||
|
if (!this.list.length && this.totals) { |
||||||
|
this.pageNo--; |
||||||
|
this.getData(); |
||||||
|
} |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
}, |
}, |
||||||
props: { |
handleSelectionChange (val) { |
||||||
columnId: "" |
this.multipleSelection = val; |
||||||
}, |
}, |
||||||
watch: { |
handleCurrentChange (val) { |
||||||
columnId() { |
this.pageNo = val; |
||||||
this.getColumnName(this.$parent.menuList) |
this.$router.push(`/information?page=${val}`) |
||||||
this.getData(); |
this.getData(); |
||||||
|
}, |
||||||
|
// 获取栏目名称 |
||||||
|
getColumnName (data) { |
||||||
|
data.map(e => { |
||||||
|
if (e.id == this.columnId) { |
||||||
|
this.columnName = e.name |
||||||
|
} else { |
||||||
|
this.getColumnName(e.children) |
||||||
} |
} |
||||||
|
}) |
||||||
}, |
}, |
||||||
mounted() { |
addArticle () { |
||||||
this.getColumnName(this.$parent.menuList) |
this.$router.push(`/addArticle?columnId=${this.columnId}&sort=${this.list.length + 1}`); |
||||||
this.getData(); |
}, |
||||||
|
editArticle (scope) { |
||||||
|
this.$router.push(`/addArticle?columnId=${this.columnId}&id=${scope.row.id}&sort=${scope.$index + 1}`); |
||||||
|
}, |
||||||
|
delData (row) { |
||||||
|
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$del(`${this.api.deleteArticles}?articleIds=${row.id}`).then(res => { |
||||||
|
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
}); |
||||||
|
}, |
||||||
|
transferDate (date) { |
||||||
|
return date.replace(" 00:00:00", ""); |
||||||
}, |
}, |
||||||
methods: { |
delAllData () { |
||||||
getData(id) { |
if (this.multipleSelection.length != "") { |
||||||
let data = { |
let newArr = this.multipleSelection; |
||||||
columnId: this.columnId |
let delList = newArr.map(item => { |
||||||
}; |
return item.id; |
||||||
this.$get(`${this.api.queryArticleByCondition}/${this.pageNo}/${this.pageSize}`, data).then(({ articleList, total }) => { |
}); |
||||||
this.list = articleList; |
|
||||||
this.totals = total; |
let title = newArr[0].title; |
||||||
if (JSON.stringify(this.originList) !== '{}') this.originList = JSON.parse(JSON.stringify(articleList)) |
if (title.length > 14) { |
||||||
if (!this.list.length && this.totals) { |
title = title.substr(0, 14) + "……"; |
||||||
this.pageNo--; |
} |
||||||
this.getData(); |
this.$confirm(`此批量删除操作不可逆，是否确认删除${title}等${newArr.length}个选中项？`, "提示", { |
||||||
} |
type: "warning" |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$del(`${this.api.deleteArticles}?articleIds=${delList.join(",")}`).then(res => { |
||||||
|
this.$refs.table.clearSelection(); |
||||||
|
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
}).catch(res => { |
}).catch(res => { |
||||||
}); |
}); |
||||||
}, |
if (this.multipleSelection.length === this.list.length && this.pageNo > 1) { |
||||||
handleSelectionChange(val) { |
this.handleCurrentChange(this.pageNo - 1) |
||||||
this.multipleSelection = val; |
|
||||||
}, |
|
||||||
handleCurrentChange(val) { |
|
||||||
this.pageNo = val; |
|
||||||
this.$router.push(`list?page=${val}`) |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
// 获取栏目名称 |
|
||||||
getColumnName(data) { |
|
||||||
data.map(e => { |
|
||||||
if (e.id == this.columnId) { |
|
||||||
this.columnName = e.name |
|
||||||
} else { |
|
||||||
this.getColumnName(e.children) |
|
||||||
} |
} |
||||||
}) |
}) |
||||||
}, |
.catch(() => { |
||||||
addArticle() { |
}); |
||||||
this.$router.push(`/addArticle?columnId=${this.columnId}&sort=${this.list.length + 1}`); |
} else { |
||||||
}, |
util.errorMsg("请先选择数据 ！"); |
||||||
editArticle(scope) { |
} |
||||||
this.$router.push(`/addArticle?columnId=${this.columnId}&id=${scope.row.id}&sort=${scope.$index + 1}`); |
}, |
||||||
}, |
switchOff (val, row, index) { |
||||||
delData(row) { |
this.$put(`${this.api.enableArticle}/${row.id}/${val}`) |
||||||
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
.then(res => { |
||||||
type: "warning" |
val == 1 ? util.errorMsg("该文章已隐藏，对学生端用户不可见") : util.successMsg("该文章已发布，对学生端用户可见"); |
||||||
}) |
}) |
||||||
.then(() => { |
.catch(err => { |
||||||
this.$del(`${this.api.deleteArticles}?articleIds=${row.id}`).then(res => { |
}); |
||||||
util.successMsg("删除成功"); |
}, |
||||||
this.getData(); |
sortSubmit () { |
||||||
}).catch(res => { |
if (this.list.length) { |
||||||
}); |
if (this.list.find(n => n.sort < 1)) return util.errorMsg("排序值最小为1"); |
||||||
}) |
let data = { articleList: this.list }; |
||||||
.catch(() => { |
this.$post(this.api.articleSort, data).then(res => { |
||||||
}); |
util.successMsg("保存成功"); |
||||||
}, |
this.getData() |
||||||
transferDate(date) { |
}) |
||||||
return date.replace(" 00:00:00", ""); |
.catch(err => { |
||||||
}, |
}); |
||||||
delAllData() { |
} else { |
||||||
if (this.multipleSelection.length != "") { |
util.errorMsg("数据为空"); |
||||||
let newArr = this.multipleSelection; |
} |
||||||
let delList = newArr.map(item => { |
|
||||||
return item.id; |
|
||||||
}); |
|
||||||
|
|
||||||
let title = newArr[0].title; |
|
||||||
if (title.length > 14) { |
|
||||||
title = title.substr(0, 14) + "……"; |
|
||||||
} |
|
||||||
this.$confirm(`此批量删除操作不可逆，是否确认删除${title}等${newArr.length}个选中项？`, "提示", { |
|
||||||
type: "warning" |
|
||||||
}) |
|
||||||
.then(() => { |
|
||||||
this.$del(`${this.api.deleteArticles}?articleIds=${delList.join(",")}`).then(res => { |
|
||||||
this.$refs.table.clearSelection(); |
|
||||||
util.successMsg("删除成功"); |
|
||||||
this.getData(); |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
if(this.multipleSelection.length === this.list.length && this.pageNo>1) { |
|
||||||
this.handleCurrentChange(this.pageNo - 1) |
|
||||||
} |
|
||||||
}) |
|
||||||
.catch(() => { |
|
||||||
}); |
|
||||||
} else { |
|
||||||
util.errorMsg("请先选择数据 ！"); |
|
||||||
} |
|
||||||
}, |
|
||||||
switchOff(val, row, index) { |
|
||||||
this.$put(`${this.api.enableArticle}/${row.id}/${val}`) |
|
||||||
.then(res => { |
|
||||||
val == 1 ? util.errorMsg("该文章已隐藏，对学生端用户不可见") : util.successMsg("该文章已发布，对学生端用户可见"); |
|
||||||
}) |
|
||||||
.catch(err => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
sortSubmit() { |
|
||||||
if (this.list.length) { |
|
||||||
if (this.list.find(n => n.sort < 1)) return util.errorMsg("排序值最小为1"); |
|
||||||
let data = { articleList: this.list }; |
|
||||||
this.$post(this.api.articleSort, data).then(res => { |
|
||||||
util.successMsg("保存成功"); |
|
||||||
this.getData() |
|
||||||
}) |
|
||||||
.catch(err => { |
|
||||||
}); |
|
||||||
} else { |
|
||||||
util.errorMsg("数据为空"); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
.btn-wrap { |
.btn-wrap { |
||||||
text-align: right; |
text-align: right; |
||||||
} |
} |
||||||
|
|
||||||
.sort-input { |
.sort-input { |
||||||
/deep/ .el-input__inner { |
/deep/ .el-input__inner { |
||||||
padding: 0 0 0 10px; |
padding: 0 0 0 10px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.sort-input + span { |
.sort-input+span { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
|
|
||||||
.off + span { |
.off+span { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
@ -0,0 +1,251 @@ |
|||||||
|
<template> |
||||||
|
<div class="page"> |
||||||
|
<div style="margin-bottom: 10px;text-align: right;"> |
||||||
|
<el-button v-auth="'/shop:营销推广管理:新增'" type="primary" round @click="add">新增</el-button> |
||||||
|
</div> |
||||||
|
<el-table :data="list" class="table" ref="table" header-align="center" row-key="id"> |
||||||
|
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="courseName" label="图片" min-width="150" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<img width="100" :src="scope.row.banner" alt=""> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="title" label="标题" min-width="150" align="center"></el-table-column> |
||||||
|
<el-table-column prop="subheading" label="副标题" min-width="150" align="center"></el-table-column> |
||||||
|
<el-table-column prop="url" label="链接" min-width="150" align="center"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="250"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-switch v-model="scope.row.isOpen" :active-value="0" :inactive-value="1" |
||||||
|
@change="switchOff($event, scope.row)" v-auth="'/shop:营销推广管理:禁用'"> |
||||||
|
</el-switch> |
||||||
|
<el-button style="margin-left: 10px;" v-auth="'/shop:营销推广管理:编辑'" type="text" |
||||||
|
@click="edit(scope.row)">编辑</el-button> |
||||||
|
<el-button v-auth="'/shop:营销推广管理:删除'" type="text" @click="handleDelete(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
<el-dialog :title="(form.id ? '编辑' : '新增') + 'banner'" :visible.sync="bannerVisible" width="500px" class="dialog" |
||||||
|
:close-on-click-modal="false"> |
||||||
|
<el-form ref="form" label-width="60px"> |
||||||
|
<el-form-item label="图片"> |
||||||
|
<el-upload class="avatar-uploader" accept=".jpg,.png,.jpeg,.gif" :on-change="changeFile" |
||||||
|
:show-file-list="false" action="" :auto-upload="false"> |
||||||
|
<img v-if="form.banner" :src="form.banner" class="avatar"> |
||||||
|
<div class="uploader-default" v-else> |
||||||
|
<i class="el-icon-plus"></i> |
||||||
|
<p>上传图片</p> |
||||||
|
</div> |
||||||
|
</el-upload> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="标题"> |
||||||
|
<el-input v-model="form.title" placeholder="请输入标题" maxlength="100"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="副标题"> |
||||||
|
<el-input v-model="form.subheading" placeholder="请输入副标题" maxlength="100"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="链接"> |
||||||
|
<el-input v-model="form.url" placeholder="请输入链接" maxlength="100"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="bannerVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="submitBanner">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
<!-- 剪裁组件弹窗 --> |
||||||
|
<el-dialog title="图片裁剪" append-to-body :visible.sync="cropperModel" width="1100px" :close-on-click-modal="false"> |
||||||
|
<Cropper ref="cropper" :img-file.sync="file" :is-upload="isUpload" :fixed="true" :fixedNumber.sync="fixedNumber" |
||||||
|
:autoCropWidth="500" :autoCropHeight="138.8" @upload="customUpload" /> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Util from "@/libs/util"; |
||||||
|
import Setting from '@/setting' |
||||||
|
import Cropper from '@/components/img-upload/Cropper' |
||||||
|
import Axios from 'axios' |
||||||
|
import Oss from '@/components/upload/upload.js' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
headers: { |
||||||
|
token: sessionStorage.getItem("token") |
||||||
|
}, |
||||||
|
list: [], |
||||||
|
bannerVisible: false, |
||||||
|
form: { |
||||||
|
id: '', |
||||||
|
banner: '', |
||||||
|
title: '', |
||||||
|
subheading: '', |
||||||
|
url: '', |
||||||
|
}, |
||||||
|
cropperModel: false, |
||||||
|
isUpload: false, |
||||||
|
fixedNumber: [5.4, 1], |
||||||
|
file: '' |
||||||
|
}; |
||||||
|
}, |
||||||
|
components: { |
||||||
|
Cropper |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getList () { |
||||||
|
this.$post(this.api.listMarketing, { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 1000 |
||||||
|
}).then(({ page }) => { |
||||||
|
this.list = page.records; |
||||||
|
this.total = page.total; |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 图片裁剪上传事件 |
||||||
|
customUpload (data) { |
||||||
|
data.name = this.file.name |
||||||
|
this.imgUpload(data) |
||||||
|
}, |
||||||
|
// 图片上传到服务器 |
||||||
|
imgUpload (formData) { |
||||||
|
this.isUpload = true |
||||||
|
Oss.upload(formData).then(res => { |
||||||
|
this.form.banner && Oss.del(this.form.banner) |
||||||
|
this.form.banner = res.url |
||||||
|
}) |
||||||
|
this.$refs.cropper.isDisabled = false |
||||||
|
this.isUpload = false |
||||||
|
this.cropperModel = false |
||||||
|
}, |
||||||
|
// 图片改变钩子 |
||||||
|
changeFile (file) { |
||||||
|
const { size, name } = file |
||||||
|
const ext = name.substring(name.lastIndexOf('.') + 1) |
||||||
|
if (!Util.isImg(ext)) { |
||||||
|
this.$message.error('请上传图片！') |
||||||
|
return false |
||||||
|
} |
||||||
|
this.file = file |
||||||
|
this.cropperModel = true |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.cropper.updateImg({ |
||||||
|
url: window.URL.createObjectURL(file.raw), |
||||||
|
size: file.size |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
add () { |
||||||
|
this.form = { |
||||||
|
id: '', |
||||||
|
banner: '', |
||||||
|
title: '', |
||||||
|
subheading: '', |
||||||
|
url: '', |
||||||
|
} |
||||||
|
this.bannerVisible = true |
||||||
|
}, |
||||||
|
edit (row) { |
||||||
|
this.form = JSON.parse(JSON.stringify(row)) |
||||||
|
this.bannerVisible = true |
||||||
|
}, |
||||||
|
// banner弹框提交 |
||||||
|
submitBanner () { |
||||||
|
const { form } = this |
||||||
|
if (!form.banner) return Util.errorMsg('请上传图片') |
||||||
|
this.$post(this.api[form.id ? 'updateMarketing' : 'saveMarketing'], form).then(res => { |
||||||
|
this.getList() |
||||||
|
this.bannerVisible = false |
||||||
|
}).catch(res => { }) |
||||||
|
}, |
||||||
|
handleDelete (row) { |
||||||
|
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$post(`${this.api.delMarketing}?ids=${row.id}`).then(res => { |
||||||
|
Util.successMsg("删除成功"); |
||||||
|
this.getList(); |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
}); |
||||||
|
}, |
||||||
|
switchOff (val, row) { |
||||||
|
this.$post(`${this.api.bannerEnableOrDisable}?id=${row.id}&isDisable=${row.isOpen}`).then(res => { }).catch(err => { }) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.m-l-10 { |
||||||
|
margin-left: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
$avatar-width: 104px; |
||||||
|
|
||||||
|
/deep/ .avatar-uploader { |
||||||
|
.el-upload { |
||||||
|
position: relative; |
||||||
|
width: $avatar-width; |
||||||
|
height: $avatar-width; |
||||||
|
border: 1px dashed #d9d9d9; |
||||||
|
border-radius: 2px; |
||||||
|
cursor: pointer; |
||||||
|
overflow: hidden; |
||||||
|
|
||||||
|
&:hover { |
||||||
|
border-color: #409eff; |
||||||
|
} |
||||||
|
|
||||||
|
.uploader-default { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
width: $avatar-width !important; |
||||||
|
height: $avatar-width; |
||||||
|
text-align: center; |
||||||
|
background: rgba(0, 0, 0, 0.04); |
||||||
|
|
||||||
|
i { |
||||||
|
font-size: 20px; |
||||||
|
font-weight: bold; |
||||||
|
color: #8c939d; |
||||||
|
} |
||||||
|
|
||||||
|
p { |
||||||
|
margin-top: 10px; |
||||||
|
font-size: 14px; |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
line-height: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.avatar { |
||||||
|
width: $avatar-width; |
||||||
|
height: $avatar-width; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.el-upload__tip { |
||||||
|
margin-top: 0; |
||||||
|
|
||||||
|
p { |
||||||
|
font-size: 14px; |
||||||
|
color: rgba(0, 0, 0, 0.45); |
||||||
|
line-height: 1; |
||||||
|
|
||||||
|
&:first-child { |
||||||
|
margin-bottom: 5px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,53 +1,56 @@ |
|||||||
<template> |
<template> |
||||||
<div class="wrap"> |
<div class="wrap"> |
||||||
<div class="modal"> |
<div class="modal"> |
||||||
<el-steps :space="200" :active="4" finish-status="success"> |
<el-steps :space="200" |
||||||
<el-step title="大赛信息填写"></el-step> |
:active="4" |
||||||
<el-step title="赛程与规则设置"></el-step> |
finish-status="success"> |
||||||
<el-step title="比赛内容设置"></el-step> |
<el-step title="大赛信息填写"></el-step> |
||||||
<el-step title="发布"></el-step> |
<el-step title="赛程与规则设置"></el-step> |
||||||
</el-steps> |
<el-step title="比赛内容设置"></el-step> |
||||||
<h1>大赛已发布！</h1> |
<el-step title="发布"></el-step> |
||||||
<div class="btns"> |
</el-steps> |
||||||
<el-button type="primary" @click="back">确定</el-button> |
<h1>大赛已发布！</h1> |
||||||
</div> |
<div class="btns"> |
||||||
|
<el-button type="primary" |
||||||
|
@click="back">确定</el-button> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
|
|
||||||
}; |
}; |
||||||
}, |
}, |
||||||
mounted() { |
mounted () { |
||||||
|
|
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
back() { |
back () { |
||||||
this.$router.push(`/match?page=${this.$store.state.matchPage}`) |
this.$router.push(this.$store.state.referrer || '/match') |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped lang="scss"> |
<style scoped lang="scss"> |
||||||
.wrap { |
.wrap { |
||||||
height: calc(100vh - 300px); |
height: calc(100vh - 300px); |
||||||
background-color: #fefefe; |
background-color: #fefefe; |
||||||
} |
} |
||||||
.modal { |
.modal { |
||||||
width: 500px; |
width: 500px; |
||||||
padding-top: 150px; |
padding-top: 150px; |
||||||
margin: 0 auto ; |
margin: 0 auto; |
||||||
h1 { |
h1 { |
||||||
margin: 20px; |
margin: 20px; |
||||||
text-align: center; |
text-align: center; |
||||||
} |
} |
||||||
.btns { |
.btns { |
||||||
text-align: center; |
text-align: center; |
||||||
} |
} |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
@ -0,0 +1,211 @@ |
|||||||
|
<template> |
||||||
|
<!-- 理论考试选择试卷 --> |
||||||
|
<div> |
||||||
|
<el-dialog title="请选择试卷" :visible.sync="listVisible" width="1200px" :close-on-click-modal="false" |
||||||
|
@closed="closeDia"> |
||||||
|
<div class="tool"> |
||||||
|
<ul class="filter"> |
||||||
|
<li> |
||||||
|
<label>试卷库</label> |
||||||
|
<el-select v-model="filter.libraryId" placeholder="请选择试卷库" @change="initData"> |
||||||
|
<el-option v-for="(item, i) in paperLibraries" :key="i" :label="item.libraryName" :value="item.libraryId"> |
||||||
|
</el-option> |
||||||
|
</el-select> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>建议用途</label> |
||||||
|
<el-select v-model="filter.paperType" clearable placeholder="请选择状态" @change="initData"> |
||||||
|
<el-option v-for="(item, i) in paperTypes" :key="i" :label="item.name" :value="item.id"></el-option> |
||||||
|
</el-select> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>试卷难度</label> |
||||||
|
<el-select v-model="filter.difficult" clearable multiple placeholder="请选择试卷难度" @change="initData"> |
||||||
|
<el-option v-for="(item, i) in difficults" :key="i" :label="item.name" :value="item.id"></el-option> |
||||||
|
</el-select> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>题目类型</label> |
||||||
|
<el-select v-model="questionType" clearable multiple placeholder="请选择题目类型" @change="initData"> |
||||||
|
<el-option v-for="(item, i) in questionTypes" :key="i" :label="item.name" :value="item.name"></el-option> |
||||||
|
</el-select> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>搜索</label> |
||||||
|
<el-input style="width: 250px;" placeholder="请输入试卷名称" prefix-icon="el-icon-search" v-model="filter.keyWord" |
||||||
|
clearable /> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<div> |
||||||
|
<!-- <el-button type="primary" @click="add">自定义理论试卷</el-button> --> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-table :data="papers" class="table" header-align="center" @sort-change="sortChange"> |
||||||
|
<el-table-column width="60" label="选择" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-radio v-model="form.paperId" :label="scope.row.paperId"> </el-radio> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="name" label="试卷名称" min-width="140" align="center"></el-table-column> |
||||||
|
<el-table-column prop="questionCount" label="试题总数" align="center" min-width="70"></el-table-column> |
||||||
|
<el-table-column prop="score" label="总分" align="center" min-width="70"></el-table-column> |
||||||
|
<el-table-column prop="questionType" label="题型" align="center" min-width="90" |
||||||
|
show-overflow-tooltip></el-table-column> |
||||||
|
<el-table-column prop="difficult" label="试卷难度" align="center" min-width="70" sortable="custom"> |
||||||
|
<template slot-scope="scope">{{ difficults.find(e => e.id === scope.row.difficult) ? difficults.find(e => |
||||||
|
e.id === scope.row.difficult).name : '' }}</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="suggestTime" label="建议用时" align="center" min-width="70"> |
||||||
|
<template slot-scope="scope">{{ scope.row.suggestTime }}min</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="classificationPath" label="试卷分类" align="center" min-width="70" |
||||||
|
show-overflow-tooltip></el-table-column> |
||||||
|
<el-table-column label="建议用途" align="center" min-width="70"> |
||||||
|
<template slot-scope="scope">{{ paperTypes.find(e => e.id === scope.row.paperType) ? paperTypes.find(e => |
||||||
|
e.id === scope.row.paperType).name : '' }}</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="updateTime" label="最近编辑时间" align="center" width="170" |
||||||
|
sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createUser" label="最近编辑人" align="center" width="110"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="80"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="previewPaper(scope.row)">预览</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background :page-size="pageSize" @current-change="handleCurrentChange" |
||||||
|
layout="total,prev, pager, next" :total="total"></el-pagination> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="listVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" :loading="submiting" @click="submit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
import Util from '@/libs/util' |
||||||
|
import _ from 'lodash' |
||||||
|
import QuesConst from '@/const/ques' |
||||||
|
import TestPaperConst from '@/const/testPaper' |
||||||
|
export default { |
||||||
|
props: ['visible', 'form'], |
||||||
|
data () { |
||||||
|
return { |
||||||
|
arabicToChinese: Util.arabicToChinese, |
||||||
|
questionTypes: QuesConst.questionTypes, |
||||||
|
difficults: TestPaperConst.difficults, |
||||||
|
paperTypes: TestPaperConst.paperTypes, |
||||||
|
listVisible: false, |
||||||
|
searchTimer: null, |
||||||
|
|
||||||
|
questionType: [], |
||||||
|
paperLibraries: [], |
||||||
|
filter: { |
||||||
|
libraryId: '', |
||||||
|
paperType: '', |
||||||
|
difficult: [], |
||||||
|
keyWord: '', |
||||||
|
}, |
||||||
|
list: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
paperId: '', |
||||||
|
submiting: false, |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
'filter.keyWord': function (val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.initData, 500) |
||||||
|
}, |
||||||
|
visible () { |
||||||
|
this.listVisible = this.visible |
||||||
|
this.visible && this.getList() |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.originForm = _.cloneDeep(this.form) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取试卷列表 |
||||||
|
async getList () { |
||||||
|
try { |
||||||
|
const res = await this.$post(this.api.examPaperList, { |
||||||
|
...this.filter, |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
type: 1, |
||||||
|
keyWord: this.keyword, |
||||||
|
libraryId: this.systemId |
||||||
|
}) |
||||||
|
this.papers = res.pageList.records |
||||||
|
this.total = res.pageList.total |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 切换页码 |
||||||
|
currentChange (val) { |
||||||
|
this.page = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
handleCurrentChange (val) { |
||||||
|
this.page = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.page = 1 |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 排序回调 |
||||||
|
sortChange (column) { |
||||||
|
if (column.prop === 'updateTime') this.filter.updateTimeOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 新增 |
||||||
|
add () { |
||||||
|
this.form = _.cloneDeep(this.originForm) |
||||||
|
this.detailVisible = true |
||||||
|
}, |
||||||
|
// 预览试卷 |
||||||
|
previewPaper (row) { |
||||||
|
this.$parent.previewPaper(row) |
||||||
|
}, |
||||||
|
// 提交 |
||||||
|
async submit () { |
||||||
|
const { paperId } = this.form |
||||||
|
if (!paperId) return Util.warningMsg('请选择试卷') |
||||||
|
|
||||||
|
const curPaper = this.papers.find(e => e.paperId === paperId) |
||||||
|
if (curPaper) this.form.paperName = curPaper.name |
||||||
|
this.handlePaper() |
||||||
|
}, |
||||||
|
// 复制试卷 |
||||||
|
async handlePaper () { |
||||||
|
const { form } = this |
||||||
|
// 老的试卷名称不等于新的试卷名称，则复制一份试卷，再把新的试卷id替换掉 |
||||||
|
if (form.paperName !== form.originPaperName) { |
||||||
|
const res = await this.$post(this.api.copyExamPaper, { |
||||||
|
associatedID: form.stageId, |
||||||
|
paperId: form.paperId, |
||||||
|
typeId: 1 |
||||||
|
}) |
||||||
|
if (res.examPaper) { |
||||||
|
form.paperId = res.examPaper.paperId |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
// 弹框关闭回调 |
||||||
|
closeDia () { |
||||||
|
this.$emit('update:visible', false) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue