hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 05:46:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:修改面授课

Browse Source
This commit is contained in:
lixg
2023-02-26 15:27:58 +08:00
parent 096119df28
commit e800c515ef
8 changed files with 702 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
src/components/drawers/ProjPowerList.vue
View File

@@ -1,18 +1,18 @@
<template> <template>
<a-drawer <a-drawer
:visible="ProjPvisible" :visible="ProjPvisible"
class="drawerStyle ProjPowerList" class="drawerStyle ProjPowerList"
placement="right" placement="right"
width="60%" width="60%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">授权名单</div> <div class="headerTitle">授权名单</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div class="main"> <div class="main">
@@ -21,18 +21,18 @@
<div class="namecon" style="margin-right: 30px"> <div class="namecon" style="margin-right: 30px">
<div class="name">姓名：</div> <div class="name">姓名：</div>
<a-input <a-input
v-model:value="name" v-model:value="name"
style="width: 270px; height: 40px; border-radius: 8px" style="width: 270px; height: 40px; border-radius: 8px"
placeholder="请输入姓名" placeholder="请输入姓名"
/> />
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div <div
class="btn btn1" class="btn btn1"
style="margin-right: 20px" style="margin-right: 20px"
@click="searchAuth" @click="searchAuth"
> >
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
@@ -46,28 +46,28 @@
<div class="tableBox" style="margin-top: 10px"> <div class="tableBox" style="margin-top: 10px">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="tableDataFunc()" :columns="tableDataFunc()"
:data-source="tableData" :data-source="tableData"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
@expand="expandTable" @expand="expandTable"
:scroll="{ x: 900 }" :scroll="{ x: 900 }"
:pagination="false" :pagination="false"
/> />
</div> </div>
<div class="tableBox"> <div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
v-if="tableDataTotal > 10" v-if="tableDataTotal > 10"
:showSizeChanger="false" :showSizeChanger="false"
showQuickJumper="true" showQuickJumper="true"
hideOnSinglePage="true" hideOnSinglePage="true"
:pageSize="pageSize" :pageSize="pageSize"
:current="currentPage" :current="currentPage"
:total="tableDataTotal" :total="tableDataTotal"
class="pagination" class="pagination"
@change="changePagination" @change="changePagination"
/> />
</div> </div>
</div> </div>
@@ -93,11 +93,11 @@
</div> </div>
<!-- 取消授权弹窗 --> <!-- 取消授权弹窗 -->
<a-modal <a-modal
v-model:visible="cancelModal" v-model:visible="cancelModal"
:footer="null" :footer="null"
:closable="closeCancel" :closable="closeCancel"
wrapClassName="DelModal" wrapClassName="DelModal"
centered="true" centered="true"
> >
<div class="delete"> <div class="delete">
<div class="del_header"></div> <div class="del_header"></div>
@@ -131,9 +131,9 @@
</template> </template>
<script> <script>
import {toRefs, reactive} from "vue"; import { toRefs, reactive } from "vue";
import * as api from "../../api/index1"; import * as api from "../../api/index1";
import {message} from "ant-design-vue"; import { message } from "ant-design-vue";
export default { export default {
name: "ProjPowerList", name: "ProjPowerList",
@@ -218,13 +218,13 @@ export default {
width: 70, width: 70,
// align: "left", // align: "left",
className: "classify", className: "classify",
scopedSlots: {customRender: "action"}, //引入的插槽 scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => { customRender: (text) => {
// console.log(text.record.checked1); // console.log(text.record.checked1);
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.name}</span> <span> {text.record.name}</span>
</div> </div>
); );
}, },
}, },
@@ -270,17 +270,20 @@ export default {
key: "opacation", key: "opacation",
width: 100, width: 100,
align: "center", align: "center",
scopedSlots: {customRender: "action"}, //引入的插槽 scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => { customRender: (text) => {
return (text.record.state === '归属权' ? '' : <div return text.record.state === "归属权" ? (
className="opa" ""
onClick={() => { ) : (
console.log("text.record.id", text.record.id); <div
showCancelModal(text.record); className="opa"
}} onClick={() => {
> console.log("text.record.id", text.record.id);
取消授权 showCancelModal(text.record);
</div> }}
>
取消授权
</div>
); );
}, },
}, },
@@ -293,13 +296,13 @@ export default {
let obj = { let obj = {
keyWord: state.name ? state.name : "", keyWord: state.name ? state.name : "",
type: type:
props.classify === "learnPath" props.classify === "learnPath"
? 1 ? 1
: props.classify === "project" : props.classify === "project"
? 2 ? 2
: props.classify === "course" : props.classify === "course"
? 3 ? 3
: null, : null,
tag: 1, tag: 1,
opt: 1, opt: 1,
refId: props.selectProjectId, refId: props.selectProjectId,
@@ -308,34 +311,34 @@ export default {
}; };
console.log("获取权限名单obj", obj); console.log("获取权限名单obj", obj);
api api
.optionAuthPerm(obj) .optionAuthPerm(obj)
.then((res) => { .then((res) => {
// console.log("获取权限名单成功", res); // console.log("获取权限名单成功", res);
if (res.data.code === 200) { if (res.data.code === 200) {
console.log("获取权限名单成功", res.data.data.records); console.log("获取权限名单成功", res.data.data.records);
let arr = res.data.data.records; let arr = res.data.data.records;
let array = []; let array = [];
arr.map((value) => { arr.map((value) => {
let obj = { let obj = {
key: value.memberId, key: value.memberId,
id: value.memberId, id: value.memberId,
name: value.memberName ? value.memberName : "-", name: value.memberName ? value.memberName : "-",
com: value.orgName ? value.orgName : "-", com: value.orgName ? value.orgName : "-",
gang: value.positionMgrLevel ? value.positionMgrLevel : "-", gang: value.positionMgrLevel ? value.positionMgrLevel : "-",
number: value.memberNo ? value.memberNo : "-", number: value.memberNo ? value.memberNo : "-",
state: value.tagName ? value.tagName : "-", state: value.tagName ? value.tagName : "-",
}; };
array.push(obj); array.push(obj);
}); });
state.tableData = array; state.tableData = array;
state.tableDataTotal = res.data.data.total; state.tableDataTotal = res.data.data.total;
} }
}) })
.catch((err) => { .catch((err) => {
console.log("获取权限名单失败", err); console.log("获取权限名单失败", err);
}); });
}; };
//分页 //分页
@@ -360,21 +363,21 @@ export default {
let obj = { let obj = {
keyWord: "", keyWord: "",
type: type:
props.classify === "learnPath" props.classify === "learnPath"
? 1 ? 1
: props.classify === "project" : props.classify === "project"
? 2 ? 2
: props.classify === "course" : props.classify === "course"
? 3 ? 3
: null, : null,
tag: tag:
state.cancelAuthState === "归属权" state.cancelAuthState === "归属权"
? 2 ? 2
: state.cancelAuthState === "查看权" : state.cancelAuthState === "查看权"
? 3 ? 3
: state.cancelAuthState === "管理权" : state.cancelAuthState === "管理权"
? 4 ? 4
: null, : null,
opt: 4, opt: 4,
refId: props.selectProjectId, refId: props.selectProjectId,
pageNo: 1, pageNo: 1,
@@ -385,19 +388,19 @@ export default {
}; };
console.log("取消权限名单obj", obj, state.cancelAuthState); console.log("取消权限名单obj", obj, state.cancelAuthState);
api api
.optionAuthPerm(obj) .optionAuthPerm(obj)
.then((res) => { .then((res) => {
console.log("取消权限名单", res); console.log("取消权限名单", res);
if (res.data.code === 200) { if (res.data.code === 200) {
// console.log("取消授权成功", res.data.data); // console.log("取消授权成功", res.data.data);
optionAuthPerm(); optionAuthPerm();
message.success("取消授权成功"); message.success("取消授权成功");
closeCancelModal(); closeCancelModal();
} }
}) })
.catch((err) => { .catch((err) => {
console.log("取消授权失败", err); console.log("取消授权失败", err);
}); });
}; };
return { return {
...toRefs(state), ...toRefs(state),
@@ -443,8 +446,8 @@ export default {
width: calc(100%); width: calc(100%);
height: 40px; height: 40px;
background: linear-gradient( background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%, rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100% rgba(78, 166, 255, 0) 100%
); );
} }
@@ -535,7 +538,6 @@ export default {
} }
} }
.ProjPowerList { .ProjPowerList {
// width: 80%; // width: 80%;
.ant-drawer-content-wrapper { .ant-drawer-content-wrapper {
@@ -684,8 +686,8 @@ export default {
} }
.ant-table-tbody .ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td { > td {
background: #f6f9fd; background: #f6f9fd;
} }

314
src/components/drawers/project/AddCertificate.vue
View File

@@ -1,26 +1,42 @@
<template> <template>
<a-drawer :visible="ACertificate" class="drawerStyle AddCertificate" width="80%" title="添加证书" placement="right" <a-drawer
@after-visible-change="afterVisibleChange"> :visible="ACertificate"
class="drawerStyle AddCertificate"
width="80%"
title="添加证书"
placement="right"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle"> <div class="headerTitle">
{{ ACertificateEditId ? "编辑" : "添加" }}证书 {{ ACertificateEditId ? "编辑" : "添加" }}证书
</div> </div>
<img style="width: 29px; height: 29px; cursor: pointer" src="../../../assets/images/basicinfo/close.png" <img
@click="closeDrawer" /> style="width: 29px; height: 29px; cursor: pointer"
src="../../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
</div> </div>
<div class="contentMain"> <div class="contentMain">
<div class="main_left"> <div class="main_left">
<div class="main_item"> <div class="main_item">
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" /> <img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div> </div>
<span style="margin-right: 3px">证书名称：</span> <span style="margin-right: 3px">证书名称：</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-input v-model:value="certificateName" style="width: 400px; height: 40px; border-radius: 8px" <a-input
placeholder="请输入证书名称" maxlength="20" /> v-model:value="certificateName"
style="width: 400px; height: 40px; border-radius: 8px"
placeholder="请输入证书名称"
maxlength="20"
/>
</div> </div>
</div> </div>
@@ -47,14 +63,32 @@
<div class="main_item" style="align-items: flex-start"> <div class="main_item" style="align-items: flex-start">
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" /> <img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div> </div>
<span style="margin-right: 3px">证书封面：</span> <span style="margin-right: 3px">证书封面：</span>
</div> </div>
<div class="btnbox" style="flex-direction: column; align-items: flex-start"> <div
<a-upload v-model:file-list="fileList" name="file" style="width: 200px" list-type="picture-card" class="btnbox"
class="avatar-uploader" :show-upload-list="false" :before-upload="beforeUpload"> style="flex-direction: column; align-items: flex-start"
<img v-if="imageUrl" :src="imageUrl" alt="avatar" /> >
<a-upload
v-model:file-list="fileList"
name="file"
style="width: 200px"
list-type="picture-card"
class="avatar-uploader"
:show-upload-list="false"
:before-upload="beforeUpload"
>
<img
v-if="imageUrl"
:src="imageUrl"
alt="avatar"
style="width: 170px; height: 200px"
/>
<div v-else> <div v-else>
<loading-outlined v-if="loading"></loading-outlined> <loading-outlined v-if="loading"></loading-outlined>
<plus-outlined v-else></plus-outlined> <plus-outlined v-else></plus-outlined>
@@ -71,58 +105,90 @@
<span style="margin-right: 3px">证书说明：</span> <span style="margin-right: 3px">证书说明：</span>
</div> </div>
<div class="textarea" style="width: 400px"> <div class="textarea" style="width: 400px">
<a-textarea v-model:value="certificateRemark" placeholder="请输入证书说明" allow-clear :rows="8" show-count <a-textarea
:maxlength="200" /> v-model:value="certificateRemark"
placeholder="请输入证书说明"
allow-clear
:rows="8"
show-count
:maxlength="200"
/>
</div> </div>
</div> </div>
<div class="main_item" style="margin-bottom: 16px"> <div class="main_item" style="margin-bottom: 16px">
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" /> <img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div> </div>
<span style=" <span
margin-right: 3px; style="
font-size: 16px; margin-right: 3px;
color: #333; font-size: 16px;
font-size: 14px; color: #333;
">设置获得条件</span> font-size: 14px;
"
>设置获得条件</span
>
</div> </div>
<div class="btnbox"></div> <div class="btnbox"></div>
</div> </div>
<div class="main_item" style=" <div
border: 1px solid rgba(0, 0, 0, 0.1); class="main_item"
width: ; style="
margin-left: 35px; border: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 30px; width: ;
margin-top: 0px; margin-left: 35px;
"> padding-top: 30px;
margin-top: 0px;
"
>
<div class="signbox" style="width: 30px"> <div class="signbox" style="width: 30px">
<span style="margin-right: 3px; font-size: 16px; color: #333"></span> <span
style="margin-right: 3px; font-size: 16px; color: #333"
></span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-radio-group v-model:value="condition" @change="selectCondition"> <a-radio-group
v-model:value="condition"
@change="selectCondition"
>
<a-radio v-model:checked="checked" :value="1"> <a-radio v-model:checked="checked" :value="1">
完成项目 完成项目
<a-popover> <a-popover>
<template #content> <template #content>
<div style="font-size: 12px; color: rgba(153, 153, 153, 1)"> <div
style="font-size: 12px; color: rgba(153, 153, 153, 1)"
>
后续新增自动包括 后续新增自动包括
</div> </div>
</template> </template>
<img style="width: 16px; height: 16px" src="../../../assets/images/project/tishi.png" /> <img
style="width: 16px; height: 16px"
src="../../../assets/images/project/tishi.png"
/>
</a-popover> </a-popover>
</a-radio> </a-radio>
<br /> <br />
<div style=" <div
height: 60px; style="
margin-left: 24px; height: 60px;
display: flex; margin-left: 24px;
align-items: center; display: flex;
"> align-items: center;
<a-radio-group v-model:value="large" size="small" @change="selectlarge" :disabled="condition !== 1"> "
>
<a-radio-group
v-model:value="large"
size="small"
@change="selectlarge"
:disabled="condition !== 1"
>
<a-radio-button value="1">全部任务</a-radio-button> <a-radio-button value="1">全部任务</a-radio-button>
<a-radio-button value="2">完成必修任务</a-radio-button> <a-radio-button value="2">完成必修任务</a-radio-button>
</a-radio-group> </a-radio-group>
@@ -131,84 +197,132 @@
完成阶段 完成阶段
</a-radio> </a-radio>
<br /> <br />
<div style=" <div
height: 60px; style="
margin-left: 24px; height: 60px;
display: flex; margin-left: 24px;
align-items: center; display: flex;
"> align-items: center;
<a-select ref="select" size="small" placeholder="请选择阶段" v-model:value="selectStageName" "
style="width: 120px" @focus="focus" @change="selectStage" :options="stageList" :fieldNames="{ >
<a-select
ref="select"
size="small"
placeholder="请选择阶段"
v-model:value="selectStageName"
style="width: 120px"
@focus="focus"
@change="selectStage"
:options="stageList"
:fieldNames="{
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" :disabled="condition !== 2"> }"
:disabled="condition !== 2"
>
</a-select> </a-select>
</div> </div>
<a-radio v-model:checked="checked" :value="3"> <a-radio v-model:checked="checked" :value="3">
完成任务 完成任务
</a-radio> </a-radio>
<br /> <br />
<div style=" <div
height: 60px; style="
margin-left: 24px; height: 60px;
display: flex; margin-left: 24px;
align-items: center; display: flex;
"> align-items: center;
<a-select ref="select" size="small" placeholder="请选择任务" v-model:value="selectTaskName" "
style="width: 120px" @focus="focus" @change="selectTask" :options="taskList" :fieldNames="{ >
<a-select
ref="select"
size="small"
placeholder="请选择任务"
v-model:value="selectTaskName"
style="width: 120px"
@focus="focus"
@change="selectTask"
:options="taskList"
:fieldNames="{
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" :disabled="condition !== 3"> }"
:disabled="condition !== 3"
>
</a-select> </a-select>
</div> </div>
<a-radio v-model:checked="checked" :value="4"> <a-radio v-model:checked="checked" :value="4">
考试合格 考试合格
</a-radio> </a-radio>
<br /> <br />
<div style=" <div
height: 60px; style="
margin-left: 24px; height: 60px;
display: flex; margin-left: 24px;
align-items: center; display: flex;
"> align-items: center;
<a-select ref="select" size="small" placeholder="请选择考试" v-model:value="selectExamName" "
style="width: 120px" @focus="focus" @change="selectExam" :options="examList" :fieldNames="{ >
<a-select
ref="select"
size="small"
placeholder="请选择考试"
v-model:value="selectExamName"
style="width: 120px"
@focus="focus"
@change="selectExam"
:options="examList"
:fieldNames="{
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" :disabled="condition !== 4"> }"
:disabled="condition !== 4"
>
</a-select> </a-select>
</div> </div>
<a-radio v-model:checked="checked" :value="5"> <a-radio v-model:checked="checked" :value="5">
获得积分 获得积分
</a-radio> </a-radio>
<br /> <br />
<div style=" <div
height: 60px; style="
margin-left: 24px; height: 60px;
display: flex; margin-left: 24px;
align-items: center; display: flex;
"> align-items: center;
<div style=" "
font-size: 14px; >
font-weight: 400; <div
color: #333333; style="
line-height: 20px; font-size: 14px;
margin-right: 5px; font-weight: 400;
"> color: #333333;
line-height: 20px;
margin-right: 5px;
"
>
高于 高于
</div> </div>
<a-input-number id="inputNumber" v-model:value="score" :min="1" :max="projectPoints" style="width: 70px" <a-input-number
:disabled="condition !== 5" /> id="inputNumber"
<div style=" v-model:value="score"
font-size: 14px; :min="1"
font-weight: 400; :max="projectPoints"
color: #333333; style="width: 70px"
line-height: 20px; :disabled="condition !== 5"
margin-left: 5px; />
"> <div
style="
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 20px;
margin-left: 5px;
"
>
分可获得，当前项目积分为 {{ projectPoints }} 分 分可获得，当前项目积分为 {{ projectPoints }} 分
</div> </div>
</div> </div>
@@ -486,16 +600,14 @@ export default {
formDatas.append("file", file); formDatas.append("file", file);
fileUp(formDatas).then((res) => { fileUp(formDatas).then((res) => {
if (res.data.code === 200) { if (res.data.code === 200) {
console.log(file) console.log(file);
state.imageUrl = process.env.VUE_APP_FILE_PATH + res.data.data; state.imageUrl = process.env.VUE_APP_FILE_PATH + res.data.data;
state.imageName = process.env.VUE_APP_FILE_PATH + res.data.data; state.imageName = process.env.VUE_APP_FILE_PATH + res.data.data;
} }
}); });
return false; return false;
}; };
//查看证书 //查看证书
const getcertificate = () => { const getcertificate = () => {
let obj = { let obj = {
@@ -578,14 +690,14 @@ export default {
state.condition == 1 state.condition == 1
? state.large ? state.large
: state.condition == 2 : state.condition == 2
? state.selectStageId ? state.selectStageId
: state.condition == 3 : state.condition == 3
? state.selectTaskId ? state.selectTaskId
: state.condition == 4 : state.condition == 4
? state.selectExamId ? state.selectExamId
: state.condition == 5 : state.condition == 5
? state.score ? state.score
: "", : "",
type: 1, type: 1,
}; };
if (props.ACertificateEdit) { if (props.ACertificateEdit) {

169
src/components/student/TableModelStudent.vue
View File

@@ -1,51 +1,61 @@
<template> <template>
<div class="CommonStudent"> <div class="CommonStudent">
<a-drawer <a-drawer
:visible="visiable" :visible="visiable"
class="drawerStyle ProjCheckship" class="drawerStyle ProjCheckship"
placement="right" placement="right"
width="40%" width="40%"
> >
<div class="drawerMain" id="ProjCheckship" style=""> <div class="drawerMain" id="ProjCheckship" style="">
<div class="header"> <div class="header">
<div class="headerTitle"> <div class="headerTitle">权限名单</div>
权限名单
</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div class="TableStudent"> <div class="TableStudent">
<a-row <a-row
type="flex" type="flex"
gutter="12" gutter="12"
style="padding-left: 20px; margin-right: 0px" style="padding-left: 20px; margin-right: 0px"
> >
<a-col> <a-col>
<a-form-item title="姓名："> <a-form-item title="姓名：">
<a-input <a-input
class="cus-input" class="cus-input"
v-model:value="searchName" v-model:value="searchName"
placeholder="请输入姓名" placeholder="请输入姓名"
/> />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col> <a-col>
<a-button <a-button
class="cus-btn" class="cus-btn"
style="background: #4ea6ff; color: #fff; width: 100px" style="background: #4ea6ff; color: #fff; width: 100px"
@click="search" @click="search"
> >
<template #icon><img style="margin-right: 10px" src="../../assets/images/courseManage/search0.png"/> <template #icon
><img
style="margin-right: 10px"
src="../../assets/images/courseManage/search0.png"
/>
</template> </template>
搜索 搜索
</a-button> </a-button>
</a-col> </a-col>
<a-col :span="2"> <a-col :span="2">
<a-button class="cus-btn white" style="width: 100px" @click="reset"> <a-button
<template #icon><img style="margin-right: 10px" src="../../assets/images/leveladd/reset.png"/> class="cus-btn white"
style="width: 100px"
@click="reset"
>
<template #icon
><img
style="margin-right: 10px"
src="../../assets/images/leveladd/reset.png"
/>
</template> </template>
重置 重置
</a-button> </a-button>
@@ -53,16 +63,26 @@
</a-row> </a-row>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
<a-table <a-table
:columns="columns" :columns="columns"
:data-source="studentList" :data-source="studentList"
:pagination="stuPagination" :pagination="stuPagination"
:loading="loading" :loading="loading"
row-key="id" row-key="id"
> >
<template #action="{ record }"> <template #action="{ record }">
<a-space :size="2"> <a-space :size="2">
<slot name="extension" v-bind:data="{ record }"></slot> <slot name="extension" v-bind:data="{ record }"></slot>
<a-button v-if="record.type!==6 && record.type!==9 && record.type!==12" @click="del(record.id)" type="link" danger>删除</a-button> <a-button
v-if="
record.type !== 6 &&
record.type !== 9 &&
record.type !== 12
"
@click="del(record.id)"
type="link"
danger
>删除</a-button
>
</a-space> </a-space>
</template> </template>
</a-table> </a-table>
@@ -78,12 +98,19 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import {computed, createVNode, defineProps, defineExpose, ref, watch} from "vue"; import {
import {usePage} from "@/api/request"; computed,
import {STUDENT_LIST} from "@/api/apis"; createVNode,
import {delStudentList} from "@/api/index1"; defineProps,
import {ExclamationCircleOutlined} from "@ant-design/icons-vue"; defineExpose,
import {Modal} from "ant-design-vue"; ref,
watch,
} from "vue";
import { usePage } from "@/api/request";
import { STUDENT_LIST } from "@/api/apis";
import { delStudentList } from "@/api/index1";
import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
import { Modal } from "ant-design-vue";
const props = defineProps({ const props = defineProps({
type: Number, type: Number,
@@ -104,13 +131,13 @@ const initParams = {
studentName: "", studentName: "",
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
type: props.type || '', type: props.type || "",
types: props.types, types: props.types,
pid: props.id || '', pid: props.id || "",
} };
const searchParams = ref(initParams) const searchParams = ref(initParams);
const searchName = ref('') const searchName = ref("");
const columns = ref([ const columns = ref([
{ {
@@ -143,7 +170,18 @@ const columns = ref([
key: "type", key: "type",
width: 30, width: 30,
align: "center", align: "center",
customRender: ({record: {type}}) => ({4: "查看权", 5: "管理权", 6: "归属权",7: "查看权", 8: "管理权", 9: "归属权",10: "查看权", 11: "管理权", 12: "归属权"}[type]) customRender: ({ record: { type } }) =>
({
4: "查看权",
5: "管理权",
6: "归属权",
7: "查看权",
8: "管理权",
9: "归属权",
10: "查看权",
11: "管理权",
12: "归属权",
}[type]),
}, },
{ {
title: "操作", title: "操作",
@@ -151,18 +189,23 @@ const columns = ref([
key: "operation", key: "operation",
width: 50, width: 50,
align: "center", align: "center",
slots: {customRender: "action"}, slots: { customRender: "action" },
}, },
]) ]);
const {data: studentList, fetch: searchStu, total, loading} = usePage(STUDENT_LIST, searchParams) const {
data: studentList,
fetch: searchStu,
total,
loading,
} = usePage(STUDENT_LIST, searchParams);
const stuPagination = computed(() => ({ const stuPagination = computed(() => ({
total:total.value, total: total.value,
showSizeChanger: false, showSizeChanger: false,
current: searchParams.value.pageNo, current: searchParams.value.pageNo,
pageSize: searchParams.value.pageSize, pageSize: searchParams.value.pageSize,
onChange: changePagination onChange: changePagination,
})); }));
const openDrawer = () => { const openDrawer = () => {
@@ -173,22 +216,22 @@ const changePagination = (page) => {
searchParams.value.pageNo = page; searchParams.value.pageNo = page;
}; };
function search(){ function search() {
searchParams.value.studentName = searchName.value searchParams.value.studentName = searchName.value;
searchParams.value.pageNo = 1 searchParams.value.pageNo = 1;
} }
function del(id) { function del(id) {
Modal.confirm({ Modal.confirm({
title: () => '确定删除?', title: () => "确定删除?",
icon: () => createVNode(ExclamationCircleOutlined), icon: () => createVNode(ExclamationCircleOutlined),
content: () => '数据删除后不可恢复！', content: () => "数据删除后不可恢复！",
okText: () => '确定', okText: () => "确定",
okType: 'danger', okType: "danger",
cancelText: () => '取消', cancelText: () => "取消",
onOk() { onOk() {
if(id){ if (id) {
loading.value = true loading.value = true;
delStudentList({ids: [id]}).then(() => searchStu()) delStudentList({ ids: [id] }).then(() => searchStu());
} }
}, },
}); });
@@ -198,20 +241,20 @@ const closeDrawer = () => {
visiable.value = false; visiable.value = false;
}; };
function reset(){ function reset() {
searchParams.value = initParams searchParams.value = initParams;
searchName.value='' searchName.value = "";
} }
watch(visiable, () => { watch(visiable, () => {
visiable.value && searchStu() visiable.value && searchStu();
searchParams.value = initParams searchParams.value = initParams;
}); });
defineExpose({ defineExpose({
searchStu, searchStu,
loading loading,
}) });
</script> </script>
<style lang="scss"> <style lang="scss">
.cus-btn { .cus-btn {

257
src/components/student/TableStudent.vue
View File

@@ -1,9 +1,17 @@
<template> <template>
<div class="TableStudent"> <div class="TableStudent">
<a-row type="flex" gutter="12" style="padding-left: 20px; margin-right: 0px"> <a-row
type="flex"
gutter="12"
style="padding-left: 20px; margin-right: 0px"
>
<a-col> <a-col>
<a-form-item title="姓名："> <a-form-item title="姓名：">
<a-input class="cus-input" v-model:value="tableParam.studentName" placeholder="请输入姓名" /> <a-input
class="cus-input"
v-model:value="tableParam.studentName"
placeholder="请输入姓名"
/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<!-- <a-col v-if="type === 1"> <!-- <a-col v-if="type === 1">
@@ -19,39 +27,73 @@
<a-col v-if="type === 1"> <a-col v-if="type === 1">
<a-form-item title="部门："> <a-form-item title="部门：">
<div class="select in" style="width: 270px"> <div class="select in" style="width: 270px">
<OrgClass v-model:value="tableParam.studentDepartId" v-model:name="tableParam.studentDepartName"></OrgClass> <OrgClass
v-model:value="tableParam.studentDepartId"
v-model:name="tableParam.studentDepartName"
></OrgClass>
</div> </div>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col v-if="type === 1"> <a-col v-if="type === 1">
<a-form-item title="优秀学员："> <a-form-item title="优秀学员：">
<div class="select"> <div class="select">
<a-select v-model:value="tableParam.topFlag" style="width: 260px; height: 40px" placeholder="是否为优秀学员" <a-select
:options="topFlagList" @change="selectProjectName" allowClear showSearch></a-select> v-model:value="tableParam.topFlag"
style="width: 260px; height: 40px"
placeholder="是否为优秀学员"
:options="topFlagList"
@change="selectProjectName"
allowClear
showSearch
></a-select>
</div> </div>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col> <a-col>
<a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 100px" @click="getStuList"> <a-button
class="cus-btn"
style="background: #4ea6ff; color: #fff; width: 100px"
@click="getStuList"
>
<template #icon> <template #icon>
<img style="margin-right: 10px" src="../../assets/images/courseManage/search0.png" /></template> <img
style="margin-right: 10px"
src="../../assets/images/courseManage/search0.png"
/></template>
搜索 搜索
</a-button> </a-button>
</a-col> </a-col>
<a-col :span="2"> <a-col :span="2">
<a-button class="cus-btn white" style="width: 100px" @click="reset"> <a-button class="cus-btn white" style="width: 100px" @click="reset">
<template #icon> <template #icon>
<img style="margin-right: 10px" src="../../assets/images/leveladd/reset.png" /></template> <img
style="margin-right: 10px"
src="../../assets/images/leveladd/reset.png"
/></template>
重置 重置
</a-button> </a-button>
</a-col> </a-col>
</a-row> </a-row>
<a-row type="flex" gutter="12" style="padding-left: 20px; margin-right: 0px" v-if="checkPer(permissions)"> <a-row
type="flex"
gutter="12"
style="padding-left: 20px; margin-right: 0px"
v-if="checkPer(permissions)"
>
<a-col :span="1.5"> <a-col :span="1.5">
<CommonStudent :type="type" :id="id" @finash="submitCall" :stage="stage"> <CommonStudent
:type="type"
:id="id"
@finash="submitCall"
:stage="stage"
>
<a-button class="cus-btn" style="background: #4ea6ff; color: #fff"> <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
<template #icon><img style="margin-right: 10px" src="../../assets/images/courseManage/add0.png" /></template> <template #icon
><img
style="margin-right: 10px"
src="../../assets/images/courseManage/add0.png"
/></template>
添加学员 添加学员
</a-button> </a-button>
</CommonStudent> </CommonStudent>
@@ -59,7 +101,11 @@
<!-- 新加导入学员 批量换组 导出学习信息 --> <!-- 新加导入学员 批量换组 导出学习信息 -->
<a-col :span="1.5" v-if="type === 1 || type === 2"> <a-col :span="1.5" v-if="type === 1 || type === 2">
<a-button class="cus-btn white" @click="showImpStu"> <a-button class="cus-btn white" @click="showImpStu">
<template #icon><img style="margin-right: 10px" src="../../assets/images/basicinfo/in2.png" /></template> <template #icon
><img
style="margin-right: 10px"
src="../../assets/images/basicinfo/in2.png"
/></template>
导入学员 导入学员
</a-button> </a-button>
</a-col> </a-col>
@@ -82,7 +128,11 @@
</a-col> </a-col>
<a-col :span="1.5"> <a-col :span="1.5">
<a-button class="cus-btn white" @click="bathDel"> <a-button class="cus-btn white" @click="bathDel">
<template #icon><img style="margin-right: 10px" src="../../assets/images/projectadd/delete.png" /></template> <template #icon
><img
style="margin-right: 10px"
src="../../assets/images/projectadd/delete.png"
/></template>
批量删除 批量删除
</a-button> </a-button>
</a-col> </a-col>
@@ -97,10 +147,19 @@
<div class="stmm_btn btn4" @click="hideShow"> <div class="stmm_btn btn4" @click="hideShow">
<div class="btn4_sub"> <div class="btn4_sub">
<span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span> <span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span>
<div class="b_zk" :style="{ display: hideshow ? 'block' : 'none' }"></div> <div
<div class="b_sq" :style="{ display: hideshow ? 'none' : 'block' }"></div> class="b_zk"
:style="{ display: hideshow ? 'block' : 'none' }"
></div>
<div
class="b_sq"
:style="{ display: hideshow ? 'none' : 'block' }"
></div>
</div> </div>
<div class="btn4_sup" :style="{ display: hideshow ? 'none' : 'block' }"> <div
class="btn4_sup"
:style="{ display: hideshow ? 'none' : 'block' }"
>
<div class="btnsbox"> <div class="btnsbox">
<div class="btn4_tit" @click="showEScoreModal"> <div class="btn4_tit" @click="showEScoreModal">
<span>批量录入成绩</span> <span>批量录入成绩</span>
@@ -121,14 +180,25 @@
<div class="export"></div> <div class="export"></div>
<div class="btnText">导出</div> <div class="btnText">导出</div>
</div> </div>
<div class="stmm_btn btn5" style="margin-left: 15px" @click="exportHomeWorkShow"> <div
class="stmm_btn btn5"
style="margin-left: 15px"
@click="exportHomeWorkShow"
>
<div class="btnText">导出作业</div> <div class="btnText">导出作业</div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
<a-table :columns="tablecolumns" :data-source="tableData.list" :pagination="stuPagination" <a-table
:loading="tableData.loading" :scroll="{ x: 1500 }" row-key="id" :row-selection="stuRowSelection"> :columns="tablecolumns"
:data-source="tableData.list"
:pagination="stuPagination"
:loading="tableData.loading"
:scroll="{ x: 1500 }"
row-key="id"
:row-selection="stuRowSelection"
>
<template #action="{ record }"> <template #action="{ record }">
<!-- <div style="display:flex;justify-content: center;align-items: center;">--> <!-- <div style="display:flex;justify-content: center;align-items: center;">-->
<!-- <div v-if="props.type == 1" @click="excellentStudent(record)" <!-- <div v-if="props.type == 1" @click="excellentStudent(record)"
@@ -149,28 +219,57 @@
<a-space :size="2"> <a-space :size="2">
<slot name="extension" v-bind:data="{ record }"></slot> <slot name="extension" v-bind:data="{ record }"></slot>
<a-button v-if="type === 3 && record.status !== 0 && checkPer(permissions)" <a-button
@click="updateStatus(0, record.id)" type="link">通过</a-button> v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
<a-button v-if="type === 3 && record.status !== 0 && checkPer(permissions)" @click="updateStatus(0, record.id)"
@click="updateStatus(2, record.id)" type="link">拒绝</a-button> type="link"
<a-button v-if="checkPer(permissions)" :disabled="record.isLeader === '1'" @click="del(record.id, record)" >通过</a-button
type="link" danger>删除</a-button> >
<a-button
v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
@click="updateStatus(2, record.id)"
type="link"
>拒绝</a-button
>
<a-button
v-if="checkPer(permissions)"
:disabled="record.isLeader === '1'"
@click="del(record.id, record)"
type="link"
danger
>删除</a-button
>
</a-space> </a-space>
</template> </template>
</a-table> </a-table>
</div> </div>
</div> </div>
<!-- 批量调整关卡弹窗 --> <!-- 批量调整关卡弹窗 -->
<ChangeLevelModal v-model:visiblene="visiblene" :stage="stage" :ids="stuSelectKeys" @finash="submitCall" /> <ChangeLevelModal
v-model:visiblene="visiblene"
:stage="stage"
:ids="stuSelectKeys"
@finash="submitCall"
/>
<!-- 换组弹窗 --> <!-- 换组弹窗 -->
<ChangeGroupModal v-model:changegroupV="checkgroupParam.changegroupV" :groupList="groupList" :checkBatch="checkgroupParam.checkBatch" <ChangeGroupModal
:checkgroupStuId="stuSelectKeys" /> v-model:changegroupV="checkgroupParam.changegroupV"
:groupList="groupList"
:checkBatch="checkgroupParam.checkBatch"
:checkgroupStuId="stuSelectKeys"
/>
<!-- 批量调整关卡弹窗 --> <!-- 批量调整关卡弹窗 -->
<!-- 取消学员弹窗 --> <!-- 取消学员弹窗 -->
<div> <div>
<a-modal v-model:visible="canclestu" :footer="null" :closable="close" wrapClassName="canclestu" centered="true" <a-modal
@cancel="closeModal1"> v-model:visible="canclestu"
:footer="null"
:closable="close"
wrapClassName="canclestu"
centered="true"
@cancel="closeModal1"
>
<div class="delete"> <div class="delete">
<div class="del_header"></div> <div class="del_header"></div>
<div class="del_main"> <div class="del_main">
@@ -196,7 +295,13 @@
<!-- 取消学员弹窗 --> <!-- 取消学员弹窗 -->
<!-- 优秀学员弹窗 --> <!-- 优秀学员弹窗 -->
<div> <div>
<a-modal v-model:visible="canclestu1" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true"> <a-modal
v-model:visible="canclestu1"
:footer="null"
:closable="close"
wrapClassName="canclestu1"
centered="true"
>
<div class="delete"> <div class="delete">
<div class="del_header"></div> <div class="del_header"></div>
<div class="del_main"> <div class="del_main">
@@ -220,18 +325,35 @@
</a-modal> </a-modal>
</div> </div>
<!-- 查看学员 传入查看学员的id--> <!-- 查看学员 传入查看学员的id-->
<see-stu v-model:Seevisible="Seevisible" v-model:checkStuId="checkStuId" v-model:projectId="projectId" /> <see-stu
v-model:Seevisible="Seevisible"
v-model:checkStuId="checkStuId"
v-model:projectId="projectId"
/>
<!-- 导入作业成绩抽屉 --> <!-- 导入作业成绩抽屉 -->
<EScore v-model:eScorevisible="eScorevisible" :type="3" :id="id" :pid="id" v-model:searchTaskList="getStuList" /> <EScore
v-model:eScorevisible="eScorevisible"
:type="3"
:id="id"
:pid="id"
v-model:searchTaskList="getStuList"
/>
<!-- 导出作业提示框 --> <!-- 导出作业提示框 -->
<ExportHomeWork v-model:exportHomeWorkV="exportHomeWorkV" :downloadUrl="downloadUrl" /> <ExportHomeWork
v-model:exportHomeWorkV="exportHomeWorkV"
:downloadUrl="downloadUrl"
/>
<!-- 导入学员抽屉 --> <!-- 导入学员抽屉 -->
<!-- :courseId="projectTaskInfo.courseId" <!-- :courseId="projectTaskInfo.courseId"
:courseType="2" --> :courseType="2" -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" @AddImpStuvisibleClose="AddImpStuvisibleClose" :courseId="id" <imp-stu
:courseType="type" /> v-model:AddImpStuvisible="AddImpStuvisible"
@AddImpStuvisibleClose="AddImpStuvisibleClose"
:courseId="id"
:courseType="type"
/>
</template> </template>
<script setup> <script setup>
import { computed, createVNode, defineProps, onMounted, ref, watch } from "vue"; import { computed, createVNode, defineProps, onMounted, ref, watch } from "vue";
@@ -276,7 +398,7 @@ const props = defineProps({
groupList: { groupList: {
type: Array, type: Array,
default: () => [], default: () => [],
} },
}); });
const topFlagList = ref([ const topFlagList = ref([
{ {
@@ -357,16 +479,16 @@ const tablecolumns = ref([
width: "10%", width: "10%",
align: "center", align: "center",
customRender: ({ record: { source } }) => customRender: ({ record: { source } }) =>
// ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]), // ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
({ ({
0: "导入", 0: "导入",
1: "手动加入", 1: "手动加入",
2: "手动加入", 2: "手动加入",
3: "手动加入", 3: "手动加入",
4: "导入", 4: "导入",
5: "报名", 5: "报名",
6: "导入", 6: "导入",
}[source]), }[source]),
}, },
...props.columns, ...props.columns,
{ {
@@ -384,8 +506,8 @@ function allDepartShow(a, b) {
a == "" || a == null || a == undefined a == "" || a == null || a == undefined
? (a = "") ? (a = "")
: a.slice(0, 1) == "/" : a.slice(0, 1) == "/"
? a.slice(1, a.length) ? a.slice(1, a.length)
: a; : a;
let depart = b == "" || b == null || b == undefined ? (b = "") : b; let depart = b == "" || b == null || b == undefined ? (b = "") : b;
let allname = org == "" && depart == "" ? "-" : org + depart; let allname = org == "" && depart == "" ? "-" : org + depart;
return allname; return allname;
@@ -407,7 +529,7 @@ const checkgroupParam = ref({
changegroupV: false, //学员名称 changegroupV: false, //学员名称
checkgroupList: "", //学员小组 checkgroupList: "", //学员小组
checkgroupStuId: null, checkgroupStuId: null,
checkBatch: true checkBatch: true,
}); });
const stuSelectKeys = ref([]); const stuSelectKeys = ref([]);
@@ -417,7 +539,6 @@ const tableData = ref({
loading: false, loading: false,
}); });
const stuRowSelection = computed(() => ({ const stuRowSelection = computed(() => ({
columnWidth: 20, columnWidth: 20,
selectedRowKeys: stuSelectKeys.value, selectedRowKeys: stuSelectKeys.value,
@@ -427,9 +548,9 @@ const stuRowSelection = computed(() => ({
//显示学员换组弹窗 //显示学员换组弹窗
function showChangeGroupModal() { function showChangeGroupModal() {
console.log("批量") console.log("批量");
const d = props.groupList const d = props.groupList;
console.log("d" + d) console.log("d" + d);
// debugger // debugger
checkgroupParam.value.changegroupV = true; checkgroupParam.value.changegroupV = true;
checkgroupParam.value.checkBatch = true; checkgroupParam.value.checkBatch = true;
@@ -439,7 +560,8 @@ function showChangeGroupModal() {
function exportTaskStu() { function exportTaskStu() {
console.log("props.datasource", props); console.log("props.datasource", props);
window.open( window.open(
`${process.env.VUE_APP_BASE_API `${
process.env.VUE_APP_BASE_API
}/admin/student/exportTaskStudent?type=${1}&pid=${props.id}` }/admin/student/exportTaskStudent?type=${1}&pid=${props.id}`
); );
} }
@@ -447,7 +569,8 @@ function exportTaskStu() {
function exportTaskStuRouter() { function exportTaskStuRouter() {
console.log("props.datasource", props, props.id); console.log("props.datasource", props, props.id);
window.open( window.open(
`${process.env.VUE_APP_BASE_API `${
process.env.VUE_APP_BASE_API
}/admin/student/exportTaskStudent?type=${2}&pid=${props.id}` }/admin/student/exportTaskStudent?type=${2}&pid=${props.id}`
); );
} }
@@ -496,8 +619,6 @@ function getStuList() {
}); });
} }
function reset() { function reset() {
tableParam.value.studentName = ""; tableParam.value.studentName = "";
tableParam.value.groupName = ""; //学员小组 tableParam.value.groupName = ""; //学员小组
@@ -513,16 +634,20 @@ function bathDel() {
return message.warning("请先选中学员"); return message.warning("请先选中学员");
} }
// 判断选择的人员中是否有小组长 // 判断选择的人员中是否有小组长
let arr = [...tableData.value.list].filter(x => [...stuSelectKeys.value].some(id => id === x.id)).filter(item => item.isLeader === '1'); let arr = [...tableData.value.list]
.filter((x) => [...stuSelectKeys.value].some((id) => id === x.id))
.filter((item) => item.isLeader === "1");
if (arr.length > 0) { if (arr.length > 0) {
return message.warning("选择人员中：" + arr[0].studentName + "是小组长，请勿删除!"); return message.warning(
"选择人员中：" + arr[0].studentName + "是小组长，请勿删除!"
);
} }
tableData.value.loading = true; tableData.value.loading = true;
delStudentList({ ids: stuSelectKeys.value }).then(() => getStuList()); delStudentList({ ids: stuSelectKeys.value }).then(() => getStuList());
} }
function del(id, row) { function del(id, row) {
if (row.isLeader === '1') { if (row.isLeader === "1") {
return message.warning("" + row.name + "是小组长，请勿删除!"); return message.warning("" + row.name + "是小组长，请勿删除!");
} }
@@ -659,7 +784,8 @@ const exportStu = () => {
console.log("props.datasource", props); console.log("props.datasource", props);
if (props.id != undefined) { if (props.id != undefined) {
window.open( window.open(
`${process.env.VUE_APP_BASE_API `${
process.env.VUE_APP_BASE_API
}/admin/student/exportTaskStudent?type=${3}&pid=${props.id}&thirdType=2` }/admin/student/exportTaskStudent?type=${3}&pid=${props.id}&thirdType=2`
); );
} }
@@ -712,7 +838,6 @@ defineExpose({ getStuList, startLoading });
</script> </script>
<style lang="scss"> <style lang="scss">
.TableStudent { .TableStudent {
table tr th.ant-table-selection-column, table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column { table tr td.ant-table-selection-column {
padding-left: 3px; padding-left: 3px;
@@ -787,8 +912,10 @@ defineExpose({ getStuList, startLoading });
position: absolute; position: absolute;
width: calc(100%); width: calc(100%);
height: 40px; height: 40px;
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, background: linear-gradient(
rgba(78, 166, 255, 0) 100%); rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
} }
.batchOpera { .batchOpera {

34
src/views/courselibrary/CoursewareManage.vue
View File

@@ -367,15 +367,13 @@
>管理 >管理
</a-button> </a-button>
<DropDown v-if="checkPer(record.permissions)" value="授权"> <DropDown v-if="checkPer(record.permissions)" value="授权">
<OwnerTableModelStudent <OwnerTableModelStudent :types="[10, 11, 12]" :id="record.id"
:types="[10, 11, 12]"
:id="record.offcourseId"
>权限名单</OwnerTableModelStudent >权限名单</OwnerTableModelStudent
> >
<CommonStudent :type="10" :id="record.offcourseId" title="查看权" <CommonStudent :type="10" :id="record.id" title="查看权"
>查看权</CommonStudent >查看权</CommonStudent
> >
<CommonStudent :type="11" :id="record.offcourseId" title="管理权" <CommonStudent :type="11" :id="record.id" title="管理权"
>管理权</CommonStudent >管理权</CommonStudent
> >
</DropDown> </DropDown>
@@ -1690,6 +1688,7 @@ import ProjPowerList from "../../components/drawers/ProjPowerList";
import ProjCheckShip from "../../components/drawers/ProjCheckPower"; import ProjCheckShip from "../../components/drawers/ProjCheckPower";
import AssessmentList from "../../components/drawers/AssessmentList.vue"; import AssessmentList from "../../components/drawers/AssessmentList.vue";
import dialog from "@/utils/dialog"; import dialog from "@/utils/dialog";
// import { queryAssessmentDetailList } from "@/api/indexResearch";
import { import {
list, list,
detail, detail,
@@ -3655,8 +3654,8 @@ export default defineComponent({
completeType: type, completeType: type,
endTime: endTime, endTime: endTime,
evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0, evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0,
evaluateId: Number(state.assessmentId), assessmentId: Number(state.assessmentId),
testId: state.EditTestId, testId: state.examInfo.examinationName ? state.EditTestId : 0,
homeWorkId: state.EditWorkId, homeWorkId: state.EditWorkId,
name: state.xjkkinputV1, name: state.xjkkinputV1,
signFlag: state.xjkkradioV1 === 0 ? 1 : 0, //是否允许未报名的签到:1是0否 signFlag: state.xjkkradioV1 === 0 ? 1 : 0, //是否允许未报名的签到:1是0否
@@ -3712,7 +3711,11 @@ export default defineComponent({
(res) => (state.examInfo = res.data.data) (res) => (state.examInfo = res.data.data)
); );
} }
// if(item.evalFlag){
// queryAssessmentDetailList({assessmentId:item.assessmentId }).then(
// (res) => (state.examInfo = res.data.data)
// );
// }
console.log("获取面授课开课详情", item); console.log("获取面授课开课详情", item);
state.xjkkinputV2 = item.address; state.xjkkinputV2 = item.address;
state.checked1 = item.applyFlag === 1 ? true : false; state.checked1 = item.applyFlag === 1 ? true : false;
@@ -4466,12 +4469,13 @@ export default defineComponent({
}); });
}; };
const handleCopy = async (id) => { const handleCopy = async (id) => {
console.log("复制Id", id);
dialog({ dialog({
content: "确定复制该课程吗？", content: "确定复制该课程吗？",
ok: async () => { ok: async () => {
message.success("复制成功"); message.success("复制成功");
state.tableLoading = true; state.tableLoading = true;
await copyCourse({ offcourseId: id }); await copyCourse({ courseId: id });
getTableDate(); getTableDate();
}, },
}); });
@@ -4624,7 +4628,7 @@ export default defineComponent({
// 管理开课 // 管理开课
const handleGuan22 = (item) => { const handleGuan22 = (item) => {
// console.log('点击面授课管理',item) console.log("点击面授课管理", item);
// if (String(item.courseform) === "1") { // if (String(item.courseform) === "1") {
// return; // return;
// } // }
@@ -4740,28 +4744,26 @@ export default defineComponent({
//授权 //授权
//权限名单 //权限名单
const showPrower = (record) => { const showPrower = (record) => {
// console.log("record", record); console.log("权限名单", record);
state.selectCourseId = record.offcourseId; state.selectCourseId = record.offcourseId;
state.corpowerlistvisible = true; state.corpowerlistvisible = true;
}; };
//归属权 //归属权
const showOwnPrower = (record) => { const showOwnPrower = (record) => {
// console.log("record", record); console.log("归属权", record);
state.selectCourseId = record.offcourseId; state.selectCourseId = record.offcourseId;
state.ownpowervisible = true; state.ownpowervisible = true;
}; };
//查看权 //查看权
const showViewPrower = (record) => { const showViewPrower = (record) => {
// console.log("record", record); console.log("查看权", record);
state.selectCourseId = record.offcourseId; state.selectCourseId = record.offcourseId;
state.authClassify = 1; state.authClassify = 1;
state.viewpowervisible = true; state.viewpowervisible = true;
}; };
//管理权 //管理权
const showManagePrower = (record) => { const showManagePrower = (record) => {
// console.log("record", record); console.log("管理权", record);
console.log(22222222);
console.log(record);
state.selectCourseId = record.offcourseId; state.selectCourseId = record.offcourseId;
state.shipType = 1; state.shipType = 1;
state.authClassify = 2; state.authClassify = 2;

32
src/views/courselibrary/components/seeModal.vue
View File

@@ -64,8 +64,8 @@
style="width: 100px; height: 100px" style="width: 100px; height: 100px"
/> />
</div> </div>
<div class="mbl_items"> <div class="mbl_items" style="align-items: flex-start">
<div class="item_nam" style="margin-bottom: 102px"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img <img
style="width: 10px; height: 10px" style="width: 10px; height: 10px"
@@ -73,7 +73,9 @@
alt="" alt=""
/> />
</div> </div>
<span style="margin-right: 14px">目标人群</span> <span style="margin-right: 14px; margin-top: 3px"
>目标人群</span
>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
@@ -883,5 +885,29 @@ export default defineComponent({
} }
} }
} }
.ant-select-disabled.ant-select:not(.ant-select-customize-input)
.ant-select-selector {
color: #000000;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input)
.ant-select-selector {
background-color: rgba(255, 255, 255, 0);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
border: 0px !important;
}
.select .ant-select-selector {
border: 0px !important;
}
.ant-select-arrow {
display: none;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
color: #000000;
border: 0px !important;
}
.ant-select-multiple .ant-select-selection-item {
background: rgba(255, 255, 255, 0);
}
} }
</style> </style>

27
src/views/courselibrary/courseModal.vue
View File

@@ -593,9 +593,9 @@ export default defineComponent({
selectBandName: [], selectBandName: [],
selectBandId: [], selectBandId: [],
//资源归属 //资源归属
sourceBelongId: [], sourceBelongId: null,
sourceBelongName: [], sourceBelongName: null,
sourceBelongFullName: [], sourceBelongFullName: null,
}); });
const store = useStore(); const store = useStore();
console.log(store, 666); console.log(store, 666);
@@ -606,7 +606,12 @@ export default defineComponent({
const jobType = computed(() => store.state.job_type); const jobType = computed(() => store.state.job_type);
//获取band //获取band
const bandList = computed(() => store.state.band); const bandList = computed(() => store.state.band);
const userInfo = computed(() => store.state.userInfo);
console.log("jobTypebandList", jobType, bandList); console.log("jobTypebandList", jobType, bandList);
if (userInfo.value.departId && userInfo.value.departName) {
state.sourceBelongName = userInfo.value.departName;
state.sourceBelongId = userInfo.value.departId;
}
watch( watch(
() => state.fen_lei, () => state.fen_lei,
() => { () => {
@@ -718,9 +723,9 @@ export default defineComponent({
state.selectBandName = []; state.selectBandName = [];
state.selectBandId = []; state.selectBandId = [];
//资源归属 //资源归属
state.sourceBelongId = []; state.sourceBelongId = null;
state.sourceBelongName = []; state.sourceBelongName = null;
state.sourceBelongFullName = []; state.sourceBelongFullName = null;
// valueHtml.value = ""; // valueHtml.value = "";
console.log("清空"); console.log("清空");
}; };
@@ -754,7 +759,15 @@ export default defineComponent({
fileUp(formData).then((res) => { fileUp(formData).then((res) => {
if (res.data.code === 200) { if (res.data.code === 200) {
// 最后插入图片 url alt href // 最后插入图片 url alt href
insertFn(res.data.data, file.name, res.data.data); console.log(
"上传图片结果",
process.env.VUE_APP_FILE_PATH + res.data.data
);
insertFn(
process.env.VUE_APP_FILE_PATH + res.data.data,
file.name,
res.data.data
);
} }
}); });
}, },

6
src/views/research/components/ResearchAddItem.vue
View File

@@ -64,7 +64,11 @@ export default {
setup(props, { emit }) { setup(props, { emit }) {
const curItem = ref(props.item); const curItem = ref(props.item);
console.log("选项信息", curItem.value, process.env.VUE_APP_FILE_PATH); console.log("选项信息", curItem.value, process.env.VUE_APP_FILE_PATH);
curItem.value.imgVal = process.env.VUE_APP_FILE_PATH + curItem.value.imgVal; if (curItem.value.imgVal) {
curItem.value.imgVal =
process.env.VUE_APP_FILE_PATH + curItem.value.imgVal;
}
const state = reactive({ const state = reactive({
hasImgName: "", hasImgName: "",
}); });