myxiaowei
/
fanruan-edu-cas
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity
Browse Source

Merge pull request 'develop' (#7) from develop into master 

Reviewed-on: #7
master
myxiaowei 1 year ago
parent
a51f925485 1f6db98da2
commit
e231c445b7
6 changed files with 984 additions and 488 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/assets/css/base.css
  2. 2
      src/components/AvatarDropDown.vue
  3. 497
      src/components/Footer - 副本.vue
  4. 10
      src/store/index.js
  5. 955
      src/views/class/admin/student_admin_class.vue
  6. 3
      src/views/video/video_course.vue

5
src/assets/css/base.css
Unescape View File

@ -363,7 +363,7 @@ a:hover {
font-size: 36px !important;
}
.lht17 {
lint-height: 17px;
line-height: 17px;
}
.lht18 {
line-height: 18px;
@ -418,6 +418,9 @@ a:hover {
.colffa {
color: #ffa940;
}
.colff4 {
color: #ff4d4f;
}
.col28c {
color: #28c346;

2
src/components/AvatarDropDown.vue
Unescape View File

@ -49,6 +49,7 @@
import { reactive, toRefs } from "vue";
import { getUid } from "@/utils/cookie";
import { getUserInfoShequ } from "@/api/user";
import store from "@/store";
export default {
setup() {
const state = reactive({
@ -59,6 +60,7 @@ export default {
const res = await getUserInfoShequ(state.uid);
if (res.code === 200) {
state.user = res.data;
store.commit("set_user_name", res.data.username);
}
};
resGetUserInfoShequ();

497
src/components/Footer - 副本.vue
Unescape View File

@ -0,0 +1,497 @@
<template>
<el-backtop class="feedback-backtop">
<svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="14" height="14" fill="currentColor" aria-hidden="true">
<path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path>
</svg>
</el-backtop>
<footer class="m-dn">
<div class="footer">
<div class="deanfooter" id="deanfooter" style="margin-top:0">
<div class="w1200">
<div>
<div class="flex-1 mb8">
<img
class="foot_logo"
alt=""
src="data:image/png;base64,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"
/>
<div class="foot_a">
<a class="foot_a_item" href="https://www.fanruan.com/privacy" target="_blank">隐私政策</a>
<a class="foot_a_item" href="https://bbs.fanruan.com/thread-102821-1-1.html" rel="nofollow" target="_blank">帆软用户协议</a>
<a class="foot_a_item" href="https://bbs.fanruan.com/thread-135379-1-1.html" rel="nofollow" target="_blank">联系管理员</a>
<a href="https://www.fanruan.com/support" target="_blank">联系帆软</a>
</div>
</div>
<div class="xs0">
<span id="debuginfo">
Copyright © <a href="https://www.fanruan.com/" target="_blank">帆软软件有限公司</a>
<span class="foot_a_item mlf16">版权所有</span>
<a href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号</a>
</span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</footer>
<div class="m-footr m-db">
<div class="footer_row">
<span>Copyright © </span>
<a class="acol808" href="https://www.fanruan.com">帆软软件有限公司</a>
<span> 版权所有</span>
</div>
<a class="acol808" href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号</a>
</div>
<!-- 用户侧 -->
<div class="service_feddback_box m-dn">
<el-popover placement="left" trigger="hover" width="392px" popper-class="new-popper">
<div class="tel_txt_box dr-feedback-popover-wrapper">
<div class="dr-feedback-popover">
<div class="dr-feedback-popover-item-click dr-feedback-popover-item" onclick="window.open('https://service.fanruan.com/support')">
<div class="dr-feedback-popover-item-logo">
<img src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/support.png" />
</div>
<div>
<div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
<div class="ant-space-item" style="">
<span class="title">在线支持</span>
</div>
<div class="ant-space-item">
<span role="img" aria-label="arrow-right" class="anticon anticon-arrow-right icon">
<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
<path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
</svg>
</span>
</div>
</div>
<div class="grey-text">工作日9:00-12:00，13:30-17:30在线</div>
<div class="dr-feedback-popover-item-info-wrapper">
<div>
<div class="grey-text">或拨打热线电话：</div>
<div>
<div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center" style="gap: 8px;">
<div class="ant-space-item" style="">
<span class="grey-text">大陆</span>
</div>
<div class="ant-space-item">
<div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center blue-text" style="gap: 8px;">
<div class="ant-space-item">400-811-8890 转2</div>
</div>
</div>
</div>
</div>
<div>
<div>
<span class="grey-text">海外</span>
<span class="blue-text">(+86) 0510-66758729</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dr-feedback-popover-item-click dr-feedback-popover-item" style="cursor: pointer;" @click="pageFeedbackHanlder(true)">
<div class="dr-feedback-item">
<div class="dr-feedback-popover-item-logo">
<img alt="feedback" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/feedback.png" />
</div>
<div>
<div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
<span class="title">页面反馈</span>
<span class="anticon anticon-arrow-right icon">
<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
<path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
</svg>
</span>
</div>
<div class="grey-text">针对当前网页的建议、问题反馈</div>
</div>
</div>
</div>
<div class="dr-feedback-popover-item">
<div class="dr-feedback-popover-item-logo">
<img src="https://hwobs.fanruan.com/ui/digit-fe/feedback/consult.png" />
</div>
<div>
<div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
<div class="ant-space-item">
<span class="title">售前咨询</span>
</div>
</div>
<div class="grey-text">采购需求/获取报价/预约演示</div>
<div class="dr-feedback-popover-item-info-wrapper">
<div class="grey-text">或拨打: <span class="blue-text">400-811-8890 转1</span></div>
</div>
</div>
<div>
<img alt="qr" src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/qr.png" width="80" />
</div>
</div>
<div class="dr-feedback-popover-item" style="margin-bottom: 0">
<div class="dr-feedback-popover-item-logo">
<img src="https://hwobs.fanruan.com/ui/digit-fe/feedback/tel.png" />
</div>
<div>
<div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
<div class="ant-space-item">
<span class="title">总裁办24H电话</span>
</div>
</div>
<div class="blue-text">173 1278 1526</div>
</div>
</div>
</div>
</div>
<template #reference>
<div class="dr-feedback">
<div class="dr-feedback-inner">
<img class="dr-feedback-inner-icon" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/customer.png" />
<div>获取帮助</div>
</div>
</div>
</template>
</el-popover>
</div>
<el-dialog title="提交页面反馈" v-model="showFeedback" width="800px" custom-class="foot-dialog-feedback">
<div class="flex-1 dia-msg-til">
<span style="color: #FFA940; margin: 3px 6px 0 0;">
<svg viewBox="64 64 896 896" focusable="false" data-icon="info-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
<path d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"></path>
</svg>
</span>
<span>
仅适用于当前网页的意见收集，帆软产品问题请在
<a class="col008" href="https://bbs.fanruan.com/wenda" target="_blank">问答板块提问</a> 或 <a class="col008" href="https://service.fanruan.com/" target="_blank">前往服务平台</a> 获取技术支持
</span>
</div>
<div id="feedbackIframe" style=" width:800px; height: 500px; overflow: hidden; border-radius: 8px;"></div>
</el-dialog>
</template>
<script>
import { toRefs, reactive, getCurrentInstance } from "vue";
import { getTicketToken } from "@/api/user";
import { getUid } from "@/utils/cookie";
import { onBeforeRouteUpdate, useRoute } from "vue-router";
export default {
setup() {
const { proxy } = getCurrentInstance();
const route = useRoute();
const state = reactive({
showFeedback: false,
dialogShuzhiniao: false,
uid: getUid(),
ticketToken: null,
curPageUrl: window.location.href,
isFanruanUser: false,
mobile: null,
comLoginUrl: proxy.$root.com_login_url2 + route.path,
});
onBeforeRouteUpdate((to) => {
state.curPageUrl = proxy.$root.com_edu_url + to.fullPath;
state.comLoginUrl = proxy.$root.com_login_url2 + to.fullPath;
});
// 获取token
const resGetTicketToken = async () => {
const params = {
referer: state.curPageUrl,
};
const res = await getTicketToken(params);
if (res.code === 200) {
let data = res.data;
if (data.finer === true) {
state.isFanruanUser = true;
state.mobile = data.mobile;
} else {
state.isFanruanUser = false;
state.ticketToken = data.ticketToken;
}
}
};
resGetTicketToken();
// 处理点击页面反馈
const pageFeedbackHanlder = (display) => {
if (state.uid > 0 && state.isFanruanUser === true) {
// 帆软内部人员
if (display === false) {
const remIframe = document.getElementById("iframe_shuzhiniao");
document.querySelector("body").removeChild(remIframe);
} else {
const iframe = document.createElement("iframe");
iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/h5/business/brd?embedded=true&modal=true&hideRootMenu=true&spaceId=11093&类型=37047&反馈人UID=${state.uid}&页面URL=${state.curPageUrl}&反馈人手机号=${state.mobile}&hiddenFields=页面URL,反馈人UID,处理人回复,类型`;
iframe.style = "width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 100000; border:none;";
iframe.id = "iframe_shuzhiniao";
document.querySelector("body").appendChild(iframe);
}
} else if (state.uid > 0) {
// 已登录用户
state.showFeedback = true;
setTimeout(function() {
const iframe = document.createElement("iframe");
iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/ticket/a2555f84970f418a98960adb4029aed1/form?embedded=true&hiddenFields=${encodeURIComponent("页面URL,反馈人UID,处理人回复")}&ticketToken=${state.ticketToken}`;
iframe.style = "width: 100%; height: 100%; border:none;";
iframe.id = "iframe_shuzhiniao";
let makediv = document.getElementById("feedbackIframe");
makediv.appendChild(iframe);
}, 200);
} else {
// 未登录
window.location.replace(state.comLoginUrl);
}
};
// 监听iframe中的关闭
function receiveMessage(event) {
const { data } = event;
if (data && data.type === "closeModal" && data.id === "shuzhiniao-create-issue") {
// 移除iframe
pageFeedbackHanlder(false);
}
}
window.addEventListener("message", receiveMessage, false);
return {
...toRefs(state),
pageFeedbackHanlder,
};
},
};
</script>
<style lang="scss">
.feedback-backtop {
align-items: center;
background-color: #fff !important;
border-radius: 8px !important;
bottom: 80px !important;
box-shadow: 0 4px 12px 0 rgba(4, 43, 79, 0.12);
cursor: pointer;
display: flex !important;
height: 36px !important;
justify-content: center !important;
position: fixed;
right: 10px !important;
width: 36px !important;
background-image: none !important;
color: #333;
}
.new-popper {
border-radius: 8px !important;
}
.service_feddback_box {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.dr-feedback {
background: linear-gradient(144deg, #00b8fe 16%, #0082fc 87%);
border-radius: 8px;
box-shadow: 0 4px 12px 0 rgba(4, 43, 79, 0.12);
height: 84px;
width: 36px;
line-height: 1.5714285714285714;
}
.dr-feedback,
.dr-feedback-inner {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
}
.dr-feedback-inner {
color: #fff;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-align: center;
width: 80%;
}
.dr-feedback-inner-icon {
height: 20px;
margin-bottom: 8px;
width: 20px;
}
.dr-feedback-popover {
box-sizing: border-box;
padding: 4px;
width: 100%;
}
.dr-feedback-popover:before {
content: "";
position: absolute;
right: -20px;
top: 0;
width: 20px;
height: 100%;
}
.ant-space {
display: inline-flex;
}
.ant-space-align-center {
align-items: center;
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item {
align-items: flex-start;
background: linear-gradient(180deg, #f3f6ff, #fff);
border: 0.5px solid #d6dfe7;
border-radius: 8px;
box-sizing: border-box;
display: flex;
gap: 12px;
margin-bottom: 16px;
padding: 12px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 14px;
line-height: 1.5714285714285714;
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item-logo {
width: 48px;
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item-logo img {
width: 100%;
border: none;
}
.dr-feedback-popover-item-title-wrapper {
display: inline-flex;
align-items: center;
.anticon-arrow-right {
color: #1f1f1f;
}
.title {
color: #1f1f1f;
}
}
.dr-feedback-popover-item-click {
cursor: pointer;
&:hover .dr-feedback-popover-item-title-wrapper {
.anticon-arrow-right {
color: #0082fc;
}
.title {
color: #0082fc;
}
}
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item-title-wrapper .title {
font-family: PingFangSC, PingFangSC-Semibold;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-align: left;
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item .grey-text {
color: #8a9cb0;
font-size: 14px;
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item-info-wrapper {
margin-top: 10px;
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item .blue-text {
color: #0082fc;
font-size: 14px;
}
.dr-feedback-item {
display: flex;
gap: 10px;
}
</style>
<style lang="scss">
.dia-msg-til {
background-color: #fefbe6;
padding: 10px 20px;
border: 1px solid #ffe58f;
margin-top: 6px;
color: #333;
}
.foot-dialog-feedback {
.el-dialog__body {
padding: 0 !important;
}
}
.footer {
height: 100px;
color: #8097ad;
font-size: 14px;
line-height: 18px;
background: #fff;
padding: 24px 0;
margin-top: 40px;
border-top: #eaf0f9 solid 1px;
}
.foot_logo {
width: 72px;
margin-right: 24px;
}
.foot_a {
margin-top: 2px;
}
.foot_a_item {
margin-right: 20px;
&::after {
content: " ";
display: inline-block;
position: relative;
width: 1px;
height: 14px;
background-color: #8097ad;
right: -10px;
top: 2px;
}
}
.footer a {
color: #8097ad;
text-decoration: none;
}
.footer a:hover {
color: #0082fc;
}
.m-footr {
display: none;
background-color: #fff;
border-top: #eaf0f9 solid 1px;
text-align: center;
font-size: 14px;
padding: 14px 0;
color: #8097ad;
margin-top: 40px;
.footer_row {
padding-bottom: 8px;
}
}
.acol808 {
color: #808696;
&:hover {
color: #0082fc;
}
}
</style>

10
src/store/index.js
Unescape View File

@ -13,7 +13,8 @@ export default createStore({
// isShowFooter: true
fr_access_token: "",
fr_appid: "",
fr_uid: ""
fr_uid: "",
userName: "",
},
getters: {
get_token(state) {
@ -34,6 +35,9 @@ export default createStore({
let fr_uid = state.fr_uid || Cookies.get(UidKey) || null;
return encode(`${fr_appid}.${fr_access_token}.${fr_uid}`)
},
get_user_name(state) {
return state.userName;
},
},
mutations: {
@ -61,6 +65,10 @@ export default createStore({
Cookies.remove(expiresTimeKey);
},
set_user_name(state, data){
state.userName = data;
}
},
actions: {
Login({ commit }) {

955
src/views/class/admin/student_admin_class.vue
Unescape View File

@ -1,152 +1,146 @@
<template>
<div>
<div class="tab-header flex-3">
<li>
<el-button type="primary" size="medium" icon="el-icon-circle-plus" @click="dialogFormVisible = true">添加学生
</el-button>
<el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
</li>
<li>
<el-input style="width: 200px; margin-right: 10px" placeholder="uid / 姓名" v-model="kw" @change="handleOption"
size="medium" clearable>
<template #prefix>
<i class="el-input__icon el-icon-search"></i>
</template>
</el-input>
<el-button size="medium" type="primary" icon="el-icon-search" @click="handleOption">搜索</el-button>
</li>
</div>
<el-table v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" stripe
@selection-change="handleSelectionChange" @cell-dblclick="openStudent">
<el-table-column type="selection" width="50">
</el-table-column>
<el-table-column prop="id" label="编号" width="80">
</el-table-column>
<el-table-column prop="uid" label="uid" >
<template #default='scope'>
<span>{{scope.row.uid}}</span>
</template>
</el-table-column>
<el-table-column prop="username" label="昵称">
<template #default='scope'>
<div>
<li>{{scope.row.username}}</li>
<a :href="com_shequ_url+'/u/'+scope.row.uid" target="_blank" class="col008 f12">查看主页</a>
</div>
</template>
</el-table-column>
<el-table-column prop="xs_name" label="姓名">
</el-table-column>
<el-table-column prop="gongsi" label="公司">
<template #default='scope'>
<el-popover effect="light" trigger="hover" placement="top" v-if="scope.row.gongsi">
<template #default>
<p>{{scope.row.gongsi}}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{scope.row.gongsi}}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column prop="shouji" label="手机号" width="130px">
</el-table-column>
<el-table-column prop="pfenshu" label="学生动态" width="200px">
<template #default='scope'>
<div style="line-height: 28px;">
<a @click="getUserLog(scope.row.uid)" href="javascript:;" class="col008 item_log">观看记录（<span
class="colff3">{{scope.row.logNum}}</span>）</a>
<span class="item_log">已看课时（<span class="colff3">{{scope.row.videoNum}}</span>）</span>
<span class="item_log">已提交作业（<span class="colff3">{{scope.row.workNum}}</span>）</span>
<span class="item_log">作业平均分：<span class="colff3">{{scope.row.pfenshu}}</span></span>
</div>
</template>
</el-table-column>
<el-table-column prop="beizhu" label="备注">
<template #default='scope'>
<el-popover effect="light" trigger="hover" placement="top" width="300px" v-if="scope.row.beizhu">
<template #default>
<p style=" padding:6px; line-height: 24px;">{{scope.row.beizhu}}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{scope.row.beizhu}}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
<div>
<div class="tab-header flex-3">
<li>
<el-button type="primary" size="medium" icon="el-icon-circle-plus" @click="dialogFormVisible = true">添加学生 </el-button>
<el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
</li>
<li>
<el-input style="width: 200px; margin-right: 10px" placeholder="手机号 / uid / 姓名" v-model="kw" @change="handleOption" size="medium" clearable>
<template #prefix>
<i class="el-input__icon el-icon-search"></i>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" >
<template #default="scope">
<el-button size="mini" type="primary" icon="el-icon-edit" circle @click="openStudent(scope.row)"></el-button>
<el-popconfirm title="确定删除该学生吗？" @confirm="handleClose(scope.row.id)">
<template #reference>
<el-button size="mini" type="danger" icon="el-icon-delete" circle></el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<!--总数超过一页，再展示分页器-->
<div class="myel-pg-lf">
<el-pagination background @size-change="handleSizeChange" layout="total, prev, pager, next,jumper" :total="total"
:page-size="perpage" :current-page="page" @current-change="changePage" />
</div>
</el-input>
<el-button size="medium" type="primary" icon="el-icon-search" @click="handleOption">搜索</el-button>
</li>
</div>
<!-- 报名弹出层 -->
<el-dialog title="添加学生" v-model="dialogFormVisible" width="650px" center custom-class="sign-form">
<el-form :model="numbereRef" :rules="rules" label-position="right" ref="numberValidateRef">
<el-form-item label="学生uid" prop="uids">
<el-input type="textarea" v-model="numbereRef.uids" class="key-input" placeholder="输入学生的社区用户uid"></el-input>
</el-form-item>
<div class="col7e8" style="line-height: 24px">
<p>支持批量添加，例：101,102,103（多个uid用英文逗号隔开）</p>
</div>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</span>
</template>
</el-dialog>
<!-- 编辑弹出层 -->
<el-dialog :title="'编辑学生：'+modEdit.username" v-model="dialogEdit" width="650px" center custom-class="sign-form">
<el-form :model="modEdit" label-position="right" label-width="100px">
<el-form-item label="姓名" prop="xs_name">
<el-input class="key-input" v-model="modEdit.xs_name"></el-input>
</el-form-item>
<el-form-item label="公司" prop="gongsi">
<el-input class="key-input" v-model="modEdit.gongsi"></el-input>
</el-form-item>
<!-- <el-select v-model="modEdit.gangwei" multiple placeholder="岗位" class="fl">
<el-table v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" stripe @selection-change="handleSelectionChange" @cell-dblclick="openStudent">
<el-table-column type="selection" width="50"> </el-table-column>
<el-table-column prop="id" label="编号" width="80"> </el-table-column>
<el-table-column prop="uid" label="uid">
<template #default="scope">
<span>{{ scope.row.uid }}</span>
</template>
</el-table-column>
<el-table-column prop="username" label="昵称">
<template #default="scope">
<div>
<li>{{ scope.row.username }}</li>
<a :href="com_shequ_url + '/u/' + scope.row.uid" target="_blank" class="col008 f12">查看主页</a>
</div>
</template>
</el-table-column>
<el-table-column prop="xs_name" label="姓名"> </el-table-column>
<el-table-column prop="gongsi" label="公司">
<template #default="scope">
<el-popover effect="light" trigger="hover" placement="top" v-if="scope.row.gongsi">
<template #default>
<p>{{ scope.row.gongsi }}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{ scope.row.gongsi }}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column prop="shouji" label="手机号" width="130px"> </el-table-column>
<el-table-column prop="pfenshu" label="学生动态" width="200px">
<template #default="scope">
<div style="line-height: 28px;">
<a @click="getUserLog(scope.row.uid)" href="javascript:;" class="col008 item_log"
>观看记录（<span class="colff3">{{ scope.row.logNum }}</span
>）</a
>
<span class="item_log"
>已看课时（<span class="colff3">{{ scope.row.videoNum }}</span
>）</span
>
<span class="item_log"
>已提交作业（<span class="colff3">{{ scope.row.workNum }}</span
>）</span
>
<span class="item_log"
>作业平均分：<span class="colff3">{{ scope.row.pfenshu }}</span></span
>
</div>
</template>
</el-table-column>
<el-table-column prop="beizhu" label="备注">
<template #default="scope">
<el-popover effect="light" trigger="hover" placement="top" width="300px" v-if="scope.row.beizhu">
<template #default>
<p style=" padding:6px; line-height: 24px;">{{ scope.row.beizhu }}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{ scope.row.beizhu }}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right">
<template #default="scope">
<el-button size="mini" type="primary" icon="el-icon-edit" circle @click="openStudent(scope.row)"></el-button>
<el-popconfirm title="确定删除该学生吗？" @confirm="handleClose(scope.row.id)">
<template #reference>
<el-button size="mini" type="danger" icon="el-icon-delete" circle></el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<!--总数超过一页，再展示分页器-->
<div class="myel-pg-lf">
<el-pagination background @size-change="handleSizeChange" layout="total, prev, pager, next,jumper" :total="total" :page-size="perpage" :current-page="page" @current-change="changePage" />
</div>
</div>
<!-- 报名弹出层 -->
<el-dialog title="添加学生" v-model="dialogFormVisible" width="650px" center custom-class="sign-form">
<el-form :model="numbereRef" :rules="rules" label-position="right" ref="numberValidateRef">
<el-form-item label="手机号" prop="uids">
<el-input type="textarea" v-model="numbereRef.uids" class="key-input" placeholder="输入学生的手机号"></el-input>
</el-form-item>
<div class="col7e8" style="line-height: 24px">
<p>支持批量添加，例：15900012345,158xxx,...（多个手机号用英文逗号隔开）</p>
</div>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</span>
</template>
</el-dialog>
<!-- 编辑弹出层 -->
<el-dialog :title="'编辑学生：' + modEdit.username" v-model="dialogEdit" width="650px" center custom-class="sign-form">
<el-form :model="modEdit" label-position="right" label-width="100px">
<el-form-item label="姓名" prop="xs_name">
<el-input class="key-input" v-model="modEdit.xs_name"></el-input>
</el-form-item>
<el-form-item label="公司" prop="gongsi">
<el-input class="key-input" v-model="modEdit.gongsi"></el-input>
</el-form-item>
<!-- <el-select v-model="modEdit.gangwei" multiple placeholder="岗位" class="fl">
<el-option :key="2" label="业务人员" :value="2"></el-option>
<el-option :key="3" label="技术人员" :value="3"></el-option>
<el-option :key="4" label="CIO或CTO等高层人员" :value="4"></el-option>
@ -155,353 +149,344 @@
<el-option :key="1" label="其他" :value="1"></el-option>
</el-select> -->
<el-form-item label="手机" prop="shouji">
<el-input class="key-input" v-model="modEdit.shouji"></el-input>
</el-form-item>
<el-form-item label="备注" prop="beizhu">
<el-input type="textarea" class="key-input" v-model="modEdit.beizhu">
</el-input>
</el-form-item>
<el-input type="hidden" class="key-input" v-model="modEdit.id" :value="modEdit.id"></el-input>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogEdit = false">取 消</el-button>
<el-button type="primary" @click="eidtForm">确 定</el-button>
</span>
</template>
</el-dialog>
<el-dialog :title="username+'的观看记录'" v-model="dialogUidLog" width="1100px">
<el-table :data="uidLog" v-loading="loading">
<el-table-column property="title" label="课时名称"></el-table-column>
<el-table-column property="videotime1" label="课时时长">
<template #default='scope'>
<span v-if="scope.row.videotime1">{{scope.row.videotime1}}:</span>
<span v-else>{{scope.row.videotime2}}:{{scope.row.videotime3}}</span>
</template>
</el-table-column>
<el-table-column property="sum" label="观看总时长"></el-table-column>
<el-table-column property="id" label="开始观看时间">
<template #default='scope'>
<div v-for="(item, i) in scope.row.item" :key="i">
{{item.startTime}}
</div>
</template>
</el-table-column>
<el-table-column property="id" label="本次观看时长">
<template #default='scope'>
<div v-for="(item, i) in scope.row.item" :key="i">
{{item.onetime}}
</div>
</template>
</el-table-column>
</el-table>
</el-dialog>
</template>
<script>
import { useRoute } from 'vue-router'
import { studentList, addStudent, getStudent, editStudent, delStudent,studyLog } from "@/api/study_admin";
import { ref, toRefs, reactive, getCurrentInstance, nextTick } from 'vue';
import store from '@/store'
import { _debounce } from "@/utils/debounce";
export default {
name: 'class_homework',
setup() {
const { proxy } = getCurrentInstance()
const route = useRoute()
const classid = route.params.classid;
const state = reactive({
headers: {
'authentication': store.getters.get_authentication
},
loading: true,
tableData: [], // 数据列表
multipleSelection: [], // 选中项
total: 0, // 总条数
page: 1, // 当前页
perpage: 10, // 分页大小
id: '',
kw: '',
dialogFormVisible: false,
dialogEdit: false,
dialogUidLog: false,
numbereRef: {
uids: ''
},
rules: {
uids: [
{ required: true, message: '请输入学生uid', trigger: 'blur' },
],
},
rowStudent: {},
modEdit: {
id: '',
xs_name: '',
gongsi: '',
gangwei: '',
shouji: '',
fenshu: '',
beizhu: '',
},
uidLog:[],
alltime:'',
username:'',
})
// 获取学生列表
const getStudentList = async () => {
state.loading = true
const params = {
page: state.page,
perpage: state.perpage,
id: state.id,
kw: state.kw,
}
const res = await studentList(classid, params);
if (res.code === 200) {
state.tableData = res.data.data
state.total = res.data.total
state.page = res.data.current_page
state.loading = false
}
};
<el-form-item label="手机" prop="shouji">
<el-input class="key-input" v-model="modEdit.shouji"></el-input>
</el-form-item>
<el-form-item label="备注" prop="beizhu">
<el-input type="textarea" class="key-input" v-model="modEdit.beizhu"> </el-input>
</el-form-item>
<el-input type="hidden" class="key-input" v-model="modEdit.id" :value="modEdit.id"></el-input>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogEdit = false">取 消</el-button>
<el-button type="primary" @click="eidtForm">确 定</el-button>
</span>
</template>
</el-dialog>
<el-dialog :title="username + '的观看记录'" v-model="dialogUidLog" width="1100px">
<el-table :data="uidLog" v-loading="loading">
<el-table-column property="title" label="课时名称"></el-table-column>
<el-table-column property="videotime1" label="课时时长">
<template #default="scope">
<span v-if="scope.row.videotime1">{{ scope.row.videotime1 }}:</span>
<span v-else>{{ scope.row.videotime2 }}:{{ scope.row.videotime3 }}</span>
</template>
</el-table-column>
<el-table-column property="sum" label="观看总时长"></el-table-column>
<el-table-column property="id" label="开始观看时间">
<template #default="scope">
<div v-for="(item, i) in scope.row.item" :key="i">
{{ item.startTime }}
</div>
</template>
</el-table-column>
<el-table-column property="id" label="本次观看时长">
<template #default="scope">
<div v-for="(item, i) in scope.row.item" :key="i">
{{ item.onetime }}
</div>
</template>
</el-table-column>
</el-table>
</el-dialog>
</template>
<script>
import { useRoute } from "vue-router";
import { studentList, addStudent, getStudent, editStudent, delStudent, studyLog } from "@/api/study_admin";
import { ref, toRefs, reactive, getCurrentInstance, nextTick } from "vue";
import store from "@/store";
import { _debounce } from "@/utils/debounce";
export default {
name: "class_homework",
setup() {
const { proxy } = getCurrentInstance();
const route = useRoute();
const classid = route.params.classid;
const state = reactive({
headers: {
authentication: store.getters.get_authentication,
},
loading: true,
tableData: [], // 数据列表
multipleSelection: [], // 选中项
total: 0, // 总条数
page: 1, // 当前页
perpage: 10, // 分页大小
id: "",
kw: "",
dialogFormVisible: false,
dialogEdit: false,
dialogUidLog: false,
numbereRef: {
uids: "",
},
rules: {
uids: [{ required: true, message: "请输入学生手机号", trigger: "blur" }],
},
rowStudent: {},
modEdit: {
id: "",
xs_name: "",
gongsi: "",
gangwei: "",
shouji: "",
fenshu: "",
beizhu: "",
},
uidLog: [],
alltime: "",
username: "",
});
// 获取学生列表
const getStudentList = async () => {
state.loading = true;
const params = {
page: state.page,
perpage: state.perpage,
id: state.id,
kw: state.kw,
};
const res = await studentList(classid, params);
if (res.code === 200) {
state.tableData = res.data.data;
state.total = res.data.total;
state.page = res.data.current_page;
state.loading = false;
}
};
getStudentList();
// 观看记录
const getUserLog = async (uid) => {
state.loading = true;
const res = await studyLog(classid, uid);
if (res.code === 200) {
state.uidLog = res.data.data;
state.alltime = res.data.alltime;
state.username = res.data.username;
state.dialogUidLog = true;
state.loading = false;
}
};
// 设置当前查看的数据item
const setItem = (item) => {
state.item = item;
state.isShowItem = true;
};
const handleOption = () => {
state.page = 1;
getStudentList();
};
// 选择项
const handleSelectionChange = (val) => {
state.multipleSelection = val;
};
const changePage = (val) => {
state.page = val;
getStudentList();
};
// 每页显示条数
const handleSizeChange = (val) => {
state.perpage = val;
getStudentList();
};
// 删除学生
const resdelStudent = async (params) => {
const res = await delStudent(classid, params);
if (res.code === 200) {
proxy.$message({
type: "success",
message: "删除成功",
center: true,
});
getStudentList();
// 观看记录
const getUserLog = async (uid) => {
state.loading = true
const res = await studyLog(classid, uid);
if (res.code === 200) {
state.uidLog = res.data.data;
state.alltime = res.data.alltime;
state.username = res.data.username;
state.dialogUidLog=true;
state.loading = false
}
};
// 设置当前查看的数据item
const setItem = (item) => {
state.item = item
state.isShowItem = true
}
const handleOption = () => {
state.page = 1
getStudentList()
}
// 选择项
const handleSelectionChange = (val) => {
state.multipleSelection = val
}
const changePage = (val) => {
state.page = val
getStudentList()
}
// 每页显示条数
const handleSizeChange = (val) => {
state.perpage = val
getStudentList()
}
};
const handleClose = (id) => {
let params;
if (id) {
params = [id];
} else {
if (!state.multipleSelection.length) {
proxy.$message({
type: "error",
message: "请选择编号",
center: true,
});
return;
}
params = state.multipleSelection.map((i) => i.id);
}
// 删除学生
const resdelStudent = async (params) => {
const res = await delStudent(classid, params);
if (res.code === 200) {
proxy.$message({
type: 'success',
message: '删除成功',
center: true
});
getStudentList()
}
};
const handleClose = (id) => {
let params
if (id) {
params = [id]
} else {
if (!state.multipleSelection.length) {
proxy
.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
resdelStudent(params);
})
.catch(() => {});
};
// 添加学生
const submitForm = _debounce(() => {
_submitForm();
}, 300);
const numberValidateRef = ref(null);
const _submitForm = () => {
nextTick(() => {
numberValidateRef.value.validate(async (valid) => {
if (valid) {
const params = {
uids: state.numbereRef.uids,
};
const res = await addStudent(classid, params);
if (res.message === "success") {
state.dialogFormVisible = false;
proxy.$message({
type: 'error',
message: '请选择编号',
center: true
type: "success",
message: "添加成功",
center: true,
});
return
setTimeout(function() {
getStudentList();
}, 100);
}
params = state.multipleSelection.map(i => i.id)
}
proxy.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
resdelStudent(params);
}).catch(() => {
});
}
// 添加学生
const submitForm = _debounce(() => {
_submitForm();
}, 300)
const numberValidateRef = ref(null);
const _submitForm = () => {
nextTick(() => {
numberValidateRef.value.validate(async (valid) => {
if (valid) {
const params = {
uids: state.numbereRef.uids,
}
const res = await addStudent(classid, params)
if (res.message === 'success') {
state.dialogFormVisible = false;
proxy.$message({
type: 'success',
message: '添加成功',
center: true
});
setTimeout(function () {
getStudentList()
}, 100);
}
}
});
})
}
// 获取学生列表
const resgetStudent = async (id) => {
const res = await getStudent(classid, id);
if (res.code === 200) {
state.modEdit = res.data
state.dialogEdit = true
}
};
// 编辑学生
const reseditStudent = async () => {
const params = {
data: state.modEdit,
}
const res = await editStudent(classid, params);
if (res.code === 200) {
state.dialogEdit = false;
proxy.$message({
type: 'success',
message: '编辑成功',
center: true
});
getStudentList()
}
};
const getid = (id) => {
resgetStudent(id);
}
const eidtForm = () => {
reseditStudent();
}
const openStudent = (row) => {
state.modEdit = row;
});
});
};
// 获取学生列表
const resgetStudent = async (id) => {
const res = await getStudent(classid, id);
if (res.code === 200) {
state.modEdit = res.data;
state.dialogEdit = true;
}
return {
...toRefs(state),
classid,
setItem,
handleSelectionChange,
getStudentList,
changePage,
handleOption,
handleClose,
handleSizeChange,
numberValidateRef,
submitForm,
getid,
eidtForm,
getUserLog,
openStudent,
}
}
}
</script>
<style lang="scss" scoped>
.item_log {
width: 120px;
display: inline-block;
}
.tab-header {
padding: 24px 0 10px 0;
}
.ptlist {
padding: 6px 0;
overflow-y: auto;
font-size: 14px;
li {
padding: 2px 0;
};
// 编辑学生
const reseditStudent = async () => {
const params = {
data: state.modEdit,
};
const res = await editStudent(classid, params);
if (res.code === 200) {
state.dialogEdit = false;
proxy.$message({
type: "success",
message: "编辑成功",
center: true,
});
getStudentList();
}
}
.ifprt {
padding-right: 10px !important;
}
.infobox {
line-height: 24px;
padding: 0 20px;
}
.scrollbar {
height: 106px;
overflow: hidden;
}
.min-pd {
padding: 6px 10px;
}
::v-deep .el-scrollbar__wrap {
max-height: 300px;
overflow-x: hidden;
}
::v-deep .el-icon-close {
display: none !important;
}
::v-deep .el-icon-close-tip {
display: none !important;
}
::v-deep .el-button i {
line-height: 0;
}
</style>
<style>
.el-dialog__body {
padding: 20px 30px 30px 30px;
}
</style>
};
const getid = (id) => {
resgetStudent(id);
};
const eidtForm = () => {
reseditStudent();
};
const openStudent = (row) => {
state.modEdit = row;
state.dialogEdit = true;
};
return {
...toRefs(state),
classid,
setItem,
handleSelectionChange,
getStudentList,
changePage,
handleOption,
handleClose,
handleSizeChange,
numberValidateRef,
submitForm,
getid,
eidtForm,
getUserLog,
openStudent,
};
},
};
</script>
<style lang="scss" scoped>
.item_log {
width: 120px;
display: inline-block;
}
.tab-header {
padding: 24px 0 10px 0;
}
.ptlist {
padding: 6px 0;
overflow-y: auto;
font-size: 14px;
li {
padding: 2px 0;
}
}
.ifprt {
padding-right: 10px !important;
}
.infobox {
line-height: 24px;
padding: 0 20px;
}
.scrollbar {
height: 106px;
overflow: hidden;
}
.min-pd {
padding: 6px 10px;
}
::v-deep .el-scrollbar__wrap {
max-height: 300px;
overflow-x: hidden;
}
::v-deep .el-icon-close {
display: none !important;
}
::v-deep .el-icon-close-tip {
display: none !important;
}
::v-deep .el-button i {
line-height: 0;
}
</style>
<style>
.el-dialog__body {
padding: 20px 30px 30px 30px;
}
</style>

3
src/views/video/video_course.vue
Unescape View File

@ -312,6 +312,7 @@
<div id="tab-menu3_box" class="btile flex-1 tab_cur_box">
<h2>课程评论</h2>
<div class="f15 colff4" style="padding-left: 24px;">备注：如需提交问题，可点击页面右侧按钮 “获取帮助-页面反馈”</div>
</div>
<div class="comment_box">
<div class="post-box">
@ -634,7 +635,7 @@ export default {
const res = await addComment(courseid, state.postmsg);
if (res.message === "success") {
const newComment = {
uname: state.userInfo.username,
uname: store.getters.get_user_name,
msg: state.postmsg.msg,
fenshu: state.postmsg.fenshu,
ptime: "刚刚",

Write Preview
Loading…
Cancel
Save