Commit 52e0309e authored by 罗超's avatar 罗超

Merge branch 'master' of http://gitlab.oytour.com/luochao/confucius into master

parents c570d198 ab7075ad
......@@ -13,7 +13,9 @@ export default {
<style>
@import url('~assets/css/font.css');
@import url('//at.alicdn.com/t/font_2077629_1f7iels6h8w.css');
.q-scrollarea__thumb{
z-index: 999999!important;
}
html,
body,
#q-app {
......
......@@ -124,3 +124,49 @@ export function getEmployeeAddrBook(data)
})
}
/**
* 获取我的提成折线图
*/
export function getUserSellCommission(data)
{
return request({
url: '/UserInfo/GetUserSellCommission',
method: 'post',
data
})
}
/**
* 获取我的奖金折线图
*/
export function getTeacherSellCommission(data)
{
return request({
url: '/UserInfo/GetTeacherSellCommission',
method: 'post',
data
})
}
/**
* 个人中心 我的奖金确认
*/
export function updateSureTeachingBonusDetail(data)
{
return request({
url: '/UserInfo/UpdateSureTeachingBonusDetail',
method: 'post',
data
})
}
/**
* 个人中心 我的提成确认
*/
export function updatSureSellCommission(data)
{
return request({
url: '/UserInfo/UpdatSureSellCommission',
method: 'post',
data
})
}
\ No newline at end of file
......@@ -286,6 +286,9 @@
this.objOption.BaseStuNum = this.saveObj.BaseStuNum;
this.objOption.BaseHourFee = this.saveObj.BaseHourFee;
this.objOption.Specialty = this.saveObj.Specialty;
this.objOption.EnableTime = this.saveObj.EnableTime;
this.objOption.BaseHoursEnabled = this.saveObj.BaseHoursEnabled;
if (this.saveObj.ChooseSpecialty && this.saveObj.ChooseSpecialty.length > 0) {
this.chooseSpecialty = this.saveObj.ChooseSpecialty;
}
......
......@@ -32,15 +32,41 @@
}
.noticeitem:hover {
.summaryInfo .noticeitem:hover {
box-shadow: 0px 0px 8px 0px rgba(68, 110, 228, 0.64);
border-radius: 6px;
/* border: 1px solid rgba(68, 110, 228, 0.64);; */
}
.summaryInfo .noticeitem:hover .noticeitem_l_img{
background: url('../../assets/images/Notices.png');
background-repeat: no-repeat;
background-size: 100%;
width: 41px;
height: 39px;
}
.summaryInfo .noticeitem_l {
width: 120px;
width: 82px;
height: 82px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
background: #E1E9FF;
}
.summaryInfo .noticeitem_l_img{
background: url('../../assets/images/Noticen.png');
background-repeat: no-repeat;
background-size: 100%;
width: 41px;
height: 39px;
}
.summaryInfo .noticeitem:hover .gonggaoName{
font-size: 16px;font-family: PingFang SC;font-weight: 800;color: #2961FE;
}
.summaryInfo .gonggaoName{
font-size: 16px;font-family: PingFang SC;font-weight: 800;color: #3F4254;
}
.summaryInfo .box_c {
......@@ -54,7 +80,8 @@
border-radius: 6px;
padding: 20px;
}
.summaryInfo .textbox{
.summaryInfo .textbox {
width: 100%;
height: 130px;
border-radius: 20px;
......@@ -62,19 +89,23 @@
padding-left: 29px;
padding-top: 29px;
}
.summaryInfo .lanstyle{
.summaryInfo .lanstyle {
color: #3699FF;
background: #ECF6FF;
}
.summaryInfo .redstyle{
.summaryInfo .redstyle {
color: #F44E60;
background: #FFEEF0;
}
.summaryInfo .justyle{
.summaryInfo .justyle {
color: #FFA800;
background: #FFF8EB;
}
.summaryInfo .lvstyle{
.summaryInfo .lvstyle {
color: #1BC5C2;
background: #EEFEFD;
}
......@@ -98,6 +129,32 @@
-webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-color: #0ae;
}
.month_export {
position: relative !important;
}
.summaryInfo .month_export .el-date-editor {
background-color: darkblue !important;
width: auto !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
opacity: 0;
}
.btnstyle {
width: 100%;
height: 100px;
margin-top: 34px;
background: #F6F7FA;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>
<template>
<div class="summaryInfo">
......@@ -112,34 +169,33 @@
<span class="box_t_itext">公告</span>
</div>
</div>
<div class="scrollbox"
style="margin-top: 10px;background: #fff;height: 368px; width: 100%;overflow-y: auto;cursor: pointer;padding: 2px;">
<div class="scrollbox" v-if='noticeList.length>0' style="margin-top: 10px;background: #fff;height: 368px; width: 100%;overflow-y: auto;cursor: pointer;padding: 2px;">
<div v-if='noticeList.length>0'>
<div v-for="(item,index) in noticeList" :key='index' class="noticeitem"
@click="goNoticeDetail(item)">
<div class="noticeitem_l">
<img :src="item.UpdateByIcon"
style="width: 120px;height: 82px; border-radius: 6px;" />
<div class="noticeitem_l_img"></div>
<!-- <img src="../../assets/images/Noticen.png"
style="width: 41px;height: 39px; " /> -->
</div>
<div style="width: 1px;flex: 1;margin-left: 20px;">
<div
style="width: 100%;display: flex;align-items: flex-start;justify-content: space-between;">
<span
style="font-size: 16px;font-family: PingFang SC;font-weight: 800;color: #3F4254;">{{item.UpdateByName}}</span>
<span
style="font-size: 14px;font-weight: 500;color: #C4C6D1;">{{item.DayStr}}</span>
</div>
<div
style="font-size: 14px; font-family: PingFang SC;font-weight: 400;color: #9A9DAB;margin-top: 10px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis">
{{item.Title}}</div>
<div
style="font-size: 14px; font-family: PingFang SC;font-weight: 400;color: #9A9DAB;margin-top: 10px;">
编号:{{item.Number}}</div>
</div>
</div>
<div class="notifyLoadMore" v-if="noticeMsg.pageSize<Count" @click="getMoreNotify()">
<div style="width: 100%;display: flex;align-items: flex-start;justify-content: space-between;">
<span class="gonggaoName" >{{item.UpdateByName}}</span>
<span style="font-size: 14px;font-weight: 500;color: #C4C6D1;">{{item.DayStr}}</span>
</div>
<div style="font-size: 14px; font-family: PingFang SC;font-weight: 400;color: #9A9DAB;margin-top: 10px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis">
{{item.Title}}
</div>
<div style="font-size: 14px; font-family: PingFang SC;font-weight: 400;color: #9A9DAB;margin-top: 10px;"> 编号:{{item.Number}}</div>
</div>
</div>
<div class="notifyLoadMore" style="text-align: center;margin-top: 10px;" v-if="noticeMsg.pageSize<Count" @click="getMoreNotify()">
<span>加载更多</span>
</div>
</div>
<div v-else style="width: 100%;height: 80px;text-align: center;line-height: 80px;color: #9A9DAB;">暂无数据</div>
</div>
</div>
</el-col>
<el-col :span="12">
......@@ -153,24 +209,25 @@
</div>
<div class="scrollbox"
style="margin-top: 10px;background: #fff;height: 368px; width: 100%;overflow-y: auto;cursor: pointer;padding: 2px;">
<q-list v-if="socektArr.length>0">
<q-item class="q-my-sm q-pa-xs items-start" v-for="(x,i) in socektArr" :key="i"
<q-list v-if="socektArr.length>0" >
<q-item class="q-my-sm q-pa-xs items-start" v-for="(x,i) in socektArr" :key="i" style="padding: 10px 0;"
clickable v-ripple @click="goMsgDetail(x.JumpUrl,x),readMsgLog(x.Id,i)">
<q-item-section avatar>
<q-avatar :style="{'background-color':'#e1f0ff'}" rounded size="40px"
<q-avatar :style="{'background-color':'#e1f0ff'}" rounded size="44px"
text-color="negative">
<inline-svg :class="['svg-icon',`svg-icon-primary`]"
src="icons/svg/Shopping/Bag2.svg"></inline-svg>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label class="text-weight-bold">{{x.Title}}</q-item-label>
<q-item-label class="text-weight-bold" style="margin-bottom: 10px;">{{x.Title}}</q-item-label>
<q-item-label caption lines="3" class="remark-font">{{x.Content}}</q-item-label>
</q-item-section>
<q-item-section side class="remark-font">{{x.SendTime.replace('T',' ')}}
</q-item-section>
</q-item>
</q-list>
<div v-else style="width: 100%;height: 80px;text-align: center;line-height: 80px;color: #9A9DAB;">暂无数据</div>
</div>
</div>
......@@ -188,6 +245,13 @@
src="icons/svg/Communication/Urgent-mail.svg"></inline-svg>
<span class="box_t_itext">我的提成</span>
</div>
<div style="display: flex;align-items: center;">
<el-button class="month_export" type="text" size="mini"><span style="cursor: pointer;">{{PeriodsTime}}</span> <i class="el-icon-caret-bottom"></i>
<el-date-picker v-model="dates" @change="batchWithdrawalCommission" type="month"
size="small" format="yyyy-MM" value-format="yyyy-MM" placeholder="选择月">
</el-date-picker>
</el-button>
</div>
</div>
<div id="main" style="width: 100%;height:300px;"> </div>
<div style="width: 100%;margin-top: 30px;">
......@@ -195,13 +259,14 @@
<el-col :span="12">
<div class="lanstyle textbox">
<div>未完款订单</div>
<div style="font-size: 38px;font-weight: 800;">2</div>
<div style="font-size: 38px;font-weight: 800;">{{UserInfo.OrderNoCompleteNum}}
</div>
</div>
</el-col>
<el-col :span="12">
<div class="redstyle textbox">
<div>课程进度未达标</div>
<div style="font-size: 38px;font-weight: 800;">1</div>
<div style="font-size: 38px;font-weight: 800;">{{UserInfo.CourseNum}}</div>
</div>
</el-col>
</el-row>
......@@ -210,24 +275,103 @@
<el-row :gutter="30">
<el-col :span="12">
<div class="justyle textbox">
<div>本月预计</div>
<div style="font-size: 26px;font-weight: 800;margin-top: 20px;">¥865</div>
<div v-if='UserInfo.SureStatus==-1'>本月预计</div>
<div v-else>本月实发</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px;" v-if='UserInfo.TotalCommiommission>10000'>{{UserInfo.TotalCommiommission}}</div>
<div style="font-size: 26px;font-weight: 800;margin-top: 20px;" v-else>{{UserInfo.TotalCommiommission}}</div>
</div>
</el-col>
<el-col :span="12">
<div class="lvstyle textbox">
<div>账单情况</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px">已出单</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px"
v-if='UserInfo.SureStatus==-1'>未出单</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px"
v-if='UserInfo.SureStatus==0'>未确认</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px"
v-if='UserInfo.SureStatus==1'>已出单</div>
</div>
</el-col>
</el-row>
</div>
<div class="btnstyle" v-if='UserInfo.SureStatus==0'>
<span style="font-size:16px;color: #3F4254;margin-bottom: 10px;">确认状态</span>
<q-btn color="primary" size="sm" label="确认" @click='btnCommission()'/>
</div>
<div class="btnstyle" v-if='UserInfo.SureStatus==1'>
<span style="font-size:16px;color: #3F4254;margin-bottom: 10px;">确认状态</span>
<q-btn color="primary" disable size="sm" label="已确认" />
</div>
</div>
</el-col>
<!-- 我的奖金 -->
<el-col :span="8">
<div class="box_c_item">
<div class="box_t_it">
<div style="display: flex;align-items: center;">
<inline-svg class="svg-icon q-mr-xs svg-icon-secondary"
src="icons/svg/Communication/Urgent-mail.svg"></inline-svg>
<span class="box_t_itext">我的奖金</span>
</div>
<div style="display: flex;align-items: center;">
<el-button class="month_export" type="text" size="mini"><span style="cursor: pointer;">{{PeriodsTime2}}</span> <i class="el-icon-caret-bottom"></i>
<el-date-picker v-model="dates2" @change="batchWithdrawalCommission2" type="month"
size="small" format="yyyy-MM" value-format="yyyy-MM" placeholder="">
</el-date-picker>
</el-button>
</div>
</div>
<div id="main2" style="width: 100%;height:300px;"> </div>
<div style="width: 100%;margin-top: 30px;">
<el-row :gutter="30">
<el-col :span="12">
<div class="lanstyle textbox">
<div>未完款订单</div>
<div style="font-size: 38px;font-weight: 800;">{{UserInfo.OrderNoCompleteNum}}
</div>
</div>
</el-col>
<el-col :span="12">
<div class="redstyle textbox">
<div>课程进度未达标</div>
<div style="font-size: 38px;font-weight: 800;">{{UserInfo.CourseNum}}</div>
</div>
</el-col>
</el-row>
</div>
<div style="width: 100%;margin-top: 30px;">
<el-row :gutter="30">
<el-col :span="12">
<div class="justyle textbox">
<div v-if='UserInfo.SureTStatus==-1'>本月预计</div>
<div v-else>本月实发</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px;" v-if='UserInfo.TotalTCommiommission>10000'>{{UserInfo.TotalTCommiommission}}</div>
<div style="font-size: 26px;font-weight: 800;margin-top: 20px;" v-else>{{UserInfo.TotalTCommiommission}}</div>
</div>
</el-col>
<el-col :span="12">
<div class="lvstyle textbox">
<div>账单情况</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px"
v-if='UserInfo.SureTStatus==-1'>未出单</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px"
v-if='UserInfo.SureTStatus==0'>未确认</div>
<div style="font-size: 20px;font-weight: 800;margin-top: 20px"
v-if='UserInfo.SureTStatus==1'>已出单</div>
</div>
</el-col>
</el-row>
</div>
<div class="btnstyle" v-if='UserInfo.SureTStatus==0'>
<span style="font-size:16px;color: #3F4254;margin-bottom: 10px;">确认状态</span>
<q-btn color="primary" size="sm" label="确认" @click='btnbonus()'/>
</div>
<div class="btnstyle" v-if='UserInfo.SureTStatus==1'>
<span style="font-size:16px;color: #3F4254;margin-bottom: 10px;">确认状态</span>
<q-btn color="primary" disable size="sm" label="已确认" />
</div>
</div>
</el-col>
<el-col :span="8">
......@@ -240,13 +384,14 @@
</div>
</div>
<div class="page-content" style="margin-top: 44px;">
<q-table no-data-label="暂无相关数据" flat class="sticky-column-table" separator="none" title=""
:data="UserInfo.EmployeeListResult" :columns="columns" row-key="name">
<template v-slot:bottom>
<el-table :data="UserInfo.EmployeeListResult" height="350" style="width: 100%" :header-cell-style="{backgroundColor:'#f5f6f7', color: '#a8a8b3'}">
<el-table-column prop="EmployeeName" label="名称" ></el-table-column>
<el-table-column prop="DeptName" label="部门" ></el-table-column>
<el-table-column prop="PostName" label="岗位"></el-table-column>
<el-table-column prop="AccountRemark" label="备注"></el-table-column>
</template>
</el-table>
</q-table>
</div>
</div>
</el-col>
......@@ -261,7 +406,12 @@
GetWebCartoon
} from '../../api/system/webkit'
import {
getUserCenterInfo
getUserCenterInfo,
getUserSellCommission,
updateSureTeachingBonusDetail,
updatSureSellCommission,
getTeacherSellCommission,//我的奖金的折线图
} from '../../api/users/user'
import {
GetMyNoticePageList,
......@@ -288,76 +438,66 @@
visible: true,
noticeList: [],
socektArr: [],//消息数组
columns: [{
name: 'EmployeeName',
label: '姓名',
align: 'left',
field: 'EmployeeName',
},
{
name: 'DeptName',
label: '部门',
align: 'left',
field: 'DeptName'
},
{
name: 'PostName',
label: '职位',
field: 'PostName',
align: 'left'
},
{
name: 'AccountRemark',
label: '备注',
field: 'AccountRemark',
align: 'left'
},
],
UserInfo: {
EmployeeListResult: [{
"EmployeeName": "周建",
"DeptName": "教学部",
"PostName": "实习生",
"AccountRemark": null,
"AccountId": 66,
"AccountType": 1,
"School_Id": 0,
"Id": 2689
}, {
"EmployeeName": "周建",
"DeptName": "教学部",
"PostName": "实习生",
"AccountRemark": null,
"AccountId": 66,
"AccountType": 1,
"School_Id": 0,
"Id": 2689
}, {
"EmployeeName": "周建",
"DeptName": "教学部",
"PostName": "实习生",
"AccountRemark": null,
"AccountId": 66,
"AccountType": 1,
"School_Id": 0,
"Id": 2689
},]
},
dates: '',
PeriodsTime: '',
dates2: '',
PeriodsTime2: '',
sellData: [],
TsellData:[],
UserInfo: {},
}
},
created() {
let now = new Date()
now.setMonth(now.getMonth() - 4);
let Month = now.getMonth() < 10 ? '0' + now.getMonth() : now.getMonth()
this.dates = now.getFullYear() + '-' + Month
this.PeriodsTime = this.dates + '-01'
this.dates2 = now.getFullYear() + '-' + Month
this.PeriodsTime2 = this.dates + '-01'
},
mounted() {
this.getNotify();
this.getLogList()
this.getUserInfo()//个人中心
this.tubiao()
this.getUserSellCommission()//获取提成的图表
this.getTeacherSellCommission()//获取奖金的图表
},
methods: {
tubiao() {
tubiao(type) {//提成的图标
var echarts = require('echarts')
var myChart = echarts.init(document.getElementById('main'))
var myChart ;
if(type == 1){
myChart = echarts.init(document.getElementById('main'))
}else{
myChart = echarts.init(document.getElementById('main2'))
}
var colors = '';
if(type == 1){
colors = '#F64E60'
}else{
colors = '#2961FE'
}
let xdata = []//x轴的数据
let tbdata = []//图标数据
let list = [];
if(type == 1){
list = this.sellData
}else{
list = this.TsellData
}
if(list.length>0){
list.forEach(x => {
let obj = x.MonthStr + '月'
if (x.MonthStr == 1) {
obj = x.YearStr + '-' + x.MonthStr + '月'
}
xdata.push(obj)
tbdata.push(x.TotalCommiommission)
})
}
// 指定图表的配置项和数据
var option = {
......@@ -367,23 +507,65 @@
bottom: '0%',
containLabel: true
},
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月']
data: xdata
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
data: tbdata,
type: 'line',
smooth: true
smooth: true,
cursor: 'pointer',
itemStyle: {
normal: {
color: colors,
lineStyle: {
color: colors,
width: 4
}
}
},
}]
}
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option)
},
batchWithdrawalCommission(val) {
if (val != null) {
this.PeriodsTime = this.dates + '-01';
this.getUserSellCommission()
}
},
batchWithdrawalCommission2(val) {
if (val != null) {
this.PeriodsTime2 = this.dates2 + '-01';
this.getTeacherSellCommission()
}
},
getUserSellCommission() {
getUserSellCommission({ PeriodsTime: this.PeriodsTime }).then(res => {
if (res.Code == 1) {
this.sellData = res.Data;
this.tubiao(1)
}
})
},
getTeacherSellCommission(){//我的奖金
getTeacherSellCommission({ PeriodsTime: this.PeriodsTime2 }).then(res => {
if (res.Code == 1) {
this.TsellData = res.Data;
this.tubiao(2)
}
})
},
//请求公告数据
getNotify() {
GetMyNoticePageList(this.noticeMsg).then(res => {
......@@ -405,6 +587,7 @@
getUserCenterInfo().then(res => {
if (res.Code == 1) {
this.UserInfo = res.Data;
}
})
},
......@@ -445,6 +628,11 @@
}
}
},
//加载更多一次加载一条
getMoreNotify() {
this.noticeMsg.pageSize += 5;
this.getNotify();
},
//看过后删除
readMsgLog(Id, index) {
......@@ -457,6 +645,32 @@
this.socektArr.splice(index, 1);
}
})
},
btnbonus(){//奖金的确认
updateSureTeachingBonusDetail({Id:this.UserInfo.CommissionTId}).then(res => {
if (res.Code == 1) {
this.$q.notify({
type: 'iconfont icon-chenggong',
color: 'accent',
position: "top",
message: '确认成功'
})
this.getUserInfo()
}
})
},
btnCommission(){//提成的确定
updatSureSellCommission({Id:this.UserInfo.CommissionId}).then(res => {
if (res.Code == 1) {
this.$q.notify({
type: 'iconfont icon-chenggong',
color: 'accent',
position: "top",
message: '确认成功'
})
this.getUserInfo()
}
})
}
},
......
......@@ -68,7 +68,7 @@
</div>
</div>
<div class="col" style="background: #f2f4f7;">
<q-scroll-area class="fit" :thumb-style="thumbStyle" :bar-style="barStyle" visible style="">
<q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" visible class="fit content-scroll full-width full-height">
<router-view />
</q-scroll-area>
</div>
......@@ -307,7 +307,7 @@
<style>
@import url('~assets/css/common.css');
.full-width {
.content-scroll>.scroll>.full-width {
height: 100%;
}
......
......@@ -479,7 +479,7 @@
//分页改变
changePage(val) {
this.msg.PageIndex = val;
this.getSchool()
this.getList()
},
getChild(deptArray) {
var tempStr = "";
......
......@@ -4,7 +4,7 @@
<div class="row col" style="justify-content: space-between;align-items: center;margin-bottom: 10px">
<div>
<template v-if="data&& data.ClassInfo">
{{data.ClassInfo.ClassName}}
{{data.ClassInfo.ClassName}} <span v-if='data.ClassInfo.ClassNo!=null' style="cursor: pointer;text-decoration: underline;" @click='gojapaneseTrain(data.ClassInfo.ClassNo)'>({{data.ClassInfo.ClassNo}})</span>
</template>
</div>
<div class="row" style="align-items: center">
......@@ -110,6 +110,12 @@
//刷新页面
refreshClassOrder() {
this.getList();
},
gojapaneseTrain(ClassNo){//跳转到产品列表
var tempStr = '/sale/japaneseTrain?ClassNo=' + ClassNo;
this.$router.push({
path: tempStr
});
}
}
}
......
......@@ -182,15 +182,28 @@
line-height: unset !important;
letter-spacing: unset !important;
}
</style>
<template>
<div class="row">
<div class="page-body lessonPreparation" style="width:40%" v-if="chapter">
<div class="prepareTopTitle q-table__title">
<div class="row full-height">
<div class="page-body lessonPreparation" style="width:40%;height: calc(100% - 30px) !important;">
<q-scroll-area
:thumb-style="thumbStyle"
:content-style="contentStyle"
:content-active-style="contentActiveStyle"
class="full-width full-height"
>
<div class="row">
<div class="prepareTopTitle q-table__title col">
<div class="prePare_Line"></div>
<div>{{courseName}}</div>
</div>
<div class="prepareTopTitle q-table__title" v-if="chapters && chapters.length>0">
<div class="prePare_Line"></div>
<div>{{chapter.CourseName}}</div>
<div>{{chapters[0].ChapterName}}</div>
</div>
</div>
<div v-if="chapters && chapters.length>0">
<div v-for="(chapter,i) in chapters[0].ChildList">
<div class="preSecond">
{{chapter.ChapterName}}
</div>
......@@ -215,8 +228,17 @@
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#FBF6F0" v-else>暂无内容</div>
</div>
<div class="page-body lessonPreparation row col">
</div>
<div v-else class="q-pa-lg bg-grey-2 rounded-borders q-my-lg">暂无章节信息</div>
</q-scroll-area>
</div>
<div class="page-body lessonPreparation row col" style="height: calc(100% - 30px) !important;">
<q-scroll-area
:thumb-style="thumbStyle"
:content-style="contentStyle"
:content-active-style="contentActiveStyle"
class="full-width full-height"
>
<div>
<div class="lessTop">备课编辑</div>
<div style="margin:20px 0;">
......@@ -270,13 +292,14 @@
</div>
</div>
<div style="margin-top:30px;" v-if="isShowEdit">
<div style="margin-top:30px;">
<span class="beikeModule" @click="saveInfo(1)">存为模板</span>
<q-btn label="提交" size="md" color="accent q-px-md" @click="saveInfo(0)" />
</div>
<lessoncheck-form v-if="IsShowLessForm" @close="closeTeachSaveForm" @success="refreshPage">
</lessoncheck-form>
</div>
</q-scroll-area>
</div>
</div>
</template>
......@@ -299,6 +322,15 @@ export default {
},
data() {
return {
contentStyle: {},
contentActiveStyle: {},
thumbStyle: {
right: '2px',
borderRadius: '5px',
backgroundColor: '#027be3',
width: '5px',
opacity: 0.75
},
msg: {
ClassId: 0,
School_Id: 0,
......@@ -321,7 +353,8 @@ export default {
},
IsShowLessForm: false,
nowDate: '',
chapter: null,
chapters: null,
courseName:"",
isShowEdit: false, //是否显示提交按钮
}
},
......@@ -350,9 +383,16 @@ export default {
console.log(res.Data)
if (res.Code == 1) {
let data = res.Data;
if (data.Chapter) {
this.chapter = data.Chapter
if (data.Chapter && data.Chapter.length>0) {
if(!data.Chapter[0].ChildList || data.Chapter[0].ChildList.length==0){
console.log(data.Chapter[0].ChildList.length)
data.Chapter[0].ChildList=[]
data.Chapter[0].ChildList.push(data.Chapter[0])
}
this.chapters = data.Chapter
}
this.courseName=data.CourseName
// this.addMsg.CourseNum = data.CourseNum;
this.addMsg.ClassId = data.ClassId;
this.addMsg.School_Id = data.School_Id;
......
......@@ -17,8 +17,6 @@
}
.prepareclassDetails .comment {
height: 600px;
overflow: auto;
padding: 0 15px;
}
......@@ -218,39 +216,60 @@
<template>
<div class="row prepareclassDetails">
<div class="page-body col" v-if="data.Chapter">
<div class="prepareTopTitle q-table__title">
<div class="page-body col" style="height: calc(100% - 30px) !important;" v-if="data.Chapter">
<q-scroll-area
:thumb-style="thumbStyle"
:content-style="contentStyle"
:content-active-style="contentActiveStyle"
class="full-width full-height"
>
<div class="row">
<div class="prepareTopTitle q-table__title col">
<div class="prePare_Line"></div>
<div>{{data.CourseName}}</div>
</div>
<div class="prepareTopTitle q-table__title" v-if="data.Chapter && data.Chapter.length>0">
<div class="prePare_Line"></div>
<div>{{data.Chapter.CourseName}}</div>
<div>{{data.Chapter[0].ChapterName}}</div>
</div>
</div>
<div v-if="data.Chapter && data.Chapter.length>0">
<div v-for="(chapter,i) in data.Chapter[0].ChildList">
<div class="preSecond">
{{data.Chapter.ChapterName}}
{{chapter.ChapterName}}
</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background-color:#2961FE"></div>
<div>章节学习内容</div>
</div>
<div class="prePare_Content" v-if="data.Chapter.ChapterContent!=''"
v-html="decodeURIComponent(data.Chapter.ChapterContent)"></div>
<div class="prePare_Content" v-if="chapter.ChapterContent!=''" v-html="decodeURIComponent(chapter.ChapterContent)"></div>
<div class="prePare_Content text-center q-pa-lg" v-else>暂无内容</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background-color:#2961FE"></div>
<div>教学目标</div>
</div>
<div class="prePare_Content" style="background:#F7F0FB" v-if="data.Chapter.Objectives!=''"
v-html="decodeURIComponent(data.Chapter.Objectives)">
<div class="prePare_Content" style="background:#F7F0FB" v-if="chapter.Objectives!=''" v-html="decodeURIComponent(chapter.Objectives)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#F7F0FB" v-else>暂无内容</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background:#2961FE"></div>
<div>学生学习要求</div>
</div>
<div class="prePare_Content" style="background:#FBF6F0" v-if="data.Chapter.Requirement!=''"
v-html="decodeURIComponent(data.Chapter.Requirement)">
<div class="prePare_Content" style="background:#FBF6F0" v-if="chapter.Requirement!=''" v-html="decodeURIComponent(chapter.Requirement)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#FBF6F0" v-else>暂无内容</div>
</div>
<div class="page-body col">
</div>
<div v-else class="q-pa-lg bg-grey-2 rounded-borders q-my-lg">暂无章节信息</div>
</q-scroll-area>
</div>
<div class="page-body col" style="height: calc(100% - 30px) !important;">
<q-scroll-area
:thumb-style="thumbStyle"
:content-style="contentStyle"
:content-active-style="contentActiveStyle"
class="full-width full-height"
>
<div class="q-table__title">备课内容</div>
<div style="width: 100%;">
<div class="row" style="margin-top: 10px;align-items: center">
......@@ -336,12 +355,16 @@
课后总结
</div>
</div>
<template v-if="LessonPlanNum>0&&LessonPlanSummaryNum>0">
<template v-if="(LessonPlanNum>0&&LessonPlanSummaryNum>0) || this.data.LessonPlanList[0].Summary!=''">
<div class="text14-o q-pa-md Pre-ComBg rounded-borders" style="margin-top:10px;background-color:rgb(251, 246, 240)">{{conclusion}}</div>
<div style="display:flex;flex-wrap: wrap;margin-top:20px;">
<div v-if="ImgList.length>0" v-for="(item,index) in ImgList">
<div class="pre-ImgDiv">
<q-img :src="item" spinner-color="white" style="height: 100%;height:100%" />
<el-image
style="height: 100%;height:100%"
:src="item"
fit="cover"
:preview-src-list="ImgList"></el-image>
</div>
</div>
</div>
......@@ -351,7 +374,12 @@
<div style="display:flex;flex-wrap: wrap;margin-top:20px;">
<div v-if="ImgList.length>0" v-for="(item,index) in ImgList">
<div class="pre-ImgDiv">
<q-img :src="item" spinner-color="white" style="height: 100%;height:100%" />
<el-image
style="height: 100%;height:100%"
:src="item"
fit="cover"
:preview-src-list="ImgList"></el-image>
<q-btn size="7px" @click="deleteItemImg(index)" style="position:absolute;right:-5px;top:-5px;" round
color="red" icon="iconfont icon-guanbi1" />
</div>
......@@ -369,11 +397,19 @@
<!-- <q-btn color="accent" size="sm" class="q-mr-md marginl-15 margint-15" label="提交" @click="saveOrderInfo()"
:loading="Dloading" v-if="(AccountType==false&&data.IsEditSummary<=0)&&isUpData" /> -->
</div>
</q-scroll-area>
</div>
<div class="col-3"
style="position: relative;overflow: hidden;border-radius: 6px;background: #FFF;margin: 5px;height: 800px">
style="position: relative;overflow: hidden;border-radius: 6px;background: #FFF;margin: 5px;height: calc(100% - 30px) !important;">
<div class="q-table__title" style="padding: 15px;">评价</div>
<q-scroll-area
:thumb-style="thumbStyle"
:content-style="contentStyle"
:content-active-style="contentActiveStyle"
class="full-width"
style="height:calc(100% - 161px);"
>
<div class="comment">
<div class="row"
style="width: 100%;height: 50px;align-items: center;justify-content: center;font-size: 16px;color: #999999"
......@@ -402,6 +438,7 @@
</div>
</div>
</div>
</q-scroll-area>
<!-- 评论区域-->
<div class="pl column">
<div class="row" style="align-items: center">
......@@ -443,6 +480,15 @@
name: "prepareclassDetails",
data() {
return {
contentStyle: {},
contentActiveStyle: {},
thumbStyle: {
right: '2px',
borderRadius: '5px',
backgroundColor: '#027be3',
width: '5px',
opacity: 0.75
},
msg: {
ClassId: 0,
School_Id: 0,
......@@ -529,8 +575,16 @@
getList() {
getClassLessPlan(this.msg).then(res => {
if (res.Code == 1) {
this.data = res.Data;
console.log(this.data, 'data');
let data=res.Data;
if (data.Chapter && data.Chapter.length>0) {
if(!data.Chapter[0].ChildList || data.Chapter[0].ChildList.length==0){
console.log(data.Chapter[0].ChildList.length)
data.Chapter[0].ChildList=[]
data.Chapter[0].ChildList.push(data.Chapter[0])
}
this.chapters = data.Chapter
}
this.data = data;
this.plmsg.TeacherId = res.Data.UpdateBy;
var beginTimes = this.nowDate.replace(/-/g, "/"); //当前
var endTimes = this.data.ClassEndTime.replace(/-/g, "/"); //结束
......@@ -545,6 +599,7 @@
if(this.data.LessonPlanList&&this.data.LessonPlanList.length>0){
this.conclusion = this.data.LessonPlanList[0].Summary;
this.ImgList = this.data.LessonPlanList[0].ProjectPicList;
this.isShowBtn=false
}
}
})
......
......@@ -107,6 +107,9 @@
margin-bottom:20px;
box-shadow: 0px 2px 10px 0px rgba(237, 238, 240, 0.5);
}
.qussTionTitDiv img{
width:100%;
}
</style>
<template>
<div class="questionMain">
......@@ -115,7 +118,7 @@
<div class="col-12 edit_stem">
{{objOption.QuestionTypeName}}
</div>
<div class="col-12">
<div class="col-12 qussTionTitDiv">
<div v-html="objOption.Title" @click="clickQuestion($event)"></div>
</div>
<!--单选题-->
......
......@@ -224,6 +224,8 @@
if(this.$route.query && this.$route.query.ClassName){
let Name = decodeURI(this.$route.query.ClassName)
this.ClassName = [Name]
console.log(Name)
this.msg.pageSize = 1000
}
},
......
......@@ -363,6 +363,9 @@
if (this.$route.query && this.$route.query.ClassName) {
this.msg.ClassName = this.$route.query.ClassName;
}
if (this.$route.query && this.$route.query.ClassNo) {
this.msg.ClassNo = this.$route.query.ClassNo;
}
let nowDay = new Date();
var year = nowDay.getFullYear(); //年
var month = nowDay.getMonth() + 1; //月
......
......@@ -97,7 +97,7 @@
},
data() {
return {
ActionStr: "/Class/InitClassCheck",
ActionStr: "/Class/InitData",
parameterList: [{
Name: "",
Value: ""
......@@ -156,6 +156,7 @@
tempStr = "{" + tempStr.substring(1, tempStr.length) + "}";
data = JSON.parse(tempStr);
}
var tempMsg = {
Msg: data
};
......
......@@ -115,7 +115,7 @@
<div class="text-muted" style="font-size:14px;margin-top: 12px;">
{{showObj.SchoolName}}·{{showObj.PostName}}</div>
<div class="q-mt-xs">
<q-btn style="background: var(--q-color-negative);color: white;" @click="logout">退出登录</q-btn>
<q-btn style="background: var(--q-color-negative);color: white;margin-top: 10px;" size="sm" @click="logout">退出登录</q-btn>
</div>
</div>
</div>
......@@ -131,9 +131,8 @@
<span class="box_l_t_l">部门:</span>
<span>{{showObj.DeptName}}</span>
</div>
<!-- <div class="box_l_title" style="margin-top: 55px;">概要信息</div> -->
<!-- <div :class="rightType==0?'box_l_title':'box_l_cen'" @click='rightType=0'>概要信息</div>
<div :class="rightType==3?'box_l_title':'box_l_cen'" @click='rightType=3'>预警信息</div> -->
<!-- <div :class="rightType==0?'box_l_title':'box_l_cen'" @click='rightType=0'>概要信息</div> -->
<!-- <div :class="rightType==3?'box_l_title':'box_l_cen'" @click='rightType=3'>预警信息</div> -->
<div :class="rightType==1?'box_l_title':'box_l_cen'" @click='rightType=1'>账户资料</div>
<div :class="rightType==2?'box_l_title':'box_l_cen'" @click='rightType=2'>密码修改</div>
</div>
......
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