Skip to content

T
tea-resources-web
Commit 15bc0a54 authored by 张伯涛's avatar 张伯涛
Browse files
Options

demo

parent 5949341c
Hide whitespace changes
Inline Side-by-side
Showing with 808 additions and 97 deletions
public/index.html
View file @ 15bc0a54
......@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>liulanqi_logo.png">
<link rel="icon" href="<%= BASE_URL %>collapseMenuLogo.png">
<!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2011217_f70ptj9y4oc.css">-->
<!-- <title><%= webpackConfig.name %></title>-->
<title>教育资源云平台</title>
......
src/views/courseInformation/classManagement/index.vue
View file @ 15bc0a54
<template>
<div class="classManagement_module">
开课
</div>
<div class="classManagement_module">
<div class="search" style="border-bottom: 14px solid #f4f4f4">
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="单位名称" prop="roleName">
<el-input
v-model="queryParams.roleName"
placeholder="单位名称"
clearable
:maxlength="30"
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="课程名称" prop="roleKey">
<el-input
v-model="queryParams.roleKey"
placeholder="课程名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="适用岗位" prop="value">
<el-select v-model="queryParams.value" placeholder="适用岗位" clearable>
<el-option
v-for="item in valueOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="技术方向" prop="searchByDirection">
<el-select v-model="queryParams.searchByDirection" placeholder="技术方向" clearable>
<el-option
v-for="item in courseDirection"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="开始日期" prop="startTime">
<el-date-picker
v-model="queryParams.startTime"
size="small"
type="date"
placeholder="开始日期"
/>
</el-form-item>
<el-form-item label="结束日期" prop="endTime">
<el-date-picker
v-model="queryParams.endTime"
size="small"
type="date"
placeholder="结束日期"
/>
</el-form-item>
<el-form-item>
<!-- //查询按钮-->
<el-button
:class="commonField.queryClass"
:type="commonField.typePrimary"
:icon="commonField.queryIcon"
:size="commonField.smallSize"
@click="handleQuery"
>{{ commonField.queryName }}</el-button>
<!-- //重置按钮-->
<el-button
:class="commonField.resetClass"
:icon="commonField.resetIcon"
:size="commonField.smallSize"
@click="resetQuery"
>{{ commonField.resetName }}</el-button>
</el-form-item>
<div style="float: right">
<el-form-item>
<!-- //新增按钮-->
<el-button
v-hasPermi="hasAddPerm"
:class="commonField.addClass"
:type="commonField.typePrimary"
:icon="commonField.addIcon"
:size="commonField.smallSize"
@click="handleAdd"
>{{ commonField.addName }}</el-button>
</el-form-item>
</div>
</el-form>
</div>
<div style="padding:5px 10px">
<div class="tableTitle">开课管理列表</div>
<el-table v-loading="loading" border :data="dateList">
<el-table-column type="index" label="序号" width="90" />
<el-table-column label="单位" prop="roleName" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.roleName || '-' }}
</template>
</el-table-column>
<el-table-column label="课程名称" prop="roleKey">
<template slot-scope="scope">
{{ scope.row.roleKey || '-' }}
</template>
</el-table-column>
<el-table-column label="适用岗位" prop="roleSort">
<template slot-scope="scope">
{{ scope.row.roleSort || '-' }}
</template>
</el-table-column>
<el-table-column label="技术方向" prop="value">
<template slot-scope="scope">
{{ scope.row.value || '-' }}
</template>
</el-table-column>
<el-table-column label="开始日期" prop="value2">
<template slot-scope="scope">
{{ scope.row.value2 || '-' }}
</template>
</el-table-column>
<el-table-column label="结束日期" prop="value3">
<template slot-scope="scope">
{{ scope.row.value3 || '-' }}
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="200px">
<template slot-scope="scope">
<!-- //修改-->
<el-button
v-hasPermi="hasUpdatePerm"
:class="commonField.updateClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleUpdate(scope.row)"
>{{ commonField.updateName }}</el-button>
<!-- //删除-->
<el-button
v-hasPermi="hasDelPerm"
:class="commonField.delClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleDelete(scope.row)"
>{{ commonField.deleteName }}</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.rows"
@pagination="getList"
/>
<!-- 添加或修改角色配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="1100px" append-to-body>
<el-form ref="form" :model="form" size="small" label-width="auto">
<!-- <div-->
<!-- v-for="(item, index) in form.settingList"-->
<!-- :key="index"-->
<!-- class="card"-->
<!-- >-->
<div style="display: flex;justify-content: space-between;align-items: center">
<div>
<el-form-item
label="单位"
prop="unit"
>
<el-select
v-model="addForm.unit"
style="width: 120px"
>
<el-option
v-for="items in unitOptions"
:key="items.value"
:label="items.label"
:value="items.value"
/>
</el-select>
</el-form-item>
</div>
<div>
<el-form-item
label="课程"
prop="class"
>
<el-select
v-model="addForm.class"
style="width: 140px"
>
<el-option
v-for="items in classOptions"
:key="items.value"
:label="items.label"
:value="items.value"
/>
</el-select>
</el-form-item>
</div>
<div>
<el-form-item
label="开始时间"
prop="createTime"
>
<span>
<el-date-picker
style="width: 140px"
v-model="addForm.createTime"
type="date"
placeholder="-"
:editable="false"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
/>
</span>
</el-form-item>
</div>
<div>
<el-form-item
label="结束时间"
prop="endTime"
>
<span>
<el-date-picker
style="width: 120px"
v-model="addForm.endTime"
type="date"
placeholder="-"
:editable="false"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
/>
</span>
</el-form-item>
</div>
<div>
</div>
</div>
<!-- </div>-->
</el-form>
<div style="padding: 20px;text-align: center">
<el-button class="fourWordsBtn" icon="el-icon-plus" size="mini" @click="handleAddShift">新增</el-button>
</div>
<el-table class="DBXXClass" border :data="form.settingList">
<el-table-column
label="序号"
type="index"
width="50"
align="center"
/>
<el-table-column label="单位" prop="unit">
<template slot-scope="scope">
{{ scope.row.unit || '-' }}
</template>
</el-table-column>
<el-table-column label="课程" prop="class">
<template slot-scope="scope">
{{ scope.row.class || '-' }}
</template>
</el-table-column>
<el-table-column label="开始日期" prop="createTime">
<template slot-scope="scope">
{{ scope.row.createTime || '-' }}
</template>
</el-table-column>
<el-table-column label="结束时间" prop="endTime">
<template slot-scope="scope">
{{ scope.row.endTime || '-' }}
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
v-hasPermi="hasDelPerm"
:class="commonField.delClass"
:type="commonField.typeParent"
:size="commonField.size"
>{{ commonField.deleteName }}</el-button>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button class="cancelBtn" @click="cancel">取 消</el-button>
<el-button class="submitBtn" type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listRole, getRole, delRole, addRole, updateRole, exportRole, dataScope, changeRoleStatus } from '@/api/system/role'
import { roleMenuTreeSelectMC, treeSelect as menuTreeSelect, roleMenuTreeSelect } from '@/api/system/menu'
import Coolbutton from '@/components/coolbutton'
import { getDataCache, setDataCache } from '@/assets/js/filterData'
import commonField from '@/utils/commonField'
import {queryDirectionsList} from "@/api/courseManagement/indexApi";
export default {
name: "index",
name: 'Role',
components: { Coolbutton },
data() {
return {
// 修改页面默认打开的树壮菜单
updateMenu: [],
hasDelPerm: ['sys:role:delete'],
hasResetPerm: ['sys:role:resetPwd'],
hasUpdatePerm: ['sys:role:update'],
hasAddPerm: ['sys:role:add'],
hasExportPerm: ['sys:role:export'],
// 遮罩层
loading: false,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 总条数
total: 6,
// 角色表格数据
dateList: [
{roleName: '融创软通',roleKey: '软件项目管理',roleSort: '后端开发', value: 'JAVA',value2: '2024-03-20',value3: '2024-03-24',},
{roleName: '融创软通',roleKey: '计算机网络',roleSort: '后端开发', value: 'JAVA',value2: '2024-02-14',value3: '2024-03-14',},
{roleName: '融创软通',roleKey: '小程序',roleSort: '后端开发', value: 'JAVA',value2: '2024-01-26',value3: '2024-02-14',},
{roleName: '天津师范大学',roleKey: 'Web开发技术',roleSort: '前端开发', value: 'JAVA',value2: '2024-01-20',value3: '2024-03-02',},
{roleName: '南开大学',roleKey: '计算机网络',roleSort: '后端开发', value: 'JAVA',value2: '2024-01-20',value3: '2024-03-14',},
{roleName: '天津大学',roleKey: 'PHP',roleSort: '后端开发', value: 'JAVA',value2: '2024-02-11',value3: '2024-03-10',}
],
unitOptions: [
{value: '融创软通', label: '融创软通'},
{value: '华软创新', label: '华软创新'},
{value: '天津工业大学', label: '天津工业大学'},
{value: '天津师范大学', label: '天津师范大学'},
{value: '天津大学', label: '天津大学'},
],
classOptions: [
{value: '软件项目管理', label: '软件项目管理'},
{value: '计算机网络', label: '计算机网络'},
{value: '小程序', label: '小程序'},
{value: 'Web开发技术', label: 'Web开发技术'},
{value: '计算机网络', label: '计算机网络'},
{value: 'PHP', label: 'PHP'},
],
// 弹出层标题
title: '',
// 是否显示弹出层
open: false,
// 日期范围
// dateRange: [],
// 菜单表格数据
menuList: [],
menuExpand: false,
menuNodeAll: false,
deptExpand: true,
deptNodeAll: false,
// 状态数据字典
statusOptions: [
{
dictLabel: '启用',
dictValue: '1'
},
{
dictLabel: '停用',
dictValue: '0'
}
],
// 数据范围选项
dataScopeOptions: [
{
value: '1',
label: '全部数据权限'
},
{
value: '2',
label: '自定数据权限'
},
{
value: '3',
label: '本部门数据权限'
},
{
value: '4',
label: '本部门及以下数据权限'
},
{
value: '5',
label: '仅本人数据权限'
}
],
// 菜单列表
menuOptions: [],
// 部门列表
tOptions: [],
valueOptions: [
{value: '1', label: '前端开发'},
{value: '2', label: '后端开发'}
],
// 查询参数
queryParams: {
value:'',
startTime: '',
endTime: '',
searchByDirection:'',
page: 1,
rows: 10,
roleName: '',
roleKey: '',
flag: ''
},
courseDirection: [],
addForm: {
unit: '',
class: '',
createTime: '',
endTime: '',
},
// 表单参数
form: {
settingList: [
{
unit: '融创软通',
class: 'JAVA',
createTime: '2023-11-02',
endTime: '2024-03-12',
},
{
unit: '融创软通',
class: 'WEB',
createTime: '2024-01-02',
endTime: '2024-02-12',
},
{
unit: '融创软通',
class: '计算机技术',
createTime: '2023-10-22',
endTime: '2024-01-12',
},
{
unit: '融创软通',
class: 'PHP',
createTime: '2023-07-22',
endTime: '2024-01-16',
},
],
},
defaultProps: {
children: 'children',
label: 'label'
},
deptOptions: []
}
},
created() {
computed: {
commonField() {
return commonField
}
},
/** 路由离开前存储筛选条件*/
beforeRouteLeave(to, from, next) {
setDataCache(this.$route.path, this.queryParams)
next()
},
mounted() {
created() {
this.queryParams = JSON.parse(getDataCache(this.$route.path)) // 获取存储的筛选项
this.getList() // 列表查询
this.getCourseDirection()
},
methods: {
handleAddShift() {
const params = JSON.parse(JSON.stringify(this.addForm))
this.form.settingList.push(params)
},
handleDel(item, index) {
this.form.settingList.splice(index, 1)
},
// 获取课程方向
getCourseDirection() {
let that = this;
queryDirectionsList().then(res => {
for (let i = 0; i < res.data.length; i++) {
let obj = {};
obj.value = res.data[i].id;
obj.label = res.data[i].text;
that.courseDirection[i] = obj;
}
}).catch((err) => {
that.$notify({
title: '失败',
message: '网络错误,课程方向获取失败',
type: 'error'
})
});
},
/** 查询角色列表 */
getList() {
// this.loading = true
// listRole(this.queryParams).then(
// response => {
// this.dateList = response.rows
// this.total = response.total
// this.loading = false
// }
// )
},
/** 查询菜单列表 */
getMenuList(roleId) {
// roleMenuTreeSelectMC(roleId).then(response => {
// this.menuList = this.handleTree(response.data, 'businessId')
// this.loading = false
// })
},
// 取消按钮
cancel() {
this.open = false
this.reset()
this.updateMenu = []
},
// 取消按钮（数据权限）
cancelDataScope() {
this.getList()
this.reset()
},
// 表单重置
reset() {
},
/** 查询按钮操作 */
handleQuery() {
this.queryParams.page = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
// this.dateRange = []
this.queryParams = {
page: 1,
rows: 10,
roleName: '',
roleKey: '',
flag: ''
}
this.handleQuery()
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = '开课新增'
},
/** 修改按钮操作 */
handleUpdate(row) {
// this.reset()
// const roleId = row.businessId || this.ids
// const roleMenu = this.getRoleMenuTreeSelect(roleId)
// getRole(roleId).then(response => {
// this.form = response.data
// this.open = true
//
// this.$nextTick(() => {
// roleMenu.then(res => {
// this.$refs.menu.setCheckedKeys(res.data.checkedKeys)
// })
// })
// this.title = '修改角色'
// })
},
/** 提交按钮 */
submitForm: function() {
},
/** 删除按钮操作 */
handleDelete(row) {
const roleIds = row.businessId || this.ids
this.$confirm('是否确认操作？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return delRole(roleIds)
}).then(() => {
this.getList()
this.$message({
message: '删除成功',
type: 'success'
})
}).catch(function() {
})
},
}
}
</script>
<style scoped lang="scss">
<style lang="scss" scoped>
.classManagement_module{
}
......
src/views/courseInformation/courseManagement/index.vue
View file @ 15bc0a54
......@@ -4,11 +4,21 @@
<div class="courseContent" v-show="showSwitch.courseContent">
<div class="search" style="border-bottom: 14px solid #f4f4f4">
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="课程编号/课程名称" prop="roleName">
<el-input placeholder="请输入课程编号或课程名称" v-model="queryParams.coursekey" :maxlength="15" style="margin-right: 15px"></el-input>
<el-form-item label="课程名称" prop="roleName">
<el-input placeholder="课程名称" v-model="queryParams.coursekey" :maxlength="15" style="margin-right: 15px"></el-input>
</el-form-item>
<el-form-item label="课程方向" prop="roleName">
<el-select v-model="queryParams.searchByDirection" placeholder="根据课程方向筛选" clearable>
<el-form-item label="适用岗位" prop="value">
<el-select v-model="queryParams.value" placeholder="适用岗位" clearable>
<el-option
v-for="item in valueOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="技术方向" prop="roleName">
<el-select v-model="queryParams.searchByDirection" placeholder="技术方向" clearable>
<el-option
v-for="item in courseDirection"
:key="item.value"
......@@ -17,6 +27,36 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="难度等级" prop="value2">
<el-select v-model="queryParams.value2" placeholder="难度等级" clearable>
<el-option
v-for="item in value2Options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="课程讲师" prop="value3">
<el-select v-model="queryParams.value3" placeholder="课程讲师" clearable>
<el-option
v-for="item in value3Options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="课程状态" prop="value4">
<el-select v-model="queryParams.value4" placeholder="课程状态" clearable>
<el-option
v-for="item in value4Options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<!-- //查询按钮-->
<el-button
......@@ -66,14 +106,24 @@
</el-form>
</div>
<el-dialog title="" :visible.sync="dialogFormVisible" size="tiny" :close-on-click-modal="false" @close="callOf('form')">
<el-form :model="form" style="margin-top: 1em;margin-right: 1em;" :rules="formrule1" ref="form">
<el-form-item label="课程编号" :label-width="formLabelWidth" prop="id">
<el-input v-model="form.id" auto-complete="off" :maxlength="11"></el-input>
</el-form-item>
<el-form-item label="课程名称" :label-width="formLabelWidth" prop="name">
<el-form :model="form" style="margin-top: 1em;margin-right: 1em;" label-width="auto" :rules="formrule1" ref="form">
<!-- <el-form-item label="课程编号" :label-width="formLabelWidth" prop="id">-->
<!-- <el-input v-model="form.id" auto-complete="off" :maxlength="11"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="课程名称" prop="name">
<el-input v-model="form.name" auto-complete="off" :maxlength="15"></el-input>
</el-form-item>
<el-form-item label="课程方向" prop="couDire" :label-width="formLabelWidth">
<el-form-item label="适用岗位" prop="value">
<el-select v-model="form.value" placeholder="适用岗位" clearable>
<el-option
v-for="item in valueOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="技术方向" prop="couDire">
<el-select v-model="form.couDire" placeholder="请选择课程方向">
<!--<el-option label="后端开发" value="1"></el-option>-->
<!--<el-option label="前端开发" value="2"></el-option>-->
......@@ -86,12 +136,47 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="学分" :label-width="formLabelWidth" prop="credit">
<el-input v-model="form.credit" :maxlength="2"></el-input>
<el-form-item label="难度等级" prop="value2">
<el-select v-model="form.value2" placeholder="难度等级" clearable>
<el-option
v-for="item in value2Options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="课程讲师" prop="value3">
<el-select v-model="form.value3" placeholder="课程讲师" clearable>
<el-option
v-for="item in value3Options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="总学时" :label-width="formLabelWidth" prop="totalStuHours">
<el-form-item label="价格" prop="totalStuHours">
<el-input v-model="form.totalStuHours" :maxlength="3"></el-input>
</el-form-item>
<el-form-item label="课程状态" prop="value4">
<el-select v-model="form.value4" placeholder="课程状态" clearable>
<el-option
v-for="item in value4Options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="介绍" prop="value5">
<el-input
type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="form.value5">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
......@@ -108,80 +193,121 @@
<span>{{scope.row.id}}</span>
</template>
</el-table-column>
<el-table-column align="center" prop="tcode" label="课程编号">
<el-table-column align="center" label="封面" prop="imageSrc">
<template slot-scope="scope">
<el-popover
ref="popover"
placement="right"
width="300"
trigger="click" @show="bindThis(scope.$index)">
<el-form :label-position="labelPosition" label-width="90px" :model="formLabelAlign" style="margin-top: 1em;margin-right: 1em;" ref="formLabelAlign" :rules="formrule2">
<el-form-item label="课程编号" prop="id">
<el-input v-model="formLabelAlign.id" :disabled="true"></el-input>
</el-form-item>
<el-form-item label="课程名称" prop="region">
<el-input v-model="formLabelAlign.region" :maxlength="15"></el-input>
</el-form-item>
<el-form-item label="课程方向" prop="couDire">
<el-select v-model="formLabelAlign.couDire" placeholder="请选择课程方向">
<!--<el-option label="后端开发" value="1"></el-option>-->
<!--<el-option label="前端开发" value="2"></el-option>-->
<!--<el-option label="数据库" value="3"></el-option>-->
<el-option
v-for="item in courseDirection"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="学分" prop="credit">
<el-input v-model="formLabelAlign.credit" :maxlength="2"></el-input>
</el-form-item>
<el-form-item label="总学时" prop="totalStuHours">
<el-input v-model="formLabelAlign.totalStuHours" :maxlength="3"></el-input>
</el-form-item>
<div style=" display: flex;justify-content: flex-end;">
<el-button type="info" @click="change_course('formLabelAlign',scope.$index)" style="margin-left: 80px;" v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="请稍等...">保 存
</el-button>
</div>
</el-form>
</el-popover>
<el-button v-popover:popover type="text">{{scope.row.tcode}}</el-button>
<!-- <span v-popover:popover>{{scope.row.tcode}}</span>-->
<img :src="imageSrc" style="width:100%;height:100%;" @mouseover="justEnter($event)" @mouseout="justOut($event)"/>
</template>
</el-table-column>
<el-table-column align="center" prop="tlessonName" label="课程名称">
<el-table-column align="center" prop="tlessonName" label="课程名称" width="150">
<template slot-scope="scope">
<span style="max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap" :title="scope.row.tlessonName">{{scope.row.tlessonName}}</span>
</template>
</el-table-column>
<el-table-column align="center" label="封面" prop="imageSrc">
<!-- <el-table-column align="center" prop="tcode" label="课程编号">-->
<!-- <template slot-scope="scope">-->
<!-- <el-popover-->
<!-- ref="popover"-->
<!-- placement="right"-->
<!-- width="300"-->
<!-- trigger="click" @show="bindThis(scope.$index)">-->
<!-- <el-form :label-position="labelPosition" label-width="90px" :model="formLabelAlign" style="margin-top: 1em;margin-right: 1em;" ref="formLabelAlign" :rules="formrule2">-->
<!-- <el-form-item label="课程编号" prop="id">-->
<!-- <el-input v-model="formLabelAlign.id" :disabled="true"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="课程名称" prop="region">-->
<!-- <el-input v-model="formLabelAlign.region" :maxlength="15"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="课程方向" prop="couDire">-->
<!-- <el-select v-model="formLabelAlign.couDire" placeholder="请选择课程方向">-->
<!-- &lt;!&ndash;<el-option label="后端开发" value="1"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-option label="前端开发" value="2"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-option label="数据库" value="3"></el-option>&ndash;&gt;-->
<!-- <el-option-->
<!-- v-for="item in courseDirection"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="学分" prop="credit">-->
<!-- <el-input v-model="formLabelAlign.credit" :maxlength="2"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="总学时" prop="totalStuHours">-->
<!-- <el-input v-model="formLabelAlign.totalStuHours" :maxlength="3"></el-input>-->
<!-- </el-form-item>-->
<!-- <div style=" display: flex;justify-content: flex-end;">-->
<!-- <el-button type="info" @click="change_course('formLabelAlign',scope.$index)" style="margin-left: 80px;" v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="请稍等...">保 存-->
<!-- </el-button>-->
<!-- </div>-->
<!-- </el-form>-->
<!-- </el-popover>-->
<!-- <el-button v-popover:popover type="text">{{scope.row.tcode}}</el-button>-->
<!-- &lt;!&ndash; <span v-popover:popover>{{scope.row.tcode}}</span>&ndash;&gt;-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column align="center" label="适用岗位" prop="directionName">
<template slot-scope="scope">
<img :src="imageSrc" style="width:100%;height:100%;" @mouseover="justEnter($event)" @mouseout="justOut($event)"/>
<span>前端开发、后端开发</span>
</template>
</el-table-column>
<el-table-column align="center" label="方向" prop="directionName">
<el-table-column align="center" label="技术方向" prop="directionName">
<template slot-scope="scope">
<span>{{scope.row.directionName}}</span>
</template>
</el-table-column>
<el-table-column align="center" label="学分" prop="credits">
<el-table-column align="center" label="难度" prop="directionName">
<template slot-scope="scope">
<span>中级</span>
</template>
</el-table-column>
<el-table-column align="center" label="介绍" prop="directionName">
<template slot-scope="scope">
<span>用 vue 构建用户界面，解决了 jQuery + 模板引擎 的诸多痛点，极大的提高了开发的效率和体验</span>
</template>
</el-table-column>
<el-table-column align="center" label="老师" prop="classHour">
<template slot-scope="scope">
<span>{{scope.row.credits}}</span>
<span>彭婷利</span>
</template>
</el-table-column>
<el-table-column align="center" label="学时" prop="classHour">
<!-- <el-table-column align="center" label="学分" prop="credits">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{scope.row.credits}}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column align="center" label="价格（元）" prop="classHour">
<template slot-scope="scope">
<span>{{scope.row.classHour}}</span>
</template>
</el-table-column>
<el-table-column align="center" label="操作" width="350">
<el-table-column align="center" label="状态" prop="classHour">
<template slot-scope="scope">
<el-button type="text" @click="picturecover(scope.$index,scope.row)" >修改封面</el-button>
<el-button type="text" @click="resetcover(scope.$index)" >恢复封面</el-button>
<el-button type="text" @click="loadCurCat(scope.$index)" >目录</el-button>
<el-button type="text" @click="removeCourse(scope.$index)">删除</el-button>
<span>已发布</span>
</template>
</el-table-column>
<el-table-column align="center" label="操作" width="190">
<template slot-scope="scope">
<el-button
:class="commonField.updateClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="picturecover(scope.$index,scope.row)"
>修改封面</el-button>
<el-button
:class="commonField.updateClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="loadCurCat(scope.$index)"
>目录</el-button>
<el-button
:class="commonField.updateClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="removeCourse(scope.$index)"
>删除</el-button>
<!-- <el-button type="text" @click="resetcover(scope.$index)" >恢复封面</el-button>-->
<!-- <el-button type="text" @click="removeCourse(scope.$index)">删除</el-button>-->
</template>
</el-table-column>
</el-table>
......@@ -311,6 +437,11 @@ export default {
dialogVisible: false,
//新增课程
form: {
value: '',
value2: '',
value3: '',
value4: '',
value5: '',
id: '',
name: '',
couDire: '',
......@@ -319,6 +450,23 @@ export default {
},
//课程方向
courseDirection: [],
valueOptions: [
{value: '1', label: '前端开发'},
{value: '2', label: '后端开发'}
],
value2Options: [
{value: '1', label: '初级'},
{value: '2', label: '中级'},
{value: '3', label: '高级'}
],
value3Options: [
{value: '1', label: '张三'},
{value: '2', label: '李四'}
],
value4Options: [
{value: '1', label: '已发布'},
{value: '2', label: '未发布'}
],
formLabelWidth: '90px',
//表格
tableData: [],
......@@ -345,6 +493,10 @@ export default {
coursename: '',
queryParams: {
value: '',
value2: '',
value3: '',
value4: '',
page: 1,
rows: 10,
coursekey:'',
......@@ -882,6 +1034,9 @@ export default {
/*width:calc(100% - 30px);*/
/*height:calc(100% - 60px);*/
}
#courseManage .el-select{
width: 100%;
}
.courseContent{
/*padding-left: 15px;*/
width:100%;
......
src/views/system/dict/index.vue
View file @ 15bc0a54
......@@ -24,22 +24,6 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="flag">
<el-select
v-model="queryParams.flag"
placeholder="字典状态"
clearable
size="small"
style="width: 200px"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="dateRange"
......
src/views/system/role/index.vue
View file @ 15bc0a54
......@@ -125,13 +125,13 @@
@click="handleUpdate(scope.row)"
>{{ commonField.updateName }}</el-button>
<!-- //数据权限-->
<el-button
v-hasPermi="hasDelPerm"
:class="commonField.delClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleMenu(scope.row)"
>{{ commonField.dataPower }}</el-button>
<!-- <el-button-->
<!-- v-hasPermi="hasDelPerm"-->
<!-- :class="commonField.delClass"-->
<!-- :type="commonField.typeParent"-->
<!-- :size="commonField.size"-->
<!-- @click="handleMenu(scope.row)"-->
<!-- >{{ commonField.dataPower }}</el-button>-->
<!-- //删除-->
<el-button
v-hasPermi="hasDelPerm"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment