|
@@ -1,16 +1,12 @@
|
|
<template>
|
|
<template>
|
|
- <div
|
|
|
|
- class="pb_content"
|
|
|
|
- style="
|
|
|
|
|
|
+ <div class="pb_content" style="
|
|
background: unset;
|
|
background: unset;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
padding: 20px;
|
|
padding: 20px;
|
|
margin: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- "
|
|
|
|
- >
|
|
|
|
- <div
|
|
|
|
- style="
|
|
|
|
|
|
+ ">
|
|
|
|
+ <div style="
|
|
position: absolute;
|
|
position: absolute;
|
|
width: 95%;
|
|
width: 95%;
|
|
top: 0;
|
|
top: 0;
|
|
@@ -18,52 +14,26 @@
|
|
overflow: auto;
|
|
overflow: auto;
|
|
left: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
- "
|
|
|
|
- >
|
|
|
|
- <div
|
|
|
|
- class="pb_content_body"
|
|
|
|
- style="
|
|
|
|
|
|
+ ">
|
|
|
|
+ <div class="pb_content_body" style="
|
|
background: #fff;
|
|
background: #fff;
|
|
- padding: 0px 25px;
|
|
|
|
|
|
+ padding: 10px 25px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
- "
|
|
|
|
- >
|
|
|
|
|
|
+ ">
|
|
<div class="pb_head">
|
|
<div class="pb_head">
|
|
<span>分组管理</span>
|
|
<span>分组管理</span>
|
|
<!-- <span>备注:教师可以根据课程、班级条件筛选学生并查看该学生信息</span> -->
|
|
<!-- <span>备注:教师可以根据课程、班级条件筛选学生并查看该学生信息</span> -->
|
|
</div>
|
|
</div>
|
|
- <!-- <div class="student_head">
|
|
|
|
- <div class="student_search">
|
|
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="primary"
|
|
|
|
- @click="dialogVisible = true"
|
|
|
|
- v-if="step == 0"
|
|
|
|
- >添加学校</el-button
|
|
|
|
- >-->
|
|
|
|
|
|
+
|
|
<div v-if="step == 1" class="student_search1">
|
|
<div v-if="step == 1" class="student_search1">
|
|
<div></div>
|
|
<div></div>
|
|
<div>
|
|
<div>
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="primary"
|
|
|
|
- @click="dialogVisible6 = true"
|
|
|
|
- >添加图片</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="primary"
|
|
|
|
- @click="dialogVisible2 = true"
|
|
|
|
- >添加分类</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button size="small" type="primary" @click="dialogVisible6 = true">修改Banner</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="step == 2" class="student_search1">
|
|
<div v-if="step == 2" class="student_search1">
|
|
- <el-breadcrumb
|
|
|
|
- separator-class="el-icon-arrow-right"
|
|
|
|
- style="margin-top: 15px"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 15px">
|
|
<el-breadcrumb-item>
|
|
<el-breadcrumb-item>
|
|
<span @click="step = 1" style="cursor: pointer">分类列表</span>
|
|
<span @click="step = 1" style="cursor: pointer">分类列表</span>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb-item>
|
|
@@ -71,311 +41,128 @@
|
|
<span style="color: rgb(15, 126, 255)">子分类列表</span>
|
|
<span style="color: rgb(15, 126, 255)">子分类列表</span>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
</el-breadcrumb>
|
|
- <el-button size="small" type="primary" @click="dialogVisible4 = true"
|
|
|
|
- >添加子分类</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button size="small" type="primary" @click="dialogVisible4 = true">添加子分类</el-button>
|
|
</div>
|
|
</div>
|
|
- <!-- </div>
|
|
|
|
- </div>
|
|
|
|
- <el-table
|
|
|
|
- ref="table"
|
|
|
|
- :data="tableData"
|
|
|
|
- stripe
|
|
|
|
- border
|
|
|
|
|
|
+ <el-table ref="table" :data="tableData1" stripe border
|
|
:header-cell-style="{ background: '#f1f1f1', 'text-align': 'center' }"
|
|
:header-cell-style="{ background: '#f1f1f1', 'text-align': 'center' }"
|
|
- :cell-style="{ 'text-align': 'center' }"
|
|
|
|
- style="width: 100%"
|
|
|
|
- :height="tableHeight"
|
|
|
|
- v-loading="isLoading"
|
|
|
|
- v-if="step == 0"
|
|
|
|
- >
|
|
|
|
- <el-table-column prop="name" label="学校名称" min-width="70">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="date" label="操作" min-width="30">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <div class="pb_buttonBox">
|
|
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="selectType(scope.row.id)"
|
|
|
|
- >
|
|
|
|
- 查看分类
|
|
|
|
- </el-button>
|
|
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="updateS(scope.row.id, scope.row.name)"
|
|
|
|
- >修改</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="deleteSchool(scope.row.id)"
|
|
|
|
- >删除</el-button
|
|
|
|
- >
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- </el-table> -->
|
|
|
|
- <el-table
|
|
|
|
- ref="table"
|
|
|
|
- :data="tableData1"
|
|
|
|
- stripe
|
|
|
|
- border
|
|
|
|
- :header-cell-style="{ background: '#f1f1f1', 'text-align': 'center' }"
|
|
|
|
- :cell-style="{ 'text-align': 'center' }"
|
|
|
|
- style="width: 100%"
|
|
|
|
- :height="tableHeight"
|
|
|
|
- v-loading="isLoading"
|
|
|
|
- v-if="step == 1"
|
|
|
|
- >
|
|
|
|
|
|
+ :cell-style="{ 'text-align': 'center' }" style="width: 100%" :height="tableHeight" v-loading="isLoading"
|
|
|
|
+ v-if="step == 1">
|
|
<el-table-column prop="name" label="分类名称" min-width="70">
|
|
<el-table-column prop="name" label="分类名称" min-width="70">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="date" label="操作" min-width="30">
|
|
<el-table-column prop="date" label="操作" min-width="30">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="pb_buttonBox">
|
|
<div class="pb_buttonBox">
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="selectSType(scope.row.id)"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button size="mini" type="primary" @click="selectSType(scope.row.id)">
|
|
查看子分类
|
|
查看子分类
|
|
</el-button>
|
|
</el-button>
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="updateP(scope.row.id, scope.row.name)"
|
|
|
|
- >修改</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="deletePtype(scope.row.id)"
|
|
|
|
- >删除</el-button
|
|
|
|
- >
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
- <el-table
|
|
|
|
- ref="table"
|
|
|
|
- :data="tableData2"
|
|
|
|
- stripe
|
|
|
|
- border
|
|
|
|
|
|
+ <el-table ref="table" :data="tableData2" stripe border
|
|
:header-cell-style="{ background: '#f1f1f1', 'text-align': 'center' }"
|
|
:header-cell-style="{ background: '#f1f1f1', 'text-align': 'center' }"
|
|
- :cell-style="{ 'text-align': 'center' }"
|
|
|
|
- style="width: 100%"
|
|
|
|
- :height="tableHeight"
|
|
|
|
- v-loading="isLoading"
|
|
|
|
- v-if="step == 2"
|
|
|
|
- >
|
|
|
|
|
|
+ :cell-style="{ 'text-align': 'center' }" style="width: 100%" :height="tableHeight" v-loading="isLoading"
|
|
|
|
+ v-if="step == 2">
|
|
<el-table-column prop="name" label="子分类名称" min-width="70">
|
|
<el-table-column prop="name" label="子分类名称" min-width="70">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="date" label="操作" min-width="30">
|
|
<el-table-column prop="date" label="操作" min-width="30">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="pb_buttonBox">
|
|
<div class="pb_buttonBox">
|
|
- <!-- <el-button size="mini" type="primary" @click="selectType">
|
|
|
|
- 查看子分类
|
|
|
|
- </el-button> -->
|
|
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="updateSPType(scope.row.id, scope.row.name)"
|
|
|
|
- >修改</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="primary"
|
|
|
|
- @click="deleteStype(scope.row.id)"
|
|
|
|
- >删除</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button size="mini" type="primary" @click="updateSPType(scope.row.id, scope.row.name)">修改</el-button>
|
|
|
|
+ <el-button size="mini" type="primary" @click="deleteStype(scope.row.id)">删除</el-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
<div class="student_page" v-if="step == 0">
|
|
<div class="student_page" v-if="step == 0">
|
|
- <el-pagination
|
|
|
|
- background
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
- :page-size="10"
|
|
|
|
- :total="total"
|
|
|
|
- v-if="page"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- ></el-pagination>
|
|
|
|
|
|
+ <el-pagination background layout="prev, pager, next" :page-size="10" :total="total" v-if="page"
|
|
|
|
+ @current-change="handleCurrentChange"></el-pagination>
|
|
</div>
|
|
</div>
|
|
<div class="student_page" v-if="step == 1">
|
|
<div class="student_page" v-if="step == 1">
|
|
- <el-pagination
|
|
|
|
- background
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
- :page-size="10"
|
|
|
|
- :total="total1"
|
|
|
|
- v-if="page1"
|
|
|
|
- @current-change="handleCurrentChange1"
|
|
|
|
- ></el-pagination>
|
|
|
|
|
|
+ <el-pagination background layout="prev, pager, next" :page-size="10" :total="total1" v-if="page1"
|
|
|
|
+ @current-change="handleCurrentChange1"></el-pagination>
|
|
</div>
|
|
</div>
|
|
<div class="student_page" v-if="step == 2">
|
|
<div class="student_page" v-if="step == 2">
|
|
- <el-pagination
|
|
|
|
- background
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
- :page-size="10"
|
|
|
|
- :total="total2"
|
|
|
|
- v-if="page2"
|
|
|
|
- @current-change="handleCurrentChange2"
|
|
|
|
- ></el-pagination>
|
|
|
|
|
|
+ <el-pagination background layout="prev, pager, next" :page-size="10" :total="total2" v-if="page2"
|
|
|
|
+ @current-change="handleCurrentChange2"></el-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <el-dialog
|
|
|
|
- title="添加学校"
|
|
|
|
- :visible.sync="dialogVisible"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="添加学校" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div class="addBox">
|
|
<div class="addBox">
|
|
<span class="tian1">学校名称</span>
|
|
<span class="tian1">学校名称</span>
|
|
- <el-input
|
|
|
|
- v-model="schoolName"
|
|
|
|
- style="width: 250px; margin: 15px 0px"
|
|
|
|
- placeholder="请输入学校名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="schoolName" style="width: 250px; margin: 15px 0px" placeholder="请输入学校名称"></el-input>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="addSchool">确 定</el-button>
|
|
<el-button type="primary" @click="addSchool">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="修改学校"
|
|
|
|
- :visible.sync="dialogVisible1"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="修改学校" :visible.sync="dialogVisible1" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div class="addBox">
|
|
<div class="addBox">
|
|
<span class="tian1">学校名称</span>
|
|
<span class="tian1">学校名称</span>
|
|
- <el-input
|
|
|
|
- v-model="schoolName"
|
|
|
|
- style="width: 250px; margin: 15px 0px"
|
|
|
|
- placeholder="请输入学校名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="schoolName" style="width: 250px; margin: 15px 0px" placeholder="请输入学校名称"></el-input>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogVisible1 = false">取 消</el-button>
|
|
<el-button @click="dialogVisible1 = false">取 消</el-button>
|
|
<el-button type="primary" @click="updateSchool">确 定</el-button>
|
|
<el-button type="primary" @click="updateSchool">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="添加分类"
|
|
|
|
- :visible.sync="dialogVisible2"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="添加分类" :visible.sync="dialogVisible2" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div class="addBox">
|
|
<div class="addBox">
|
|
<span class="tian1">分类名称</span>
|
|
<span class="tian1">分类名称</span>
|
|
- <el-input
|
|
|
|
- v-model="typeName"
|
|
|
|
- style="width: 250px; margin: 15px 0px"
|
|
|
|
- placeholder="请输入分类名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="typeName" style="width: 250px; margin: 15px 0px" placeholder="请输入分类名称"></el-input>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
|
<el-button type="primary" @click="addType">确 定</el-button>
|
|
<el-button type="primary" @click="addType">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="修改分类"
|
|
|
|
- :visible.sync="dialogVisible3"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="修改分类" :visible.sync="dialogVisible3" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div class="addBox">
|
|
<div class="addBox">
|
|
<span class="tian1">分类名称</span>
|
|
<span class="tian1">分类名称</span>
|
|
- <el-input
|
|
|
|
- v-model="typeName"
|
|
|
|
- style="width: 250px; margin: 15px 0px"
|
|
|
|
- placeholder="请输入分类名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="typeName" style="width: 250px; margin: 15px 0px" placeholder="请输入分类名称"></el-input>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogVisible3 = false">取 消</el-button>
|
|
<el-button @click="dialogVisible3 = false">取 消</el-button>
|
|
<el-button type="primary" @click="updatePtype">确 定</el-button>
|
|
<el-button type="primary" @click="updatePtype">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="添加子分类"
|
|
|
|
- :visible.sync="dialogVisible4"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="添加子分类" :visible.sync="dialogVisible4" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div class="addBox">
|
|
<div class="addBox">
|
|
<span class="tian1">子分类名称</span>
|
|
<span class="tian1">子分类名称</span>
|
|
- <el-input
|
|
|
|
- v-model="sTypeName"
|
|
|
|
- style="width: 250px; margin: 15px 0px"
|
|
|
|
- placeholder="请输入子分类名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="sTypeName" style="width: 250px; margin: 15px 0px" placeholder="请输入子分类名称"></el-input>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogVisible4 = false">取 消</el-button>
|
|
<el-button @click="dialogVisible4 = false">取 消</el-button>
|
|
<el-button type="primary" @click="addStype">确 定</el-button>
|
|
<el-button type="primary" @click="addStype">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="修改子分类"
|
|
|
|
- :visible.sync="dialogVisible5"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="修改子分类" :visible.sync="dialogVisible5" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div class="addBox">
|
|
<div class="addBox">
|
|
<span class="tian1">子分类名称</span>
|
|
<span class="tian1">子分类名称</span>
|
|
- <el-input
|
|
|
|
- v-model="sTypeName"
|
|
|
|
- style="width: 250px; margin: 15px 0px"
|
|
|
|
- placeholder="请输入子分类名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="sTypeName" style="width: 250px; margin: 15px 0px" placeholder="请输入子分类名称"></el-input>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogVisible5 = false">取 消</el-button>
|
|
<el-button @click="dialogVisible5 = false">取 消</el-button>
|
|
<el-button type="primary" @click="updateStype">确 定</el-button>
|
|
<el-button type="primary" @click="updateStype">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="添加图片"
|
|
|
|
- :visible.sync="dialogVisible6"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="添加图片" :visible.sync="dialogVisible6" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ center>
|
|
<div>
|
|
<div>
|
|
<div class="dialogBox">
|
|
<div class="dialogBox">
|
|
<span>添加图片</span>
|
|
<span>添加图片</span>
|
|
|
|
|
|
- <el-upload
|
|
|
|
- :class="{ disUoloadSty: noneBtnImg }"
|
|
|
|
- action="#"
|
|
|
|
- list-type="picture-card"
|
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
|
- :on-remove="handleRemove"
|
|
|
|
- v-loading="uploadLoading"
|
|
|
|
- :http-request="beforeUpload"
|
|
|
|
- ref="upload"
|
|
|
|
- :show-file-list="true"
|
|
|
|
- :limit="1"
|
|
|
|
- accept="image/*"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-upload :class="{ disUoloadSty: noneBtnImg }" action="#" list-type="picture-card"
|
|
|
|
+ :on-preview="handlePictureCardPreview" :on-remove="handleRemove" v-loading="uploadLoading"
|
|
|
|
+ :http-request="beforeUpload" ref="upload" :show-file-list="true" :limit="1" accept="image/*">
|
|
<i class="el-icon-plus"></i>
|
|
<i class="el-icon-plus"></i>
|
|
</el-upload>
|
|
</el-upload>
|
|
</div>
|
|
</div>
|
|
@@ -398,39 +185,22 @@
|
|
<el-dialog :visible.sync="imgVisible">
|
|
<el-dialog :visible.sync="imgVisible">
|
|
<img width="100%" :src="dialogImageUrl" alt="" />
|
|
<img width="100%" :src="dialogImageUrl" alt="" />
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- title="添加链接"
|
|
|
|
- :visible.sync="dialogVisible7"
|
|
|
|
- width="500px"
|
|
|
|
- :before-close="handleClose"
|
|
|
|
- class="dialog_diy"
|
|
|
|
- style="text-align: center"
|
|
|
|
- center
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="添加链接" :visible.sync="dialogVisible7" width="500px" :before-close="handleClose" class="dialog_diy"
|
|
|
|
+ style="text-align: center" center>
|
|
<div>
|
|
<div>
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
<div slot="header" class="cardHead">
|
|
<div slot="header" class="cardHead">
|
|
- <el-input
|
|
|
|
- v-model="searchClassName"
|
|
|
|
- placeholder="请输入需要添加的课程"
|
|
|
|
- @keypress.native.enter="Search"
|
|
|
|
- ></el-input>
|
|
|
|
- <el-button type="text" style="margin: 0 0 0 20px" @click="Search"
|
|
|
|
- >搜索</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-input v-model="searchClassName" placeholder="请输入需要添加的课程" @keypress.native.enter="Search"></el-input>
|
|
|
|
+ <el-button type="text" style="margin: 0 0 0 20px" @click="Search">搜索</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="cardList">
|
|
<div class="cardList">
|
|
<div v-for="item in courseList" :key="item.courseId">
|
|
<div v-for="item in courseList" :key="item.courseId">
|
|
<el-popover placement="top-start" trigger="hover">
|
|
<el-popover placement="top-start" trigger="hover">
|
|
<p style="max-width: 380px">课程名称: {{ item.title }}</p>
|
|
<p style="max-width: 380px">课程名称: {{ item.title }}</p>
|
|
<p style="max-width: 380px">简介: {{ item.brief }}</p>
|
|
<p style="max-width: 380px">简介: {{ item.brief }}</p>
|
|
- <el-radio
|
|
|
|
- :label="item"
|
|
|
|
- slot="reference"
|
|
|
|
- v-model="checkBannerCourse"
|
|
|
|
- ><span>课程名称:</span
|
|
|
|
- ><span>{{ item.title }}</span></el-radio
|
|
|
|
- >
|
|
|
|
|
|
+ <el-radio :label="item" slot="reference" v-model="checkBannerCourse"><span>课程名称:</span><span>{{
|
|
|
|
+ item.title
|
|
|
|
+ }}</span></el-radio>
|
|
</el-popover>
|
|
</el-popover>
|
|
</div>
|
|
</div>
|
|
<!-- </el-checkbox-group> -->
|
|
<!-- </el-checkbox-group> -->
|
|
@@ -666,7 +436,7 @@ export default {
|
|
});
|
|
});
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- .catch(() => {});
|
|
|
|
|
|
+ .catch(() => { });
|
|
} else {
|
|
} else {
|
|
var list = this.fileList;
|
|
var list = this.fileList;
|
|
if (list.length == 0) {
|
|
if (list.length == 0) {
|
|
@@ -904,31 +674,44 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
deletePtype(id) {
|
|
deletePtype(id) {
|
|
- let params = {
|
|
|
|
- tid: id,
|
|
|
|
- };
|
|
|
|
- this.ajax
|
|
|
|
- .get(this.$store.state.api + "deletePtype", params)
|
|
|
|
- .then((res) => {
|
|
|
|
- this.$message({
|
|
|
|
- message: "删除成功",
|
|
|
|
- type: "success",
|
|
|
|
- });
|
|
|
|
- this.updateId = "";
|
|
|
|
- this.typeName = "";
|
|
|
|
- this.selectType();
|
|
|
|
|
|
+ this.$confirm(
|
|
|
|
+ "确定删除此分类吗?",
|
|
|
|
+ "提示",
|
|
|
|
+ {
|
|
|
|
+ confirmButtonText: "确定",
|
|
|
|
+ cancelButtonText: "取消",
|
|
|
|
+ type: "warning",
|
|
|
|
+ }
|
|
|
|
+ )
|
|
|
|
+ .then(() => {
|
|
|
|
+ let params = {
|
|
|
|
+ tid: id,
|
|
|
|
+ };
|
|
|
|
+ this.ajax
|
|
|
|
+ .get(this.$store.state.api + "deletePtype", params)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: "删除成功",
|
|
|
|
+ type: "success",
|
|
|
|
+ });
|
|
|
|
+ this.updateId = "";
|
|
|
|
+ this.typeName = "";
|
|
|
|
+ this.selectType();
|
|
|
|
+ })
|
|
|
|
+ .catch((err) => {
|
|
|
|
+ this.$message.error("删除失败");
|
|
|
|
+ console.error(err);
|
|
|
|
+ });
|
|
})
|
|
})
|
|
- .catch((err) => {
|
|
|
|
- this.$message.error("删除失败");
|
|
|
|
- console.error(err);
|
|
|
|
- });
|
|
|
|
|
|
+ .catch(() => { });
|
|
|
|
+
|
|
},
|
|
},
|
|
addStype() {
|
|
addStype() {
|
|
let params = {
|
|
let params = {
|
|
n: this.sTypeName,
|
|
n: this.sTypeName,
|
|
pid: this.pid,
|
|
pid: this.pid,
|
|
uid: this.userid,
|
|
uid: this.userid,
|
|
- oid: this.updateOid,
|
|
|
|
|
|
+ oid: this.oid,
|
|
};
|
|
};
|
|
this.ajax
|
|
this.ajax
|
|
.get(this.$store.state.api + "addStype", params)
|
|
.get(this.$store.state.api + "addStype", params)
|
|
@@ -998,24 +781,37 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
deleteStype(id) {
|
|
deleteStype(id) {
|
|
- let params = {
|
|
|
|
- tid: id,
|
|
|
|
- };
|
|
|
|
- this.ajax
|
|
|
|
- .get(this.$store.state.api + "deletePtype", params)
|
|
|
|
- .then((res) => {
|
|
|
|
- this.$message({
|
|
|
|
- message: "删除成功",
|
|
|
|
- type: "success",
|
|
|
|
- });
|
|
|
|
- this.updateId = "";
|
|
|
|
- this.sTypeName = "";
|
|
|
|
- this.selectSType();
|
|
|
|
|
|
+ this.$confirm(
|
|
|
|
+ "确定删除此分类吗?",
|
|
|
|
+ "提示",
|
|
|
|
+ {
|
|
|
|
+ confirmButtonText: "确定",
|
|
|
|
+ cancelButtonText: "取消",
|
|
|
|
+ type: "warning",
|
|
|
|
+ }
|
|
|
|
+ )
|
|
|
|
+ .then(() => {
|
|
|
|
+ let params = {
|
|
|
|
+ tid: id,
|
|
|
|
+ };
|
|
|
|
+ this.ajax
|
|
|
|
+ .get(this.$store.state.api + "deletePtype", params)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: "删除成功",
|
|
|
|
+ type: "success",
|
|
|
|
+ });
|
|
|
|
+ this.updateId = "";
|
|
|
|
+ this.sTypeName = "";
|
|
|
|
+ this.selectSType();
|
|
|
|
+ })
|
|
|
|
+ .catch((err) => {
|
|
|
|
+ this.$message.error("删除失败");
|
|
|
|
+ console.error(err);
|
|
|
|
+ });
|
|
})
|
|
})
|
|
- .catch((err) => {
|
|
|
|
- this.$message.error("删除失败");
|
|
|
|
- console.error(err);
|
|
|
|
- });
|
|
|
|
|
|
+ .catch(() => { });
|
|
|
|
+
|
|
},
|
|
},
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -1027,44 +823,54 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
-.pb_head > span:nth-child(2) {
|
|
|
|
|
|
+.pb_head>span:nth-child(2) {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
margin-left: 80px;
|
|
margin-left: 80px;
|
|
color: #ab582f;
|
|
color: #ab582f;
|
|
}
|
|
}
|
|
|
|
+
|
|
.addBox {
|
|
.addBox {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
+
|
|
.tian1 {
|
|
.tian1 {
|
|
/* font-size: 16px; */
|
|
/* font-size: 16px; */
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.pb_head {
|
|
.pb_head {
|
|
margin: 0 !important;
|
|
margin: 0 !important;
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
+
|
|
.student_page {
|
|
.student_page {
|
|
margin: 10px 0 0 45px;
|
|
margin: 10px 0 0 45px;
|
|
}
|
|
}
|
|
-.disUoloadSty >>> .el-upload--picture-card {
|
|
|
|
- display: none; /* 上传按钮隐藏 */
|
|
|
|
|
|
+
|
|
|
|
+.disUoloadSty>>>.el-upload--picture-card {
|
|
|
|
+ display: none;
|
|
|
|
+ /* 上传按钮隐藏 */
|
|
}
|
|
}
|
|
|
|
+
|
|
.dialogBox {
|
|
.dialogBox {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
+
|
|
.dialogBox span {
|
|
.dialogBox span {
|
|
margin: 0 20px;
|
|
margin: 0 20px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.student_head {
|
|
.student_head {
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
padding-bottom: 15px;
|
|
padding-bottom: 15px;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
+
|
|
.student_search,
|
|
.student_search,
|
|
.student_search1 {
|
|
.student_search1 {
|
|
display: flex;
|
|
display: flex;
|
|
@@ -1078,45 +884,53 @@ export default {
|
|
|
|
|
|
.student_search1 {
|
|
.student_search1 {
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
+ margin: 10px 0;
|
|
}
|
|
}
|
|
|
|
|
|
-.student_table >>> .el-table--border td {
|
|
|
|
|
|
+.student_table>>>.el-table--border td {
|
|
border-right: 0px !important;
|
|
border-right: 0px !important;
|
|
}
|
|
}
|
|
|
|
|
|
-.student_table >>> .el-table,
|
|
|
|
-.student_table >>> .el-table__body-wrapper {
|
|
|
|
|
|
+.student_table>>>.el-table,
|
|
|
|
+.student_table>>>.el-table__body-wrapper {
|
|
height: auto !important;
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
|
|
-.el-table >>> .even_row {
|
|
|
|
|
|
+.el-table>>>.even_row {
|
|
background-color: #f1f1f1 !important;
|
|
background-color: #f1f1f1 !important;
|
|
}
|
|
}
|
|
|
|
|
|
-.dialog_diy >>> .el-dialog__header {
|
|
|
|
|
|
+.dialog_diy>>>.el-dialog__header {
|
|
padding: 9px 20px 10px;
|
|
padding: 9px 20px 10px;
|
|
background: #32455b !important;
|
|
background: #32455b !important;
|
|
}
|
|
}
|
|
-.dialog_diy >>> .el-dialog__title {
|
|
|
|
|
|
+
|
|
|
|
+.dialog_diy>>>.el-dialog__title {
|
|
color: #fff;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
-.dialog_diy >>> .el-dialog__headerbtn {
|
|
|
|
|
|
+
|
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn {
|
|
top: 14px;
|
|
top: 14px;
|
|
}
|
|
}
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
|
|
|
|
|
|
+
|
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
|
|
|
+
|
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
-.dialog_diy >>> .el-dialog__body,
|
|
|
|
-.dialog_diy >>> .el-dialog__footer {
|
|
|
|
|
|
+
|
|
|
|
+.dialog_diy>>>.el-dialog__body,
|
|
|
|
+.dialog_diy>>>.el-dialog__footer {
|
|
background: #fafafa;
|
|
background: #fafafa;
|
|
}
|
|
}
|
|
-.r_diy >>> .el-dialog__footer {
|
|
|
|
|
|
+
|
|
|
|
+.r_diy>>>.el-dialog__footer {
|
|
padding: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
+
|
|
.a_addBox {
|
|
.a_addBox {
|
|
height: 570px;
|
|
height: 570px;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
@@ -1135,6 +949,7 @@ export default {
|
|
padding: 20px;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cancelbox {
|
|
.cancelbox {
|
|
position: absolute;
|
|
position: absolute;
|
|
z-index: 2;
|
|
z-index: 2;
|
|
@@ -1146,17 +961,21 @@ export default {
|
|
padding: 0 90px 0px 0px;
|
|
padding: 0 90px 0px 0px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cardList {
|
|
.cardList {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
height: 360px;
|
|
height: 360px;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cardList div {
|
|
.cardList div {
|
|
margin-bottom: 18px;
|
|
margin-bottom: 18px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cardList div:last-child {
|
|
.cardList div:last-child {
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cardHead {
|
|
.cardHead {
|
|
display: flex;
|
|
display: flex;
|
|
}
|
|
}
|