(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-85c6ef14"],{"4b67":function(n,e,r){"use strict";r.r(e);var o=function(){var n=this,e=n.$createElement,r=n._self._c||e;return r("div",{staticClass:"personal-info-container"},[r("el-card",{staticClass:"personal-info-header"},[r("div",{staticClass:"header-content"},[r("div",{staticClass:"avator-container"},[r("el-avatar",{attrs:{size:80,src:n.photoUrl}},[r("img",{attrs:{src:n.photoUrl,alt:""}})]),r("el-upload",{attrs:{action:"string","http-request":n.updateUserImage,"show-file-list":!1}},[r("el-button",{attrs:{size:"mini",type:"primary"}},[n._v(n._s(n.$t("personal.upload"))+"\n ")])],1)],1),r("div",{staticClass:"header-info"},[r("el-row",[r("el-col",{attrs:{span:6}},[r("div",[n._v("\n "+n._s(n.$t("personal.name"))+":"+n._s(n.currentUser.user.fullname)+"\n ")])]),r("el-col",{attrs:{span:6}},[r("div",[n._v("\n "+n._s(n.$t("personal.account"))+":"+n._s(n.currentUser.user.account)+"\n ")])]),r("el-col",{attrs:{span:6}},[r("div",[n._v("性别:"+n._s(n.form.sex))])]),r("el-col",{attrs:{span:6}},[r("div",[n._v("出生年月:"+n._s(n.form.userExtend.birthday))])])],1),r("el-row",[r("el-col",{attrs:{span:6}},[r("div",[n._v("\n "+n._s(n.$t("personal.phone"))+":"+n._s(n.currentUser.user.phone)+"\n ")])]),r("el-col",{attrs:{span:6}},[r("div",[n._v("邮箱:"+n._s(n.form.email))])]),r("el-col",{attrs:{span:6}},[r("div",[n._v("\n 组织:"+n._s(n.currentUser.org[0]?n.currentUser.org[0].orgName:"")+"\n ")])]),r("el-col",{attrs:{span:6}},[r("div",[n._v("\n 岗位:\n "+n._s(n.postName)+"\n ")])])],1),r("el-row",[r("el-col",{attrs:{span:12}},[r("div",[n._v("\n "+n._s(n.$t("personal.role"))+":"),n._l(n.currentUser.role.roleName.split("|"),(function(e,o){return r("span",{key:e,staticClass:"role"},[0!==o?r("span",[n._v("、")]):n._e(),n._v(n._s(e)+"\n ")])}))],2)])],1)],1)])]),r("el-card",{staticClass:"personal-info-bottom",attrs:{"body-style":"overflow:auto"}},[r("el-form",{ref:"form",attrs:{model:n.form,rules:n.rules,"label-position":"top"}},[r("div",{staticClass:"title-info"},[n._v("个人信息更新")]),r("el-row",{attrs:{gutter:20}},[r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:n.$t("personal.name"),prop:"fullname"}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.fullname,callback:function(e){n.$set(n.form,"fullname",e)},expression:"form.fullname"}})],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:n.$t("personal.gender"),prop:"sex"}},[r("el-select",{attrs:{placeholder:"请选择"},model:{value:n.form.sex,callback:function(e){n.$set(n.form,"sex",e)},expression:"form.sex"}},n._l(n.options,(function(n){return r("el-option",{key:n.value,attrs:{label:n.label,value:n.value}})})),1)],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:"出生年月",prop:"userExtend.birthday",rules:n.rules.birthday}},[r("el-date-picker",{attrs:{"value-format":"yyyy-MM-dd",type:"date",placeholder:"请选择日期"},model:{value:n.form.userExtend.birthday,callback:function(e){n.$set(n.form.userExtend,"birthday",e)},expression:"form.userExtend.birthday"}})],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:"身份证号",prop:"userExtend.idNumber",rules:n.rules.idNumber}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.userExtend.idNumber,callback:function(e){n.$set(n.form.userExtend,"idNumber",e)},expression:"form.userExtend.idNumber"}})],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:n.$t("personal.mailbox"),prop:"email"}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.email,callback:function(e){n.$set(n.form,"email",e)},expression:"form.email"}})],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:n.$t("personal.phone"),prop:"mobile"}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.mobile,callback:function(e){n.$set(n.form,"mobile",e)},expression:"form.mobile"}})],1)],1)],1),r("el-row",{attrs:{gutter:20}},[r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:"职称",prop:"userExtend.jobTitle",rules:n.rules.jobTitle}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.userExtend.jobTitle,callback:function(e){n.$set(n.form.userExtend,"jobTitle",e)},expression:"form.userExtend.jobTitle"}})],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:"文化程度",prop:"userExtend.diploma",rules:n.rules.diploma}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.userExtend.diploma,callback:function(e){n.$set(n.form.userExtend,"diploma",e)},expression:"form.userExtend.diploma"}})],1)],1),r("el-col",{attrs:{span:4}},[r("el-form-item",{attrs:{label:"入职时间",prop:"userExtend.hireDate",rules:n.rules.hireDate}},[r("el-date-picker",{attrs:{"value-format":"yyyy-MM-dd",type:"date",placeholder:"请选择日期"},model:{value:n.form.userExtend.hireDate,callback:function(e){n.$set(n.form.userExtend,"hireDate",e)},expression:"form.userExtend.hireDate"}})],1)],1)],1),r("el-row",{attrs:{gutter:20}},[r("el-col",{attrs:{span:12}},[r("el-form-item",{attrs:{label:n.$t("personal.address"),prop:"address"}},[r("el-input",{attrs:{placeholder:n.$t("common.input")},model:{value:n.form.address,callback:function(e){n.$set(n.form,"address",e)},expression:"form.address"}})],1)],1)],1),r("el-row",{attrs:{gutter:20}},[r("el-col",{attrs:{span:12}},[r("el-form-item",{attrs:{label:"工作经历(入司后工作经历)",prop:"userExtend.workExperience",rules:n.rules.workExperience}},[r("el-input",{attrs:{type:"textarea",autosize:{minRows:2,maxRows:6},placeholder:n.$t("common.input")},model:{value:n.form.userExtend.workExperience,callback:function(e){n.$set(n.form.userExtend,"workExperience",e)},expression:"form.userExtend.workExperience"}})],1)],1),r("el-col",{attrs:{span:12}},[r("el-form-item",{attrs:{label:"有何技能和特长(证书)",prop:"userExtend.skills",rules:n.rules.skills}},[r("el-input",{attrs:{type:"textarea",autosize:{minRows:2,maxRows:6},placeholder:n.$t("common.input")},model:{value:n.form.userExtend.skills,callback:function(e){n.$set(n.form.userExtend,"skills",e)},expression:"form.userExtend.skills"}})],1)],1)],1)],1)],1),r("el-card",{staticClass:"personal-info-footer"},[r("div",{staticStyle:{"text-align":"center"}},[r("el-button",{attrs:{type:"primary",loading:n.saveing},on:{click:n.updataInfo}},[n._v(n._s(n.$t("common.save"))+"\n ")])],1)])],1)},t=[],s=r("5530"),a=(r("d9e2"),r("14d9"),r("a9e3"),r("b64b"),r("d3b7"),r("ac1f"),r("00b4"),r("25f0"),r("292c")),l={name:"personal-info",data:function(){var n=function(n,e,r){if(e){var o=/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/,t=o.test(e);t?r():r(new Error("邮箱格式如:admin@163.com"))}else r(new Error("邮箱不能为空"))},e=function(n,e,r){if(e){var o=/^1[3-9]\d{9}$/,t=o.test(e);e=Number(e),"number"!==typeof e||isNaN(e)?r():(e=e.toString(),e.length<0||e.length>12||!t?r(new Error("手机号码格式有误,请核查!")):r())}else r(new Error("手机号不能为空"))},r=function(n,e,r){if(!e)return new Error("身份证号不能为空)");var o=/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/,t=o.test(e);t?r():r(new Error("身份证格式有误,请核查!"))};return{currentUser:{org:[],role:{roleName:""},user:{}},options:[{value:"男",label:"男"},{value:"女",label:"女"}],form:{userExtend:{workExperience:"",birthday:"",hireDate:""}},rules:{fullname:[{required:!0,message:"姓名不能为空",trigger:["blur","change"]}],sex:[{required:!0,message:"性别不能为空",trigger:["blur","change"]}],birthday:[{required:!0,message:"出生年月不能为空",trigger:["blur","change"]}],idNumber:[{required:!0,message:"身份证号不能为空",trigger:["blur","change"]},{validator:r,trigger:"blur"}],email:[{required:!0,message:"邮箱不能为空",trigger:["blur","change"]},{validator:n,trigger:"blur"}],mobile:[{required:!0,message:"手机号不能为空",trigger:["blur","change"]},{validator:e,trigger:"blur"}],userNumber:[{required:!0,message:"工号不能为空",trigger:["blur","change"]}],workType:[{required:!0,message:"工种不能为空",trigger:["blur","change"]}],jobTitle:[{required:!0,message:"职称不能为空",trigger:["blur","change"]}],diploma:[{required:!0,message:"文化程度不能为空",trigger:["blur","change"]}],hireDate:[{required:!0,message:"入职时间不能为空",trigger:["blur","change"]}],address:[{required:!0,message:"地址不能为空",trigger:["blur","change"]}],workExperience:[{required:!0,message:"工作经历不能为空",trigger:["blur","change"]}]},photoUrl:window.context.front+"/img/defaultPhoto.jpg",photo:"",saveing:!1,postName:""}},mounted:function(){this.getInfo()},methods:{updateUserImage:function(n){var e=this,r=new FormData;r.append("files",n.file),a["a"].fileUpload(r).then((function(r){e.photo=r.fileId,e.form.photo=r.fileId,e.$store.dispatch("menu/downloadImg",r.fileId).then((function(n){""!=n&&(e.photoUrl=n)})),n.onSuccess(),e.updataInfo()})).catch((function(e){n.onError()}))},getInfo:function(){var n=this,e=sessionStorage.getItem("currentUser"),r=JSON.parse(e).account;r&&a["a"].getUser(r).then((function(e){n.currentUser=e;var r=n.currentUser.post;for(var o in r)n.postName=r[o].postName||"",n.form.userExtend.workType=n.postName||"";var t=e.user,a=e.userExtend,l=a.birthday,i=void 0===l?"":l,c=a.hireDate,m=void 0===c?"":c,d=a.idNumber,u=void 0===d?"":d,p=a.workExperience,f=void 0===p?"":p,b=a.workType,g=void 0===b?"":b,v=a.jobTitle,h=void 0===v?"":v,x=a.diploma,$=void 0===x?"":x,A=a.skills,w=void 0===A?"":A,y=Object(s["a"])({birthday:i,hireDate:m,idNumber:u,workExperience:f,workType:g,jobTitle:h,diploma:$,skills:w},e.userExtend);n.form=t,n.$set(n.form,"userExtend",y),n.form.photo&&n.$store.dispatch("menu/downloadImg",n.form.photo).then((function(e){""!=e&&(n.photoUrl=e)}))}))},updataInfo:function(){var n=this;this.saveing=!0,this.$refs.form.validate((function(e,r){e?(n.form.userExtend.workType=n.postName||"",n.$http.post(window.context.uc+"/api/user/v1/user/updateUser",n.form).then((function(e){(e.status=200)&&(n.$message.success("更新成功"),n.$store.dispatch("login/checkUserInfoState"),n.$bus.$emit("updataUserInfo"),n.$router.push("/platLayout/homePage"))})).finally((function(){n.saveing=!1}))):(n.$message.warning("有".concat(Object.keys(r).length,"个字段未通过校验,请正确填写表单内容。")),n.saveing=!1)}))}}},i=l,c=(r("77f9"),r("2877")),m=Object(c["a"])(i,o,t,!1,null,"56e18106",null);e["default"]=m.exports},6119:function(n,e,r){var o=r("ccf2");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);var t=r("499e").default;t("212ae0b4",o,!0,{sourceMap:!0,shadowMode:!1})},"77f9":function(n,e,r){"use strict";r("6119")},ccf2:function(n,e,r){e=n.exports=r("2350")(!0),e.push([n.i,"[data-v-56e18106]:export{aside_width:11.97917vw;color_primary:#43a1ff;color_success:#67c23a;color_warning:#e6a23c;color_danger:#f56c6c}.personal-info-container[data-v-56e18106]{width:100%;height:100%;box-sizing:border-box;padding:.83333vw}.personal-info-container .el-header[data-v-56e18106]{display:flex;align-items:center;border-bottom:1px solid rgba(67,161,255,.3)}.personal-info-container .title[data-v-56e18106]{font-size:.83333vw}.personal-info-container .personal-info-header[data-v-56e18106]{margin-bottom:.83333vw}.personal-info-container .header-content[data-v-56e18106]{display:flex;height:100%}.personal-info-container .avator-container[data-v-56e18106]{width:6.25vw;height:100%;margin-right:1.5625vw;box-sizing:border-box;text-align:center}.personal-info-container .header-info[data-v-56e18106]{width:calc(100% - 7.8125vw);padding:.3125vw 0;display:flex;flex-flow:column;justify-content:space-between;gap:.72917vw}.personal-info-container .header-info .role[data-v-56e18106],.personal-info-container .header-info div[data-v-56e18106]{font-size:.72917vw}.el-card.is-always-shadow[data-v-56e18106]{border-radius:1.04167vw}.personal-info-bottom[data-v-56e18106]{height:calc(100% - 15vw);margin-bottom:.83333vw;overflow:auto}.personal-info-footer[data-v-56e18106]{height:5.20833vw;display:flex;justify-content:center;align-items:center}.title-info[data-v-56e18106]{font-size:.72917vw;font-weight:700;margin-bottom:.52083vw;color:#43a1ff}[data-v-56e18106] .el-form--label-top .el-form-item__label{padding:0}[data-v-56e18106] .el-form-item{margin-bottom:.72917vw}","",{version:3,sources:["D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/D:/jenkins/workspace/tj_zsj_web/src/assets/css/element-variables.scss","D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/D:/jenkins/workspace/tj_zsj_web/src/views/systemDefaultPage/PersonalInfo.vue"],names:[],mappings:"AAoEA,yBACE,uBACA,sBACA,sBACA,sBACA,oBAjEe,CCyiBjB,0CACE,WACA,YACA,sBACA,gBAAA,CAEA,qDACE,aACA,mBACA,2CAAA,CAIF,iDACE,kBAAA,CAGF,gEACE,sBAAA,CAGF,0DACE,aACA,WAAA,CAGF,4DACE,aACA,YACA,sBACA,sBACA,iBAAA,CAGF,uDACE,4BACA,kBACA,aACA,iBACA,8BACA,YAAA,CAIA,wHACE,kBAAA,CAKN,2CACE,uBAAA,CAEF,uCACE,yBACA,uBACA,aAAA,CAEF,uCACE,iBACA,aACA,uBACA,kBAAA,CAEF,6BACE,mBACA,gBACA,uBACA,aAAA,CAEF,2DACE,SAAA,CAEF,gCACE,sBAAA,CAAA",file:"PersonalInfo.vue?vue&type=style&index=0&id=56e18106&prod&lang=scss&scoped=true",sourcesContent:["/* 改变系统主题色变量 ——*/\r\n$--theme-color: #211bce; /*主题颜色(即首页导航栏颜色)——#2761ff*/\r\n$--theme-color-active: #211bce; /*首页导航栏颜色鼠标悬停到某一个菜单时的颜色——#1F4ECC*/\r\n\r\n/* 改变element组件主题色变量 ——*/\r\n$--color-primary: #43a1ff; /*主题颜色——#、#211bce;、*/\r\n$--color-success: #67c23a; /*成功颜色——#67c23a*/\r\n$--color-warning: #e6a23c; /*警告颜色——#e6a23c*/\r\n$--color-danger: #f56c6c; /*危险颜色——#f56c6c*/\r\n$--color-error: #f56c6c; /*危险颜色——#f56c6c*/\r\n$--color-info: #909399; /*信息颜色——#909399*/\r\n$--color-text-primary: #303133; /*主要文字颜色——#303133*/\r\n$--color-text-regular: #606266; /*常规文字颜色——#606266*/\r\n$--color-text-secondary: #909399; /*次要文字颜色——#909399*/\r\n$--color-text-placeholder: #c0c4cc; /*占位文字颜色——#c0c4cc*/\r\n$--border-color-base: #dcdfe6; /*一级边框颜色——#dcdfe6*/\r\n$--border-color-light: rgba($--color-primary, 0.3); /*二级边框颜色——#e4e7ed*/\r\n$--border-color-lighter: #ebeef5; /*三级边框颜色——#ebeef5*/\r\n$--border-color-extra-light: #f2f6fc; /*四级边框颜色——#f2f6fc*/\r\n$--color-white: #f0f0f0; /*基础白色——#FFFFFF*/\r\n$--color-black: #000000; /*基础黑色——#000000*/\r\n$--background-color-base: #f5f7fa; /*基础背景色——#F5F7FA*/\r\n$--background-color-secondary: #f0f2f5; /*第二基础背景色——#F0F2F5*/\r\n$--color-secondary: #dfebfc;\r\n$--color-primary-light: #4d89f1; /* 菜单栏辅助色 */\r\n$--svg-monochrome-grey: red;\r\n\r\n/* 左侧树宽度设置 */\r\n$--aside-width: 230px;\r\n\r\n// ------navigator-----------\r\n$--navigator-main-color: #fff;\r\n$--navigator-main-text-color: #393a40;\r\n$--navigator-text-color: #565656;\r\n$--navigator-text-size: 18px;\r\n\r\n// -----menu------------\r\n$--menu-bg: #393a40;\r\n$--menu-active: #616166;\r\n$--menu-hover: #2e2e33;\r\n$--menu-text: #E5EAF3;\r\n$--menu-icon: #909399;\r\n\r\n// 系统\r\n$--system-background-color: #0f304f;\r\n$--system-module-color1: #114066;\r\n$--system-table-text-color: mix($--color-white, $--system-background-color, 80%);\r\n$--system-module-color2: mix($--color-black, $--system-module-color1, 5%);\r\n$--system-module-color3: mix($--color-black, $--system-module-color1, 8%);\r\n$--system-hover-active-text: $--color-primary;\r\n$--system-active-bgColor: mix($--color-black, $--system-module-color1, 25%);\r\n$--system-input-bgColor: $--system-module-color1;\r\n$--system-disabled-bgColor: mix($--color-white, $--system-module-color1, 13%);\r\n$--system-input-disabled-bgColor: $--system-disabled-bgColor;\r\n$--system-border-color1: $--system-hover-active-text;\r\n$--system-border-color2: rgba($--system-hover-active-text, 0.5);\r\n$--system-border-color3: rgba($--system-hover-active-text, 0.3);\r\n$--system-border-color4: mix($--color-white, $--system-hover-active-text, 40%);\r\n$--system-border-color5: mix($--color-success, $--system-hover-active-text, 25%);\r\n$--system-border-color6: rgba(mix(darken($--color-success, 10%), darken($--system-hover-active-text, 2%), 25%), 0.45);\r\n$--system-box-color1: mix($--color-black, $--system-module-color1, 20%);\r\n$--system-box-color2: mix($--color-black, $--system-module-color1, 40%);\r\n$--system-box-color3: mix($--color-black, $--system-module-color1, 30%);\r\n$--system-box-color4: mix($--color-white, $--system-module-color1, 15%);\r\n$--system-box-color5: mix($--color-white, $--system-module-color1, 8%);\r\n$--system-box-color6: mix($--color-black, $--system-module-color1, 10%);\r\n$--system-box-shadow1: 0 2px 12px 0 rgba($--color-black, 0.15);\r\n\r\n:export {\r\n aside_width: $--aside-width;\r\n color_primary: $--color-primary;\r\n color_success: $--color-success;\r\n color_warning: $--color-warning;\r\n color_danger: $--color-danger;\r\n}\r\n","@import \"@/assets/css/element-variables.scss\";\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n\r\n.personal-info-container {\r\n width: 100%;\r\n height: 100%;\r\n box-sizing: border-box;\r\n padding: 16px;\r\n\r\n .el-header {\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid $--system-border-color3;\r\n // background: #314351;\r\n }\r\n\r\n .title {\r\n font-size: 16px;\r\n }\r\n\r\n .personal-info-header {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .header-content {\r\n display: flex;\r\n height: 100%;\r\n }\r\n\r\n .avator-container {\r\n width: 120px;\r\n height: 100%;\r\n margin-right: 30px;\r\n box-sizing: border-box;\r\n text-align: center;\r\n }\r\n\r\n .header-info {\r\n width: calc(100% - 150px);\r\n padding: 6px 0;\r\n display: flex;\r\n flex-flow: column;\r\n justify-content: space-between;\r\n gap: 14px;\r\n div {\r\n font-size: 14px;\r\n }\r\n .role {\r\n font-size: 14px;\r\n }\r\n }\r\n}\r\n\r\n.el-card.is-always-shadow {\r\n border-radius: 20px;\r\n}\r\n.personal-info-bottom {\r\n height: calc(100% - 288px);\r\n margin-bottom: 16px;\r\n overflow: auto;\r\n}\r\n.personal-info-footer {\r\n height: 100px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.title-info {\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n color: #43a1ff;\r\n}\r\n::v-deep .el-form--label-top .el-form-item__label {\r\n padding: 0;\r\n}\r\n::v-deep .el-form-item {\r\n margin-bottom: 14px;\r\n}\r\n"],sourceRoot:""}])}}]);