2 lines
7.0 KiB
JavaScript
2 lines
7.0 KiB
JavaScript
import{g as T,h as f,i as U,r as a,o as g,j as D,w as t,a as B,b as e,e as i,c as R,s as j,J as N,O as $,_ as O}from"./index.0f539a17.js";import{u as z}from"./system.8d92d643.js";const H={class:"dialog-footer"},I=T({__name:"userDialog",setup(q,{expose:E}){const m=f(),p=f(!1),c=f("\u65B0\u589E\u7528\u6237"),w=U({nickname:[{required:!0,message:"\u8BF7\u8F93\u5165\u6635\u79F0",trigger:"blur"},{min:3,max:5,message:"\u957F\u5EA6\u5728 3 \u5230 5 \u4E2A\u5B57\u7B26",trigger:"blur"}],username:[{required:!0,message:"\u8BF7\u8F93\u5165",trigger:"blur"}],role:[{required:!0,message:"\u8BF7\u9009\u62E9\u89D2\u8272",trigger:"change"}],sex:[{required:!0,message:"\u8BF7\u9009\u62E9\u6027\u522B",trigger:"change"}]}),o=U({username:"",nickname:null,sex:"\u7537",role:null,photo:null,password:null,describe:null,status:!0});function x(){m.value.resetFields(),Object.keys(o).forEach(n=>{n==="sex"?o[n]="\u7537":n==="status"?o[n]=!0:o[n]=null})}const h=(n={})=>{c.value="\u65B0\u589E\u7528\u6237",n.username&&(c.value="\u7F16\u8F91\u7528\u6237",Object.keys(n).forEach(u=>{o[u]=n[u]})),p.value=!0},C=async n=>{await m.value.validate((u,s)=>{u?(p.value=!1,console.log("submit!",o)):console.log("error submit!",s)})};return E({show:h}),(n,u)=>{const s=a("el-input"),d=a("el-form-item"),F=a("el-radio"),_=a("el-radio-group"),b=a("el-option"),A=a("el-select"),y=a("el-switch"),r=a("el-form"),v=a("el-button"),k=a("el-dialog");return g(),D(k,{onClose:x,modelValue:p.value,"onUpdate:modelValue":u[10]||(u[10]=l=>p.value=l),title:c.value,width:"50%"},{footer:t(()=>[B("span",H,[e(v,{onClick:u[8]||(u[8]=l=>p.value=!1)},{default:t(()=>[i("\u53D6\u6D88")]),_:1}),e(v,{type:"primary",onClick:u[9]||(u[9]=l=>C(m.value))},{default:t(()=>[i("\u786E\u5B9A")]),_:1})])]),default:t(()=>[e(r,{ref_key:"ruleFormRef",ref:m,model:o,rules:w,"label-width":"100px"},{default:t(()=>[e(d,{label:"\u7528\u6237\u540D",prop:"username"},{default:t(()=>[e(s,{modelValue:o.username,"onUpdate:modelValue":u[0]||(u[0]=l=>o.username=l),placeholder:"\u8BF7\u8F93\u5165\u7528\u6237\u540D"},null,8,["modelValue"])]),_:1}),e(d,{label:"\u6635\u79F0",prop:"nickname"},{default:t(()=>[e(s,{modelValue:o.nickname,"onUpdate:modelValue":u[1]||(u[1]=l=>o.nickname=l),placeholder:"\u8BF7\u8F93\u5165\u6635\u79F0"},null,8,["modelValue"])]),_:1}),e(d,{label:"\u6027\u522B",prop:"sex"},{default:t(()=>[e(_,{modelValue:o.sex,"onUpdate:modelValue":u[2]||(u[2]=l=>o.sex=l)},{default:t(()=>[e(F,{label:"\u7537"},{default:t(()=>[i("\u7537")]),_:1}),e(F,{label:"\u5973"},{default:t(()=>[i("\u5973")]),_:1})]),_:1},8,["modelValue"])]),_:1}),e(d,{label:"\u5173\u8054\u89D2\u8272",prop:"role"},{default:t(()=>[e(A,{modelValue:o.role,"onUpdate:modelValue":u[3]||(u[3]=l=>o.role=l),placeholder:"\u8BF7\u9009\u62E9",style:{width:"100%"}},{default:t(()=>[(g(),D(b,{label:"\u8D85\u7EA7\u7BA1\u7406\u5458",value:"\u8D85\u7EA7\u7BA1\u7406\u5458",key:0})),(g(),D(b,{label:"\u7BA1\u7406\u5458",value:"\u7BA1\u7406\u5458",key:1})),(g(),D(b,{label:"\u666E\u901A\u7528\u6237",value:"\u666E\u901A\u7528\u6237",key:2}))]),_:1},8,["modelValue"])]),_:1}),e(d,{label:"\u624B\u673A\u53F7",prop:"photo"},{default:t(()=>[e(s,{modelValue:o.photo,"onUpdate:modelValue":u[4]||(u[4]=l=>o.photo=l),placeholder:"\u8BF7\u8F93\u5165\u624B\u673A\u53F7"},null,8,["modelValue"])]),_:1}),e(d,{label:"\u8D26\u6237\u5BC6\u7801"},{default:t(()=>[e(s,{modelValue:o.password,"onUpdate:modelValue":u[5]||(u[5]=l=>o.password=l),placeholder:"\u8BF7\u8F93\u5165\u8D26\u6237\u5BC6\u7801,\u5982\u679C\u4E0D\u8F93\u5165\u9ED8\u8BA4123456",type:"password",clearable:""},null,8,["modelValue"])]),_:1}),e(d,{label:"\u7528\u6237\u72B6\u6001"},{default:t(()=>[e(y,{modelValue:o.status,"onUpdate:modelValue":u[6]||(u[6]=l=>o.status=l),"inline-prompt":"","active-text":"\u542F\u7528","inactive-text":"\u7981\u7528"},null,8,["modelValue"])]),_:1}),e(d,{label:"\u7528\u6237\u63CF\u8FF0",prop:"describe"},{default:t(()=>[e(s,{modelValue:o.describe,"onUpdate:modelValue":u[7]||(u[7]=l=>o.describe=l),type:"textarea",placeholder:"\u8BF7\u8F93\u5165\u7528\u6237\u63CF\u8FF0"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","title"])}}}),P={class:"app-container"},S={class:"header"},J={class:"footer"},M={class:"util"},G={class:"table-inner"},K=T({__name:"index",setup(q){const E=f(z);f(!1);const m=f(),p=f(),c=U({}),w=()=>{console.log("submit!",c)},o=u=>{},x=()=>{m.value.show()},h=u=>{m.value.show(u)},C=u=>{$.confirm("\u4F60\u786E\u5B9A\u8981\u5220\u9664\u5F53\u524D\u9879\u5417?","\u6E29\u99A8\u63D0\u793A",{confirmButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88",type:"warning",draggable:!0}).then(()=>{}).catch(()=>{})},n=u=>{$.confirm(`\u786E\u5B9A\u8981${u.status?"\u542F\u7528":"\u7981\u7528"} ${u.username} \u8D26\u6237\u5417\uFF1F`,"\u6E29\u99A8\u63D0\u793A",{confirmButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88",type:"warning"}).then(async()=>{}).catch(()=>{u.status=!u.status})};return(u,s)=>{const d=a("el-input"),F=a("el-form-item"),_=a("el-button"),b=a("el-form"),A=a("Plus"),y=a("el-icon"),r=a("el-table-column"),v=a("el-switch"),k=a("el-table");return g(),R("div",P,[B("div",S,[e(b,{inline:!0,model:c,ref_key:"ruleFormRef",ref:p},{default:t(()=>[e(F,{label:"\u7528\u6237\u540D",prop:"username"},{default:t(()=>[e(d,{modelValue:c.username,"onUpdate:modelValue":s[0]||(s[0]=l=>c.username=l)},null,8,["modelValue"])]),_:1}),e(F,null,{default:t(()=>[e(_,{type:"primary",onClick:w,icon:j(N)},{default:t(()=>[i("\u67E5\u8BE2")]),_:1},8,["icon"]),e(_,{onClick:s[1]||(s[1]=l=>o(p.value))},{default:t(()=>[i("\u91CD\u7F6E")]),_:1})]),_:1})]),_:1},8,["model"])]),B("div",J,[B("div",M,[e(_,{type:"primary",onClick:x},{default:t(()=>[e(y,null,{default:t(()=>[e(A)]),_:1}),i(" \u65B0\u589E\u7528\u6237 ")]),_:1})]),B("div",G,[e(k,{data:E.value,style:{width:"100%"},border:""},{default:t(()=>[e(r,{prop:"username",label:"\u7528\u6237\u540D",align:"center"}),e(r,{prop:"nickname",label:"\u6635\u79F0",align:"center"}),e(r,{prop:"sex",label:"\u6027\u522B",align:"center"}),e(r,{prop:"role",label:"\u5173\u8054\u89D2\u8272",align:"center",width:"120"}),e(r,{prop:"photo",label:"\u624B\u673A\u53F7",align:"center",width:"120"}),e(r,{prop:"status",label:"\u7528\u6237\u72B6\u6001",align:"center"},{default:t(l=>[e(v,{"inline-prompt":"","active-text":"\u542F\u7528","inactive-text":"\u7981\u7528",modelValue:l.row.status,"onUpdate:modelValue":V=>l.row.status=V,onChange:V=>n(l.row)},null,8,["modelValue","onUpdate:modelValue","onChange"])]),_:1}),e(r,{prop:"describe","show-overflow-tooltip":!0,width:"180",label:"\u7528\u6237\u63CF\u8FF0",align:"center"}),e(r,{prop:"createTime",label:"\u521B\u5EFA\u65F6\u95F4",align:"center",width:"180"}),e(r,{prop:"operator",label:"\u64CD\u4F5C",width:"200px",align:"center"},{default:t(l=>[e(_,{type:"primary",size:"small",icon:"Edit",onClick:V=>h(l.row)},{default:t(()=>[i(" \u7F16\u8F91 ")]),_:2},1032,["onClick"]),e(_,{onClick:V=>C(l.row),type:"danger",size:"small",icon:"Delete"},{default:t(()=>[i(" \u5220\u9664 ")]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"])])]),e(I,{ref_key:"userDialog",ref:m},null,512)])}}});const W=O(K,[["__scopeId","data-v-96bc9097"]]);export{W as default};
|