detail.960c824c.js 11 KB

12345678910111213141516
  1. import{L as D,i as w,a2 as W,al as t,o as p,a as f,Z as l,T as a,b,X as m,W as i,S as v,u as X,Y as h,F as Z,ac as H,aE as K,aF as Q}from"./vue.e1d8f8c6.js";import{E as g,f as $,a3 as ee,_ as le}from"./index.6ed0cd31.js";import{D as U}from"./department.daf51571.js";const y=c=>(K("data-v-314022e2"),c=c(),Q(),c),ae={class:"system-dept-dialog-container"},de=["src"],re=y(()=>b("span",{class:"ml10"},"尺寸316*316,小于100kb",-1)),se={key:0},te=y(()=>b("span",{class:"mt5"},"元",-1)),oe=y(()=>b("span",{class:"mt5"},"元",-1)),ue=y(()=>b("span",{class:"mt5"},"元/小时",-1)),ie={class:"dialog-footer"},me=D({name:"systemDeptDialog"}),ne=D({...me,emits:["refresh"],setup(c,{expose:k,emit:_e}){const q=(s,r)=>{e.ruleForm.img_url=URL.createObjectURL(r.raw),console.log("state.ruleForm.head_img",e.ruleForm.img_url)},L=s=>s.type!=="image/jpeg"?(g.error("Avatar picture must be JPG format!"),!1):s.size/1024/1024>2?(g.error("Avatar picture size can not exceed 2MB!"),!1):!0,V=w("男"),S=w(),e=W({id:0,ruleForm:{id:0,img_url:"",gender:0,name:"",department_id:"",id_card:"",age:"",phone:"",valid:1,role_id:"",password:"",salary_type:1,base_salary:"",over_salary:"",hourly_salary:"",entry_date:""},dialog:{isShowDialog:!1,type:"",title:"",submitTxt:""},action:$.host+"/admin/upload/file",departmentList:[],roleList:[],disabled:!0}),z=s=>{B(),e.id=s,e.dialog.title="员工详情033",e.dialog.isShowDialog=!0,E()},A=()=>{e.dialog.isShowDialog=!1},C=()=>{A()},B=async()=>{let s=await U.initAdmin();if(s.code!=0)return g.error(s.msg);e.departmentList=[],e.roleList=[],e.departmentList=s.data.departmentList,e.roleList=s.data.roleList},E=async()=>{let s=await U.detailAdmin(e.id);if(s.code!=0)return g.error(s.msg);e.ruleForm={id:s.data.id,img_url:s.data.img_url,gender:s.data.gender,name:s.data.name,department_id:s.data.department_id,id_card:s.data.id_card,age:s.data.age,phone:s.data.phone,valid:s.data.valid,role_id:s.data.role_id,password:s.data.password,salary_type:s.data.salary_type,base_salary:s.data.base_salary,over_salary:s.data.over_salary,hourly_salary:s.data.hourly_salary,entry_date:s.data.entry_date},e.ruleForm.gender==1?V.value="男":e.ruleForm.gender==2?V.value="女":V.value="保密"};return k({openDialog:z}),(s,r)=>{const M=t("el-icon"),Y=t("el-upload"),o=t("el-form-item"),u=t("el-col"),_=t("el-radio"),x=t("el-radio-group"),n=t("el-input"),I=t("el-cascader"),N=t("el-option"),R=t("el-select"),T=t("el-date-picker"),j=t("el-divider"),G=t("el-row"),J=t("el-form"),O=t("el-button"),P=t("el-dialog");return p(),f("div",ae,[l(P,{title:e.dialog.title,modelValue:e.dialog.isShowDialog,"onUpdate:modelValue":r[14]||(r[14]=d=>e.dialog.isShowDialog=d),width:"769px"},{footer:a(()=>[b("span",ie,[l(O,{onClick:C,size:"default"},{default:a(()=>[m("返回")]),_:1}),i(' <el-button type="primary" @click="onSubmit" size="default">{{ state.dialog.submitTxt }}</el-button> ')])]),default:a(()=>[l(J,{ref_key:"deptDialogFormRef",ref:S,model:e.ruleForm,size:"default","label-width":"90px"},{default:a(()=>[l(G,{gutter:35},{default:a(()=>[l(u,{xs:24,sm:24,md:24,lg:24,xl:24,class:"mb20"},{default:a(()=>[l(o,{label:"员工照片",rules:[{required:!0,message:"员工照片不能为空"}]},{default:a(()=>[l(Y,{class:"avatar-uploader",action:e.action,"show-file-list":!1,"on-success":q,"before-upload":L,drag:!1,disabled:e.disabled},{default:a(()=>[e.ruleForm.img_url?(p(),f("img",{key:0,src:e.ruleForm.img_url,class:"avatar"},null,8,de)):(p(),v(M,{key:1,class:"avatar-uploader-icon"},{default:a(()=>[l(X(ee))]),_:1}))]),_:1},8,["action","disabled"]),re]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[l(o,{label:"员工性别",rules:[{required:!0,message:"员工性别不能为空"}]},{default:a(()=>[l(x,{modelValue:e.ruleForm.gender,"onUpdate:modelValue":r[0]||(r[0]=d=>e.ruleForm.gender=d),disabled:e.disabled},{default:a(()=>[i(` <el-radio-button :label="0">保密</el-radio-button>\r
  2. <el-radio-button :label="1">男</el-radio-button>\r
  3. <el-radio-button :label="2">女</el-radio-button> `),l(_,{label:0},{default:a(()=>[m("保密")]),_:1}),l(_,{label:1},{default:a(()=>[m("男")]),_:1}),l(_,{label:2},{default:a(()=>[m("女")]),_:1})]),_:1},8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[i(' prop="name" '),l(o,{label:"员工姓名",rules:[{required:!0,message:"员工姓名不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.name,"onUpdate:modelValue":r[1]||(r[1]=d=>e.ruleForm.name=d),placeholder:"请输入员工姓名",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[l(o,{label:"所在部门",rules:[{required:!0,message:"所在部门不能为空"}]},{default:a(()=>[l(I,{options:e.departmentList,props:{checkStrictly:!0,value:"id",label:"name"},placeholder:"请选择所在部门",clearable:"",class:"w100",modelValue:e.ruleForm.department_id,"onUpdate:modelValue":r[2]||(r[2]=d=>e.ruleForm.department_id=d),disabled:e.disabled},{default:a(({node:d,data:F})=>[b("span",null,h(F.name),1),d.isLeaf?i("v-if",!0):(p(),f("span",se," ("+h(F.children.length)+") ",1))]),_:1},8,["options","modelValue","disabled"])]),_:1})]),_:1}),i(` <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">\r
  4. <el-form-item label="所在部门" :rules="[{ required: true, message: '所在部门不能为空' }]">\r
  5. <el-select v-model="state.ruleForm.department_id" placeholder="请选择所在部门" :disabled="state.disabled">\r
  6. <el-option\r
  7. v-for="item in state.options"\r
  8. :key="item.value"\r
  9. :label="item.label"\r
  10. :value="item.value"\r
  11. :disabled="item.disabled"\r
  12. />\r
  13. </el-select>\r
  14. </el-form-item>\r
  15. </el-col> `),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[i(' prop="id_card" '),l(o,{label:"身份证号",rules:[{required:!0,message:"身份证号不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.id_card,"onUpdate:modelValue":r[3]||(r[3]=d=>e.ruleForm.id_card=d),placeholder:"请输入身份证号",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[l(o,{label:"角  色",rules:[{required:!0,message:"角色不能为空"}]},{default:a(()=>[l(R,{modelValue:e.ruleForm.role_id,"onUpdate:modelValue":r[4]||(r[4]=d=>e.ruleForm.role_id=d),placeholder:"请选择角色",disabled:e.disabled},{default:a(()=>[(p(!0),f(Z,null,H(e.roleList,d=>(p(),v(N,{key:d.id,label:d.name,value:d.id,disabled:d.valid==0},null,8,["label","value","disabled"]))),128))]),_:1},8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[i(' prop="phone" '),l(o,{label:"联系电话",rules:[{required:!0,message:"联系电话不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.phone,"onUpdate:modelValue":r[5]||(r[5]=d=>e.ruleForm.phone=d),placeholder:"请输入联系电话",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[l(o,{label:"状  态",rules:[{required:!0,message:"状态不能为空"}]},{default:a(()=>[l(x,{modelValue:e.ruleForm.valid,"onUpdate:modelValue":r[6]||(r[6]=d=>e.ruleForm.valid=d),disabled:e.disabled},{default:a(()=>[l(_,{label:1},{default:a(()=>[m("启用")]),_:1}),l(_,{label:0},{default:a(()=>[m("禁用")]),_:1})]),_:1},8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[i(' prop="age" '),l(o,{label:"年  龄",rules:[{required:!0,message:"年龄不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.age,"onUpdate:modelValue":r[7]||(r[7]=d=>e.ruleForm.age=d),type:"number",placeholder:"请输入年龄",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),e.ruleForm.id==0?(p(),v(u,{key:0,xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[i(' prop="password" '),l(o,{label:"初始密码",rules:[{required:!0,message:"初始密码不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.password,"onUpdate:modelValue":r[8]||(r[8]=d=>e.ruleForm.password=d),type:"password","show-password":"",placeholder:"请输入初始密码",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1})):i("v-if",!0),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[l(o,{label:"入职日期",rules:[{required:!0,message:"入职日期不能为空"}]},{default:a(()=>[l(T,{modelValue:e.ruleForm.entry_date,"onUpdate:modelValue":r[9]||(r[9]=d=>e.ruleForm.entry_date=d),type:"date",placeholder:"请选择入职日期",size:"default","value-format":"YYYY-MM-DD",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),l(j,{"content-position":"left"},{default:a(()=>[m("工资信息")]),_:1}),l(u,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:a(()=>[l(o,{label:"工资类型",rules:[{required:!0,message:"状态不能为空"}]},{default:a(()=>[l(x,{modelValue:e.ruleForm.salary_type,"onUpdate:modelValue":r[10]||(r[10]=d=>e.ruleForm.salary_type=d),disabled:e.disabled},{default:a(()=>[l(_,{label:1},{default:a(()=>[m("计件")]),_:1}),l(_,{label:2},{default:a(()=>[m("非计件")]),_:1})]),_:1},8,["modelValue","disabled"])]),_:1})]),_:1}),l(u,{xs:24,sm:11,md:11,lg:11,xl:11,class:"mb20"},{default:a(()=>[l(o,{label:"基本工资",rules:[{required:!0,message:"基本工资不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.base_salary,"onUpdate:modelValue":r[11]||(r[11]=d=>e.ruleForm.base_salary=d),type:"number",placeholder:"填写工资基数金额",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),te,l(u,{xs:24,sm:11,md:11,lg:11,xl:11,class:"mb20"},{default:a(()=>[l(o,{label:"加班工资",rules:[{required:!0,message:"加班工资不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.over_salary,"onUpdate:modelValue":r[12]||(r[12]=d=>e.ruleForm.over_salary=d),type:"number",placeholder:"填写工资基数金额",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),oe,l(u,{xs:24,sm:11,md:11,lg:11,xl:11,class:"mb20"},{default:a(()=>[l(o,{label:"计时工资",rules:[{required:!0,message:"计时工资不能为空"}]},{default:a(()=>[l(n,{modelValue:e.ruleForm.hourly_salary,"onUpdate:modelValue":r[13]||(r[13]=d=>e.ruleForm.hourly_salary=d),type:"number",placeholder:"填写工资基数金额",clearable:"",disabled:e.disabled},null,8,["modelValue","disabled"])]),_:1})]),_:1}),ue]),_:1})]),_:1},8,["model"])]),_:1},8,["title","modelValue"])])}}});const fe=le(ne,[["__scopeId","data-v-314022e2"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/underlying/department/detail.vue"]]);export{fe as default};