afterWorkDetail-5a408e6e.js 6.9 KB

1
  1. import{s as n,k as B,l as M,m as R}from"./api-3dd72547.js";import{S as Y,C as U}from"./index-88407a1c.js";import{P as q}from"./index-33bd5e7d.js";import{d as S,e as I,r as m,b as V,q as L,f as e,o as p,k as s,c0 as D,B as y,j as f,a as H,N as W,g as w,D as h,A as $,z as j}from"./index-702a142a.js";import{g as b,a as k,C as P}from"./dateFormat-6e88ffba.js";import{d as N}from"./teacherIcon-b8e3946d.js";import{t as O}from"./searchArray-eb861e41.js";import{T as z}from"./index-8aa33afc.js";import{e as G}from"./contants-b6f97632.js";const K=""+new URL("nosub-edbc4601.png",import.meta.url).href,Q=""+new URL("qualified-5f6fc5ac.png",import.meta.url).href,X=""+new URL("unqualified-89af2593.png",import.meta.url).href,Z=S({props:{activeRow:{type:Object,default:()=>({studentLessonTrainingId:""})},total:{type:Number,default:0},current:{type:Number,default:0}},name:"TrainingDetails",emits:["close","next","pre"],setup(d,{emit:T,expose:a}){I({uploading:!1});const i=m({studentName:"",submitTime:"",trainingStatus:"",studentAvatar:"",studentLessonTrainingDetails:[]});V(),m();const c=(u,r)=>{let l=[];return u==="EVALUATION"?(l=[`${G[r.evaluateDifficult]}`,"全部小节",`速度${r.evaluateSpeed}`,`${r.trainingTimes}分合格`],console.log("configJson.evaluateDifficult--",l)):(l=[`${r.practiceChapterBegin}-${r.practiceChapterEnd}小节`,`速度${r.practiceSpeed}`,`${r.trainingTimes}分钟`],console.log("configJson.evaluateDifficult",l)),l},o=async()=>{try{const u=await B({studentLessonTrainingId:d.activeRow.studentLessonTrainingId}),r=u.data.studentLessonTrainingDetails.map(l=>{const g=c(l.trainingType,JSON.parse(l.trainingContent));return{...l,coverImg:l.titleImg,allTimes:JSON.parse(l.trainingContent).trainingTimes,typeList:g||[]}});i.value={...u.data,studentLessonTrainingDetails:r},console.log(i.value.studentLessonTrainingDetails)}catch(u){console.log(u)}};return a({getTrainingDetail:o}),L(()=>{o()}),()=>e("div",{class:[n.trainingDetails]},[e("div",{class:n.studentList},[e("div",{class:n.studentHeaderWrap},[e("div",{class:n.studentHeader},[e("div",{class:n.studentHeaderBorder},[e(p,{class:n.studentHeaderImg,src:i.value.studentAvatar?i.value.studentAvatar:N,previewDisabled:!0},null)])]),e("div",{class:n.workafterInfo},[e("h4",null,[i.value.studentName," ",e("div",{class:n.workafterInfoDot},[s("学生")])]),e("p",null,[s("提交时间:"),i.value.submitTime?D(new Date(i.value.submitTime)).format("YYYY-MM-DD"):"--"])])]),i.value.trainingStatus=="UNSUBMITTED"?e(p,{previewDisabled:!0,class:n.workStatus,src:K},null):null,i.value.trainingStatus=="SUBMITTED"?e(p,{previewDisabled:!0,class:n.workStatus,src:X},null):null,i.value.trainingStatus=="TARGET"?e(p,{previewDisabled:!0,class:n.workStatus,src:Q},null):null]),e("div",{class:n.workList},[i.value.studentLessonTrainingDetails.map(u=>e(z,{isDisabled:!0,isDelete:!1,item:u},null))]),e(y,{class:n.btnGroups,justify:"space-between"},{default:()=>[e("div",{class:n.allTotal},[d.current,s("/"),d.total,s("名学生")]),e("div",null,[e(y,null,{default:()=>[e(f,{disabled:d.current<=1,round:!0,type:"primary",onClick:()=>{T("pre")}},{default:()=>[s("上一名")]}),e(f,{disabled:d.current>=d.total,round:!0,type:"primary",onClick:()=>{T("next")}},{default:()=>[s("下一名")]})]})])]})])}}),re=S({name:"student-studentList",setup(d,{emit:T}){const a=I({searchForm:{keyword:"",trainingStatus:null},loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],workInfo:{createTime:"",expireDate:"",teacherAvatar:"",teacherName:""},detailVisiable:!1,activeRow:null,index:0}),i=m([b(new Date().getTime()),k(new Date().getTime())]),c=m(),o=H(),u=m([{name:"班级管理",path:"/classList"},{name:o.query.name,path:"/classDetail"},{name:o.query.teacherName,path:"/afterWorkDetail"}]),r=()=>{a.pagination.page=1,g(),console.log("search",a)},l=()=>{a.searchForm={keyword:"",trainingStatus:null},i.value=[b(new Date().getTime()),k(new Date().getTime())],r()},g=async()=>{a.loading=!0;try{const t=await M({trainingId:o.query.trainingId,...a.searchForm,...a.pagination});a.tableList=t.data.rows,a.pagination.pageTotal=t.data.total,a.loading=!1}catch(t){a.loading=!1,console.log(t)}},F=async()=>{console.log(o.query);try{const t=await R({trainingId:o.query.trainingId});a.workInfo={...t.data}}catch(t){console.log(t)}},A=(t,v)=>{console.log(v,"index"),a.index=v+1,a.activeRow=t,a.detailVisiable=!0};L(()=>{F(),g()});const C=()=>[{title:"学生姓名",key:"studentName"},{title:"最后提交时间",key:"submitTime",render(t){return t.submitTime?D(t.submitTime).format("YYYY-MM-DD"):"--"}},{title:"训练状态",key:"sex",render(t){return e("div",null,[t.trainingStatus=="UNSUBMITTED"?e("p",{class:n.nosub},[s("未提交")]):null,t.trainingStatus=="SUBMITTED"?e("p",{class:n.ison},[s("不合格")]):null,t.trainingStatus=="TARGET"?e("p",{class:n.isok},[s("合格")]):null])}},{title:"操作",key:"id",render(t,v){return e(f,{text:!0,type:"primary",onClick:()=>{A(t,v)}},{default:()=>[s("详情")]})}}],E=()=>{a.index++,a.activeRow=a.tableList[a.index-1],c.value.getTrainingDetail()},x=()=>{a.index--,a.activeRow=a.tableList[a.index-1],c.value.getTrainingDetail()};return()=>e("div",null,[e(P,{list:u.value},null),e("div",{class:n.listWrap},[e("div",{class:n.teacherList},[e("div",{class:n.teacherHeader},[e("div",{class:n.teacherHeaderBorder},[e(p,{class:n.teacherHeaderImg,src:a.workInfo.teacherAvatar?a.workInfo.teacherAvatar:N,previewDisabled:!0},null)])]),e("div",{class:n.workafterInfo},[e("h4",null,[a.workInfo.teacherName]),e("p",null,[s("布置时间:"),D(a.workInfo.createTime).format("YYYY-MM-DD"),s(" |")," ",e("span",null,[s("截止时间:"),D(a.workInfo.expireDate).format("YYYY-MM-DD")])])])]),e("div",{class:n.searchList},[e(W,{"label-placement":"left",inline:!0},{default:()=>[e(w,null,{default:()=>[e(Y,h({placeholder:"请输入学生姓名"},{class:n.searchInput,searchWord:a.searchForm.keyword,onChangeValue:t=>a.searchForm.keyword=t}),null)]}),e(w,null,{default:()=>[e(U,h({options:[{label:"训练状态",value:null},...O],placeholder:"训练状态",clearable:!0,inline:!0},{value:a.searchForm.trainingStatus,"onUpdate:value":t=>a.searchForm.trainingStatus=t}),null)]}),e(w,null,{default:()=>[e(y,{justify:"end"},{default:()=>[e(f,{type:"primary",class:"searchBtn",onClick:r},{default:()=>[s("搜索")]}),e(f,{type:"primary",ghost:!0,class:"resetBtn",onClick:l},{default:()=>[s("重置")]})]})]})]})]),e("div",{class:n.tableWrap},[e($,{class:n.classTable,loading:a.loading,columns:C(),data:a.tableList},null),e(q,{page:a.pagination.page,"onUpdate:page":t=>a.pagination.page=t,pageSize:a.pagination.rows,"onUpdate:pageSize":t=>a.pagination.rows=t,pageTotal:a.pagination.pageTotal,"onUpdate:pageTotal":t=>a.pagination.pageTotal=t,onList:g,sync:!0,saveKey:"orchestraRegistration-key"},null)])]),e(j,{show:a.detailVisiable,"onUpdate:show":t=>a.detailVisiable=t,preset:"card",class:["modalTitle background",n.wordDetailModel],title:"训练详情"},{default:()=>[e(Z,{onNext:()=>E(),onPre:()=>x(),ref:c,onClose:()=>a.detailVisiable=!1,total:a.tableList.length,current:a.index,activeRow:a.activeRow},null)]})])}});export{re as default};