| 123 |
- import{M as p,a3 as x,am as u,o as i,a as g,_ as l,U as e,Y as h}from"./vue.aade88c7.js";const U={class:"form-adapt-container layout-pd"},v=p({name:"pagesListAdapt"}),k=p({...v,setup(w){const o=x({form:{name:"",email:"",autograph:"",occupation:"",phone:"",sex:"",phone1:"",phone2:"",phone3:"",phone4:"",phone5:"",phone6:""}});return(y,a)=>{const n=u("el-input"),d=u("el-form-item"),t=u("el-col"),s=u("el-option"),r=u("el-select"),f=u("SvgIcon"),_=u("el-button"),b=u("el-row"),c=u("el-form"),V=u("el-card");return i(),g("div",U,[l(V,{shadow:"hover",header:"表单自适应演示(改变窗口查看效果)"},{default:e(()=>[l(c,{model:o.form,size:"default","label-width":"100px",class:"mt35 mb35"},{default:e(()=>[l(b,{gutter:35},{default:e(()=>[l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"姓名"},{default:e(()=>[l(n,{modelValue:o.form.name,"onUpdate:modelValue":a[0]||(a[0]=m=>o.form.name=m),placeholder:"请输入姓名",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"用户归属部门"},{default:e(()=>[l(n,{modelValue:o.form.email,"onUpdate:modelValue":a[1]||(a[1]=m=>o.form.email=m),placeholder:"请输入用户归属部门",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"登陆账户名"},{default:e(()=>[l(n,{modelValue:o.form.autograph,"onUpdate:modelValue":a[2]||(a[2]=m=>o.form.autograph=m),placeholder:"请输入登陆账户名",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"职务"},{default:e(()=>[l(r,{modelValue:o.form.occupation,"onUpdate:modelValue":a[3]||(a[3]=m=>o.form.occupation=m),placeholder:"请选择职务",clearable:"",class:"w100"},{default:e(()=>[l(s,{label:"计算机 / 互联网 / 通信",value:"1"}),l(s,{label:"生产 / 工艺 / 制造",value:"2"}),l(s,{label:"医疗 / 护理 / 制药",value:"3"})]),_:1},8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"手机"},{default:e(()=>[l(n,{modelValue:o.form.phone,"onUpdate:modelValue":a[4]||(a[4]=m=>o.form.phone=m),placeholder:"请输入手机",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"性别"},{default:e(()=>[l(r,{modelValue:o.form.sex,"onUpdate:modelValue":a[5]||(a[5]=m=>o.form.sex=m),placeholder:"请选择性别",clearable:"",class:"w100"},{default:e(()=>[l(s,{label:"男",value:"1"}),l(s,{label:"女",value:"2"})]),_:1},8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"登录密码"},{default:e(()=>[l(n,{modelValue:o.form.phone1,"onUpdate:modelValue":a[6]||(a[6]=m=>o.form.phone1=m),placeholder:"请输入登录密码",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"权限角色"},{default:e(()=>[l(n,{modelValue:o.form.phone2,"onUpdate:modelValue":a[7]||(a[7]=m=>o.form.phone2=m),placeholder:"请输入权限角色",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"创建用户"},{default:e(()=>[l(n,{modelValue:o.form.phone3,"onUpdate:modelValue":a[8]||(a[8]=m=>o.form.phone3=m),placeholder:"请输入创建用户",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"修改用户"},{default:e(()=>[l(n,{modelValue:o.form.phone4,"onUpdate:modelValue":a[9]||(a[9]=m=>o.form.phone4=m),placeholder:"请输入修改用户",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"所属用户"},{default:e(()=>[l(n,{modelValue:o.form.phone5,"onUpdate:modelValue":a[10]||(a[10]=m=>o.form.phone5=m),placeholder:"请输入所属用户",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:e(()=>[l(d,{label:"所属部门"},{default:e(()=>[l(n,{modelValue:o.form.phone6,"onUpdate:modelValue":a[11]||(a[11]=m=>o.form.phone6=m),placeholder:"请输入所属部门",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),l(t,{xs:24,sm:24,md:24,lg:24,xl:24},{default:e(()=>[l(d,null,{default:e(()=>[l(_,{type:"primary"},{default:e(()=>[l(f,{name:"iconfont icon-biaodan"}),h(" 更新个人信息 ")]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["model"])]),_:1})])}}});export{k as default};
- //# sourceMappingURL=index.dfce0c68.js.map
|
