You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.8 KiB
2 lines
2.8 KiB
"use strict";(self["webpackChunkabcdf"]=self["webpackChunkabcdf"]||[]).push([[937],{1937:function(e,a,t){t.r(a),t.d(a,{default:function(){return n}});var s=function(){var e=this,a=e._self._c;return a("div",{staticClass:"bg"},[a("el-card",{staticStyle:{width:"100%"}},[a("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[a("span",[e._v("个人信息")])]),a("div",{staticStyle:{"padding-right":"200px"}},[a("el-form",{attrs:{model:e.user,"label-width":"100px",size:"small"}},[a("el-form-item",{attrs:{label:"用户头像"}},[a("el-upload",{staticClass:"avatar-uploader",attrs:{action:"#","auto-upload":!1,"on-change":e.handleAvatarChange,"show-file-list":!1}},[e.user.avatar?a("div",{staticStyle:{position:"relative"}},[a("img",{staticClass:"avatar",attrs:{src:e.user.avatar}}),a("div",{staticClass:"hover-tip"},[e._v("修改头像")])]):a("i",{staticClass:"el-icon-plus avatar-uploader-icon"})])],1),a("el-form-item",{attrs:{label:"*昵称"}},[a("el-input",{attrs:{placeholder:"请输入昵称"},model:{value:e.user.nickname,callback:function(a){e.$set(e.user,"nickname",a)},expression:"user.nickname"}})],1),a("el-form-item",{attrs:{label:"用户ID"}},[a("el-input",{attrs:{disabled:""},model:{value:e.user.id,callback:function(a){e.$set(e.user,"id",a)},expression:"user.id"}},[a("template",{slot:"append"},[a("el-button",{on:{click:e.copyId}},[e._v("复制")])],1)],2)],1),a("el-form-item",{attrs:{label:"性别"}},[a("el-radio-group",{model:{value:e.user.gender,callback:function(a){e.$set(e.user,"gender",a)},expression:"user.gender"}},[a("el-radio",{attrs:{label:"male"}},[e._v("男性")]),a("el-radio",{attrs:{label:"female"}},[e._v("女性")]),a("el-radio",{attrs:{label:"secret"}},[e._v("保密")])],1)],1),a("el-form-item",{attrs:{label:"生日"}},[a("el-date-picker",{staticStyle:{width:"100%"},attrs:{type:"date",placeholder:"选择日期","value-format":"yyyy-MM-dd"},model:{value:e.user.birthday,callback:function(a){e.$set(e.user,"birthday",a)},expression:"user.birthday"}})],1),a("el-form-item",{staticClass:"form-actions"},[a("el-button",{attrs:{type:"primary"},on:{click:e.saveUser}},[e._v("保存")]),a("el-button",{on:{click:e.close}},[e._v("关闭")])],1)],1)],1)])],1)},l=[],r=(t(4603),t(7566),t(8721),{name:"UserInfo",data(){return{user:{avatar:"",nickname:"张三哥",id:"209901071124",gender:"male",birthday:""}}},methods:{handleAvatarChange(e){this.user.avatar=URL.createObjectURL(e.raw)},copyId(){const e=document.createElement("input");e.value=this.user.id,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),this.$message({message:"用户ID已复制",type:"success"})},saveUser(){this.$message({message:"保存成功",type:"success"})},close(){this.$message({message:"已关闭",type:"info"})}}}),i=r,c=t(1656),o=(0,c.A)(i,s,l,!1,null,"03a7f9a5",null),n=o.exports}}]);
|
|
//# sourceMappingURL=937.e91a3d8d.js.map
|