editor.Bds92bRR.js 12 KB

1
  1. import{E as k,S as M,ag as Y}from"./index.DBkxKrhi.js";import{i as Z,d as $,a as ee,b as te,c as oe,U as se}from"./api.Dca_XxcD.js";import{a as le,r as b,w as T,_ as ne,q as ie,aj as p,J as y,o as d,K as u,b as s,c as f,M as I,S as r,P as x,a9 as C,R as U,G as ae,Q as R,u as re}from"./vue.D1BjjNmv.js";import{_ as de}from"./_plugin-vue_export-helper.DlAUqK2U.js";const ue={class:"question-form"},me={class:"form-item"},pe={class:"form-item"},ce={class:"form-item"},fe={class:"competency-config"},ge={class:"tag-name"},_e={class:"form-tip"},ve={class:"form-item"},ye={key:0,class:"form-item"},xe=["onClick"],we={style:{display:"flex","justify-content":"space-between","margin-top":"10px"}},be={class:"form-item"},Ve={class:"form-item"},he={key:1,class:"form-item"},qe={class:"form-item"},ke={class:"form-item"},Ce={class:"dialog-footer"},Ue=le({__name:"editor",props:{questionId:{type:[String,Number],default:""}},setup(S,{expose:j}){const V=S,w=b(!1);T(()=>w.value,n=>{n&&V.questionId&&L(V.questionId)});const L=async n=>{if(n)try{const e=await Z({question_id:n});if((e==null?void 0:e.code)===2e3&&e.data){const o=e.data;t.content=o.question||"",t.type=o.question_form===1?"single":o.question_form===2?"multiple":"open",t.position=o.position_types||[],t.category=o.category_id||"",t.tags=o.tags||[];const i=o.competency_tags||[];t.competency_tags=i,t.options=o.options||[],t.question_form=o.question_form,t.suggestedDuration=o.recommended_duration||0,t.scoring_reference=o.scoring_reference||"",t.is_required_correct=o.is_required_correct,h.value=i.map(a=>a.id)}else k.warning("未找到问题详情数据")}catch(e){console.error("获取问题详情失败:",e),k.error(e.message||"获取问题详情失败")}};T(()=>V.questionId,n=>{console.log(n),L(n)},{immediate:!0}),ie(async()=>{try{const n=await $({page:1,limit:300});console.log(n),n&&n.code===2e3&&n.data&&(E.value=n.data.items.map(a=>({id:a.id,name:a.name,weight:0})));const e=await ee({page:1,limit:50,tenant_id:M.get("tenant_id")});e&&e.code===2e3&&e.data&&(B.value=e.data.map(a=>({value:a.id,label:a.title})));const o=await te({page:1,limit:50,tenant_id:M.get("tenant_id")});o&&o.code===2e3&&o.data.items&&(Q.value=o.data.items.map(a=>({value:a.id,label:a.name})));const i=await oe({page:1,limit:50,tenant_id:M.get("tenant_id")});i&&i.code===2e3&&i.data.items&&(W.value=i.data.items.map(a=>({value:a.id,label:a.name})))}catch(n){console.error("加载选项数据失败:",n),k.error("加载选项数据失败")}});const t=ne({content:"",type:"open",position:[],category:"",tags:[],competency_tags:[],options:[],question_form:0,suggestedDuration:0,scoring_reference:"",is_required_correct:!1}),h=b([]),E=b([]);T(()=>h.value,n=>{if(n&&(t.competency_tags=n.map(e=>{const o=E.value.find(i=>i.id===e);return{id:(o==null?void 0:o.id)||0,name:(o==null?void 0:o.name)||"",weight:(o==null?void 0:o.weight)||0}}),t.competency_tags.length>0)){const e=Math.floor(100/t.competency_tags.length),o=100-e*t.competency_tags.length;t.competency_tags.forEach((i,a)=>{i.weight=e+(a===0?o:0)})}});const B=b([]),Q=b([]),W=b([]),G=()=>t.competency_tags.reduce((n,e)=>n+(e.weight||0),0),F=(n,e)=>{const o=t.competency_tags;if(!o||o.length<=1)return;const i=o[n].weight,a=e-i;if(a===0)return;const q=o.reduce((m,g,_)=>_!==n?m+g.weight:m,0);if(q===0){const m=100-e,g=Math.floor(m/(o.length-1)),_=m-g*(o.length-1);o.forEach((O,v)=>{v!==n&&(O.weight=g+(v===0?_:0))})}else o.forEach((m,g)=>{if(g!==n){const _=m.weight/q;m.weight=Math.max(0,Math.round(m.weight-a*_))}})},z=n=>{t.question_form=n==="single"?1:n==="multiple"?2:0,n==="single"||n==="multiple"?(!t.options||t.options.length===0)&&(t.options=[{text:"",is_correct:!1,sort:1},{text:"",is_correct:!1,sort:2}]):t.options=[]},A=n=>{t.question_form===1&&t.options.forEach((e,o)=>{e.is_correct=o===n})},P=()=>{const n=t.options.length>0?Math.max(...t.options.map(e=>e.sort||0))+1:1;t.options.push({text:"",is_correct:!1,sort:n})},J=()=>{t.options&&t.options.length>2&&t.options.pop()},N=()=>{t.content="",t.type="open",t.position=[],t.category="",t.tags=[],t.competency_tags=[],t.options=[],t.suggestedDuration=0,t.scoring_reference="",t.is_required_correct=!1,h.value=[]},K=()=>{N(),w.value=!1},H=async()=>{try{const n={id:V.questionId,question:t.content,question_form:t.question_form,position_types:t.position,category_id:t.category,tags:t.tags,competency_tags:t.competency_tags,options:t.options,recommended_duration:t.suggestedDuration,scoring_reference:t.scoring_reference,is_required_correct:t.is_required_correct};try{const e=await se(n);if(e&&e.code===2e3)k.success(V.questionId?"编辑成功":"添加成功"),w.value=!1,window.dispatchEvent(new CustomEvent("refreshQuestionList"));else throw new Error(e.msg||"保存失败")}catch(e){throw new Error(e.message||"保存失败")}}catch(n){console.error("保存问题失败:",n),k.error(n.message||"保存失败")}};return j({showQuestionDialog:w}),(n,e)=>{const o=p("el-input"),i=p("el-option"),a=p("el-select"),q=p("el-input-number"),m=p("el-icon"),g=p("el-radio"),_=p("el-checkbox"),O=p("el-tooltip"),v=p("el-button"),X=p("el-dialog");return d(),y(X,{title:"编辑问题",modelValue:w.value,"onUpdate:modelValue":e[8]||(e[8]=l=>w.value=l),width:"500px","close-on-click-modal":!1,class:"question-dialog",onClose:N},{footer:u(()=>[s("span",Ce,[r(v,{onClick:K},{default:u(()=>e[34]||(e[34]=[x("取消")])),_:1}),r(v,{type:"primary",onClick:H},{default:u(()=>e[35]||(e[35]=[x("确认")])),_:1})])]),default:u(()=>[s("div",ue,[s("div",me,[e[9]||(e[9]=s("div",{class:"form-label"},[x(" 题目内容"),s("span",{class:"required"},"*")],-1)),r(o,{modelValue:t.content,"onUpdate:modelValue":e[0]||(e[0]=l=>t.content=l),type:"textarea",rows:"4",placeholder:"请描述一次你如何在紧迫的时间内完成一个复杂的后端开发任务的经历",maxlength:"300","show-word-limit":""},null,8,["modelValue"])]),s("div",pe,[e[10]||(e[10]=s("div",{class:"form-label"},"胜任力标签",-1)),r(a,{modelValue:h.value,"onUpdate:modelValue":e[1]||(e[1]=l=>h.value=l),placeholder:"请选择胜任力标签",class:"full-width",multiple:""},{default:u(()=>[(d(!0),f(U,null,C(E.value,l=>(d(),y(i,{key:l.id,label:l.name,value:l.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[11]||(e[11]=s("div",{class:"form-tip"},"选择胜任力标签和胜任力标签,可多选",-1))]),s("div",ce,[e[17]||(e[17]=s("div",{class:"form-label"}," 胜任力配置 ",-1)),s("div",fe,[e[13]||(e[13]=s("div",{class:"config-row"},[s("span",{class:"config-label"},"标签"),s("span",{class:"config-label"},"权重")],-1)),(d(!0),f(U,null,C(t.competency_tags,(l,D)=>(d(),f("div",{class:"config-row",key:l.id},[s("span",ge,R(l.name),1),r(q,{modelValue:l.weight,"onUpdate:modelValue":c=>l.weight=c,min:0,max:100,step:1,"controls-position":"right",onChange:c=>F(D,c)},null,8,["modelValue","onUpdate:modelValue","onChange"]),e[12]||(e[12]=x(" % "))]))),128))]),s("div",_e,[e[14]||(e[14]=x(" 配置各个胜任力标签的权重,总和需要100% ")),s("span",{class:ae(["weight-sum",{"weight-error":G()!==100}])}," (当前总计: "+R(G())+"%) ",3),e[15]||(e[15]=s("br",null,null,-1)),r(m,{style:{color:"#409eff","margin-right":"4px","margin-top":"4px"}},{default:u(()=>[r(re(Y))]),_:1}),e[16]||(e[16]=s("span",{style:{color:"#909399","font-size":"11px"}},' 修改任意权重时,其他权重会自动按比例调整以保持总和为100%。点击"平均分配"可快速平均分配所有权重。 ',-1))])]),s("div",ve,[e[18]||(e[18]=s("div",{class:"form-label"},"题目形式",-1)),r(a,{modelValue:t.type,"onUpdate:modelValue":e[2]||(e[2]=l=>t.type=l),placeholder:"开放问题",class:"full-width",onChange:z},{default:u(()=>[r(i,{label:"开放问题",value:"open"}),r(i,{label:"单选题",value:"single"}),r(i,{label:"多选题",value:"multiple"}),r(i,{label:"填空题",value:"fill"}),r(i,{label:"自言语",value:"self"})]),_:1},8,["modelValue"]),e[19]||(e[19]=s("div",{class:"form-tip"},"选择题目的形式:开放问题、单选题、多选题、填空题、自言语",-1))]),t.question_form===1||t.question_form===2?(d(),f("div",ye,[e[23]||(e[23]=s("div",{class:"form-label"},"选项",-1)),s("div",null,[e[22]||(e[22]=s("div",{class:"option-header",style:{display:"flex","margin-bottom":"10px","font-weight":"bold"}},[s("span",{style:{flex:"1"}},"选项内容"),s("span",{style:{width:"80px","text-align":"center"}},"是否正确")],-1)),(d(!0),f(U,null,C(t.options,(l,D)=>(d(),f("div",{key:D,class:"option-item",style:{display:"flex","align-items":"center","margin-bottom":"10px"}},[r(o,{modelValue:l.text,"onUpdate:modelValue":c=>l.text=c,placeholder:"请输入选项内容",style:{flex:"1","margin-right":"10px"}},null,8,["modelValue","onUpdate:modelValue"]),r(O,{content:"设置为正确答案",placement:"top",effect:"light"},{default:u(()=>[s("div",{onClick:()=>A(D),style:{cursor:"pointer",width:"80px","text-align":"center"}},[t.question_form===1?(d(),y(g,{key:0,modelValue:l.is_correct,"onUpdate:modelValue":c=>l.is_correct=c,label:!0},null,8,["modelValue","onUpdate:modelValue"])):(d(),y(_,{key:1,modelValue:l.is_correct,"onUpdate:modelValue":c=>l.is_correct=c},null,8,["modelValue","onUpdate:modelValue"]))],8,xe)]),_:2},1024)]))),128)),s("div",we,[r(v,{type:"primary",onClick:P},{default:u(()=>e[20]||(e[20]=[x(" 添加选项 ")])),_:1}),t.options&&t.options.length>2?(d(),y(v,{key:0,type:"danger",onClick:J},{default:u(()=>e[21]||(e[21]=[x(" 删除最后一项 ")])),_:1})):I("",!0)])]),e[24]||(e[24]=s("div",{class:"form-tip"},"添加选项并设置正确答案,单选题只能有一个正确答案,多选题可以有多个正确答案",-1))])):I("",!0),s("div",be,[e[25]||(e[25]=s("div",{class:"form-label"},"分类",-1)),r(a,{modelValue:t.category,"onUpdate:modelValue":e[3]||(e[3]=l=>t.category=l),placeholder:"请选择题目分类",class:"full-width"},{default:u(()=>[(d(!0),f(U,null,C(Q.value,l=>(d(),y(i,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[26]||(e[26]=s("div",{class:"form-tip"},"选择题目所属分类",-1))]),s("div",Ve,[e[27]||(e[27]=s("div",{class:"form-label"},"标签",-1)),r(a,{modelValue:t.tags,"onUpdate:modelValue":e[4]||(e[4]=l=>t.tags=l),placeholder:"请选择标签",class:"full-width",multiple:""},{default:u(()=>[(d(!0),f(U,null,C(W.value,l=>(d(),y(i,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[28]||(e[28]=s("div",{class:"form-tip"},"选择题目相关标签,可多选",-1))]),t.question_form===1?(d(),f("div",he,[e[29]||(e[29]=s("div",{class:"form-label"},"是否为红线题",-1)),r(a,{modelValue:t.is_required_correct,"onUpdate:modelValue":e[5]||(e[5]=l=>t.is_required_correct=l),placeholder:"请选择是否为红线问题",style:{width:"100%"}},{default:u(()=>[r(i,{label:"否",value:!1}),r(i,{label:"是",value:!0})]),_:1},8,["modelValue"])])):I("",!0),s("div",qe,[e[30]||(e[30]=s("div",{class:"form-label"},"建议时长(秒)",-1)),r(q,{modelValue:t.suggestedDuration,"onUpdate:modelValue":e[6]||(e[6]=l=>t.suggestedDuration=l),min:0,step:1,"controls-position":"right",placeholder:"请输入建议回答时长",class:"full-width"},null,8,["modelValue"]),e[31]||(e[31]=s("div",{class:"form-tip"},"建议回答题目的时长,单位为秒",-1))]),s("div",ke,[e[32]||(e[32]=s("div",{class:"form-label"},"评价标准",-1)),r(o,{modelValue:t.scoring_reference,"onUpdate:modelValue":e[7]||(e[7]=l=>t.scoring_reference=l),type:"textarea",rows:"4",placeholder:"评分标准说明,例如:【团队协作能力】1.优秀:xxxxxx。2.xxxx。3.一般:xxxxx。",class:"full-width"},null,8,["modelValue"]),e[33]||(e[33]=s("div",{class:"form-tip"},"评分标准说明,例如:【团队协作能力】1.优秀:xxxxxx。2.xxxx。3.一般:xxxxx。",-1))])])]),_:1},8,["modelValue"])}}}),Te=de(Ue,[["__scopeId","data-v-1d9ccb2f"]]);export{Te as default};