fix:修改学员操作样式

This commit is contained in:
lixg
2022-12-19 17:33:25 +08:00
parent ca49ab9dfc
commit ff2a15ae1f
6 changed files with 443 additions and 406 deletions

View File

@@ -2036,15 +2036,17 @@
<div class="cstm_items main_item">
<div class="signbox"></div>
<div class="btnbox">
<button class="xkbtn" @click="showDrawerAddHomework">配置作业</button>
<button class="xkbtn" @click="showDrawerAddHomework">
配置作业
</button>
<div v-if="EditWorkId > 0">
<a-tag closable @close="logW" color="processing">
<span style="font-size: 14px; line-height: 33px">
{{ workName }}
</span>
</a-tag>
</div>
<add-homework
</div>
<add-homework
v-model:addhomeworkVisible="addhomeworkvisible"
@getWork="getWork"
:faceLevel="true"
@@ -2063,8 +2065,8 @@
{{ testName }}
</span>
</a-tag>
</div>
<add-test
</div>
<add-test
v-model:addtestVisible="addtestvisible"
v-model:EditTestId="EditTestId"
v-model:testName="testName"
@@ -2277,167 +2279,167 @@
</div>
<div class="stmm_i5">
<TableStudent :type="3" :id="offcourseId" :columns="stuColumns">
<!-- <template #extension = "data">-->
<!-- <div style="display: flex">-->
<!-- <button @click="handlJoinStu(data)">成绩录入</button>-->
<!-- </div>-->
<!-- </template>-->
<!-- <template #extension = "data">-->
<!-- <div style="display: flex">-->
<!-- <button @click="handlJoinStu(data)">成绩录入</button>-->
<!-- </div>-->
<!-- </template>-->
</TableStudent>
</div>
<div class="tableBox" style="margin-top: 20px">
<!-- <a-table-->
<!-- :columns="columns7"-->
<!-- :data-source="tableData7"-->
<!-- :loading="tableDataTotal3 === -1 ? true : false"-->
<!-- :scroll="{ x: 800 }"-->
<!-- expandRowByClick="true"-->
<!-- @expand="expandTable"-->
<!-- :pagination="false"-->
<!-- :row-selection="{-->
<!-- selectedRowKeys: selectedRowKeys7,-->
<!-- onChange: onSelectChange7,-->
<!-- }"-->
<!-- >-->
<!-- <template #bodyCell="{ record, column }">-->
<!-- &lt;!&ndash; 操作1 &ndash;&gt;-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '0' ||-->
<!-- record.status === '待审核') &&-->
<!-- column.key === 'overstatus'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-</span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '-1' ||-->
<!-- record.status === '已拒绝') &&-->
<!-- column.key === 'overstatus'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-</span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '1' ||-->
<!-- record.status === '已通过') &&-->
<!-- column.key === 'overstatus'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handlJoinStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 成绩录入-->
<!-- </a>-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleOverStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 结业-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- &lt;!&ndash; 操作2 &ndash;&gt;-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '0' ||-->
<!-- record.status === '待审核') &&-->
<!-- column.key === 'operation'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleSucessStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 通过-->
<!-- </a>-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleRejectStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 拒绝-->
<!-- </a>-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleDeleteStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 删除-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '1' ||-->
<!-- record.status === '已通过') &&-->
<!-- column.key === 'operation'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleDeleteStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 删除-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '-1' ||-->
<!-- record.status === '已拒绝') &&-->
<!-- column.key === 'operation'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleDeleteStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 删除-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- </template>-->
<!-- </a-table>-->
<!-- <div class="tableBox" style="margin-top: 50px">-->
<!-- <div class="pa">-->
<!-- <a-pagination-->
<!-- :showSizeChanger="false"-->
<!-- showQuickJumper="true"-->
<!-- hideOnSinglePage="true"-->
<!-- :pageSize="pageSize3"-->
<!-- :current="currentPage3"-->
<!-- :total="tableDataTotal3"-->
<!-- class="pagination"-->
<!-- @change="handelChangePage3"-->
<!-- />-->
<!-- </div>-->
<!-- </div>-->
<!-- <a-table-->
<!-- :columns="columns7"-->
<!-- :data-source="tableData7"-->
<!-- :loading="tableDataTotal3 === -1 ? true : false"-->
<!-- :scroll="{ x: 800 }"-->
<!-- expandRowByClick="true"-->
<!-- @expand="expandTable"-->
<!-- :pagination="false"-->
<!-- :row-selection="{-->
<!-- selectedRowKeys: selectedRowKeys7,-->
<!-- onChange: onSelectChange7,-->
<!-- }"-->
<!-- >-->
<!-- <template #bodyCell="{ record, column }">-->
<!-- &lt;!&ndash; 操作1 &ndash;&gt;-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '0' ||-->
<!-- record.status === '待审核') &&-->
<!-- column.key === 'overstatus'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-</span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '-1' ||-->
<!-- record.status === '已拒绝') &&-->
<!-- column.key === 'overstatus'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-</span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '1' ||-->
<!-- record.status === '已通过') &&-->
<!-- column.key === 'overstatus'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handlJoinStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 成绩录入-->
<!-- </a>-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleOverStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 结业-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- &lt;!&ndash; 操作2 &ndash;&gt;-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '0' ||-->
<!-- record.status === '待审核') &&-->
<!-- column.key === 'operation'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleSucessStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 通过-->
<!-- </a>-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleRejectStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 拒绝-->
<!-- </a>-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleDeleteStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 删除-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '1' ||-->
<!-- record.status === '已通过') &&-->
<!-- column.key === 'operation'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleDeleteStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 删除-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- <template-->
<!-- v-if="-->
<!-- (String(record.applyStatus) === '-1' ||-->
<!-- record.status === '已拒绝') &&-->
<!-- column.key === 'operation'-->
<!-- "-->
<!-- >-->
<!-- <span class="table-operation">-->
<!-- <a-->
<!-- @click="-->
<!-- () => {-->
<!-- handleDeleteStu(record);-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- 删除-->
<!-- </a>-->
<!-- </span>-->
<!-- </template>-->
<!-- </template>-->
<!-- </a-table>-->
<!-- <div class="tableBox" style="margin-top: 50px">-->
<!-- <div class="pa">-->
<!-- <a-pagination-->
<!-- :showSizeChanger="false"-->
<!-- showQuickJumper="true"-->
<!-- hideOnSinglePage="true"-->
<!-- :pageSize="pageSize3"-->
<!-- :current="currentPage3"-->
<!-- :total="tableDataTotal3"-->
<!-- class="pagination"-->
<!-- @change="handelChangePage3"-->
<!-- />-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
@@ -2536,10 +2538,10 @@
</div>
</div>
<div class="qrm_btnbox">
<div class="qrm_btn btn1" @click="rg_exit">
<div class="qrm_btn btn1" @click="rg_exit">
<div class="btnText">取消</div>
</div>
<div class="qrm_btn btn2" @click="handleJoin">
<div class="qrm_btn btn2" @click="handleJoin">
<div class="btnText">确定</div>
</div>
</div>
@@ -2935,26 +2937,26 @@ const columns1 = [
return text ? text : "-";
},
},
// {
// title: "学习人数",
// width: 130,
// {
// title: "学习人数",
// width: 130,
// dataIndex: "stunum",
// key: "4",
// align: "center",
// align: "center",
// customRender: ({ text }) => {
// // return text ? text : "0";
// },
// },
// {
// },
// {
// title: "评分",
// width: 130,
// dataIndex: "grade",
// key: "5",
// key: "5",
// align: "center",
// customRender: ({ text }) => {
// return text ? text : "0";
// customRender: ({ text }) => {
// return text ? text : "0";
// },
// },
// },
{
title: "状态",
width: 130,
@@ -3303,38 +3305,38 @@ const columns7 = [
}
},
},
{
title: "签到状态",
width: 200,
dataIndex: "signstatus",
key: "7",
align: "center",
customRender: ({ record }) => {
switch (String(record.signStatus)) {
case "0":
return "未签到";
case "1":
return "已签到";
case "2":
return "请假";
}
},
},
{
title: "评估状态",
width: 200,
dataIndex: "evastatus",
key: "8",
align: "center",
customRender: ({ record }) => {
switch (String(record.evalStatus)) {
case "0":
return "未评估";
case "1":
return "已评估";
}
},
},
// {
// title: "签到状态",
// width: 200,
// dataIndex: "signstatus",
// key: "7",
// align: "center",
// customRender: ({ record }) => {
// switch (String(record.signStatus)) {
// case "0":
// return "未签到";
// case "1":
// return "已签到";
// case "2":
// return "请假";
// }
// },
// },
// {
// title: "评估状态",
// width: 200,
// dataIndex: "evastatus",
// key: "8",
// align: "center",
// customRender: ({ record }) => {
// switch (String(record.evalStatus)) {
// case "0":
// return "未评估";
// case "1":
// return "已评估";
// }
// },
// },
// {
// title: "结业状态",
// width: 100,
@@ -3392,10 +3394,10 @@ export default defineComponent({
const CourseModalRef = ref(null);
const state = reactive({
stuColumns:[
stuColumns: [
{
title: "报名状态",
width: '10%',
width: "10%",
dataIndex: "status",
key: "5",
align: "center",
@@ -3412,7 +3414,7 @@ export default defineComponent({
},
{
title: "加入方式",
width: '10%',
width: "10%",
dataIndex: "join",
key: "6",
align: "center",
@@ -3425,38 +3427,38 @@ export default defineComponent({
}
},
},
{
title: "签到状态",
width: '10%',
dataIndex: "signstatus",
key: "7",
align: "center",
customRender: ({ record }) => {
switch (String(record.signStatus)) {
case "0":
return "未签到";
case "1":
return "已签到";
case "2":
return "请假";
}
},
},
{
title: "评估状态",
width: '10%',
dataIndex: "evastatus",
key: "8",
align: "center",
customRender: ({ record }) => {
switch (String(record.evalStatus)) {
case "0":
return "未评估";
case "1":
return "已评估";
}
},
},
// {
// title: "签到状态",
// width: '10%',
// dataIndex: "signstatus",
// key: "7",
// align: "center",
// customRender: ({ record }) => {
// switch (String(record.signStatus)) {
// case "0":
// return "未签到";
// case "1":
// return "已签到";
// case "2":
// return "请假";
// }
// },
// },
// {
// title: "评估状态",
// width: '10%',
// dataIndex: "evastatus",
// key: "8",
// align: "center",
// customRender: ({ record }) => {
// switch (String(record.evalStatus)) {
// case "0":
// return "未评估";
// case "1":
// return "已评估";
// }
// },
// },
],
shipType: 1,
addLoading: false,
@@ -3678,7 +3680,7 @@ export default defineComponent({
imageUrl: "",
imgList: [],
validate:true,
validate: true,
pageSize2: 10,
currentPage2: 0,
@@ -3717,16 +3719,16 @@ export default defineComponent({
addStudentList: null, //选中列表
newCourseName: null, //新建开课名称
EditWorkId:null,
EditWorkId: null,
assessment: {},
assessmentId: null,
workName:null,
EditTestId:null,
testName:null,
workName: null,
EditTestId: null,
testName: null,
assessmentName: "",
assessmentVisible: false,
addhomeworkvisible:false,
addtestvisible:false,
addhomeworkvisible: false,
addtestvisible: false,
codevisible: false, //二维码弹窗
codeInfo: null, //二维码内容
codeUrl: codeUrl,
@@ -4035,7 +4037,6 @@ export default defineComponent({
let startTime = "";
let endTime = "";
if (state.projectTime) {
startTime = toDate(
new Date(state.projectTime[0].$d).getTime() / 1000,
"Y-M-D"
@@ -4044,7 +4045,6 @@ export default defineComponent({
new Date(state.projectTime[1].$d).getTime() / 1000,
"Y-M-D"
);
}
let res = await list({
pageNo: state.currentPage1,
@@ -4276,7 +4276,7 @@ export default defineComponent({
const showDrawerAddTest = () => {
state.addtestvisible = true;
};
const logW = (e) => {
const logW = (e) => {
state.EditWorkId = null;
console.log(e);
};
@@ -4838,7 +4838,7 @@ export default defineComponent({
state.assessmentId = null;
state.assessmentName = "";
state.EditWorkId = null;
removePG();
};
//保存开课
@@ -4863,7 +4863,7 @@ export default defineComponent({
beginTime: startTime,
completeType: type,
endTime: endTime,
evalFlag: Number(state.assessmentId) >0 &&state.checked4 ? 1 : 0,
evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0,
evaluateId: Number(state.assessmentId),
testId: state.EditTestId,
homeWorkId: state.EditWorkId,
@@ -4910,25 +4910,26 @@ export default defineComponent({
if (res.data.code === 200) return res.data.data;
});
if(item.evaluateId){
api
.queryAppraiseDetailById({assessmentId: item.evaluateId})
.then((res) => {
state.assessmentName = res.data.data.assessmentName;
})
.catch();
}
if(item.homeWorkId){
queryWorkDetailById({workId:item.homeWorkId}).then((res)=>{
if (item.evaluateId) {
api
.queryAppraiseDetailById({ assessmentId: item.evaluateId })
.then((res) => {
state.assessmentName = res.data.data.assessmentName;
})
.catch();
}
if (item.homeWorkId) {
queryWorkDetailById({ workId: item.homeWorkId }).then((res) => {
state.workName = res.data.data.workName;
});
}
if(item.testId){
queryExaminationDetailById({ examinationId: item.testId }).then((res)=>{
state.testName = res.data.data.examinationName;
});
}
}
if (item.testId) {
queryExaminationDetailById({ examinationId: item.testId }).then(
(res) => {
state.testName = res.data.data.examinationName;
}
);
}
console.log("res");
console.log("获取面授课详情", item);