{"version":3,"sources":["webpack:///./src/views/Home/AccountSetting.vue?9dcb","webpack:///src/views/Home/AccountSetting.vue","webpack:///./src/views/Home/AccountSetting.vue?fae8","webpack:///./src/views/Home/AccountSetting.vue","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/views/Home/AccountSetting.vue?103a","webpack:///./src/assets/imgs/jiahao.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","cropperOptions","imgType","imgUrl","on","cropClose","cropSuccess","changeCover","ref","visible","editCancel","cropOk","userinfo","strUserName","directives","name","rawName","value","expression","domProps","$event","target","composing","strRealName","ddUserSex","iNumber","sendrole","$set","cancel","update","staticRenderFns","data","userName","autoCrop","autoCropWidth","autoCropHeight","fixedBox","previewsCircle","title","stunumber","phone","email","phonecode","emailcode","btnTitle","showName","showPhone","showEmail","showheader","showModal","edit","inputname","inputnames","verShow","verShows","timer","emailtime","components","upModal","ImageCropper","editModal","methods","$router","go","reg","regEmail","test","strUserPhone","$i18n","locale","$message","error","iUserId","strUserImgUrl","strUserEmail","response","iCode","isBase64","modifyinfo","user","UserId","RealName","Sex","userClass","iClassId","Phone","Email","listRoleId","RoleName","validateBtn","auth_timer","setInterval","clearInterval","valiemailBtn","auth_email","$refs","son","option","fixedNumber","console","log","upload","GiveUp","$store","commit","save","changeData","imgSrc","Teachername","auth","introArea","cancelname","handleemailOk","sendinfo","cancelemail","handlephoneOk","cancelphone","watch","val","created","state","mounted","component","$","IndexedObject","toIndexedObject","arrayMethodIsStrict","nativeJoin","join","ES3_STRINGS","Object","STRICT_METHOD","proto","forced","separator","call","undefined","module","exports"],"mappings":"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","file":"js/chunk-e8e681aa.58f3101a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"account-setting\",attrs:{\"id\":\"accountsetting\"}},[_c('p',{staticClass:\"setting-name\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.AccountSettings')))]),_c('div',{staticClass:\"line-top\"}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"head-portrait\",attrs:{\"id\":\"container\"}},[_c('image-cropper',{staticClass:\"header-imagin\",attrs:{\"options\":_vm.cropperOptions,\"imgSize\":2,\"imgType\":_vm.imgType,\"imageUrl\":_vm.imgUrl},on:{\"crop-upload-close\":_vm.cropClose,\"crop-upload-success\":_vm.cropSuccess}}),_c('div',{staticClass:\"complite-header\",on:{\"click\":_vm.changeCover}},[_c('img',{staticClass:\"header-img\",attrs:{\"src\":require(\"../../assets/imgs/jiahao.png\")}}),_c('p',{staticClass:\"header-name\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.EditAvatar')))])])],1),_c('edit-modal',{ref:\"son\",attrs:{\"svisible\":_vm.visible,\"imgUrl\":_vm.imgUrl},on:{\"cancel\":_vm.editCancel,\"cropperOk\":_vm.cropOk}}),_c('div',{staticClass:\"personal-inform\"},[_c('p',{staticClass:\"student student-number\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.UserName'))+\":\")]),_c('p',{staticClass:\"input input-stunumber\"},[_vm._v(_vm._s(_vm.userinfo.strUserName))]),_c('p',{staticClass:\"student name\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Name'))+\":\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.strRealName),expression:\"strRealName\"}],staticClass:\"input input-stuname\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.strRealName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.strRealName=$event.target.value}}}),_c('p',{staticClass:\"student student-sex\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Gender'))+\":\")]),_c('a-radio-group',{staticClass:\"input select-sex\",attrs:{\"default-value\":_vm.userinfo.ddUserSex.iNumber}},[_c('a-radio',{attrs:{\"value\":1},on:{\"click\":function($event){return _vm.sendrole(1)}}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Male')))]),_c('a-radio',{attrs:{\"value\":2},on:{\"click\":function($event){return _vm.sendrole(2)}}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Female')))])],1),_c('p',{staticClass:\"student student-phone\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.MobileNumber'))+\":\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userinfo.strUserPhone),expression:\"userinfo.strUserPhone\"}],staticClass:\"input input-phone\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.userinfo.strUserPhone)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.userinfo, \"strUserPhone\", $event.target.value)}}}),_c('p',{staticClass:\"student student-email\"},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Email'))+\":\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userinfo.strUserEmail),expression:\"userinfo.strUserEmail\"}],staticClass:\"input input-email\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.userinfo.strUserEmail)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.userinfo, \"strUserEmail\", $event.target.value)}}})],1),_c('div',{staticClass:\"button\"},[_c('one-button',{staticClass:\"inform-button compile\",on:{\"click\":_vm.cancel}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Cancel')))]),_c('one-button',{staticClass:\"inform-button renturn-inform\",on:{\"click\":_vm.update}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.Complete')))])],1)],1),_c('up-modal')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"accountsetting\" class=\"account-setting\">\r\n    <p class=\"setting-name\">{{$t('translateText.accountSet.AccountSettings')}}</p>\r\n    <div class=\"line-top\"></div>\r\n    <div class=\"container\">\r\n      <div class=\"head-portrait\" id=\"container\">\r\n        <!-- <Upload></Upload> -->\r\n        <!-- <img\r\n                    class=\"header-imagin\"\r\n                    src=\"../../assets/imgs/background.png\"\r\n                /> -->\r\n        <image-cropper\r\n          class=\"header-imagin\"\r\n          :options=\"cropperOptions\"\r\n          :imgSize=\"2\"\r\n          :imgType=\"imgType\"\r\n          :imageUrl=\"imgUrl\"\r\n          @crop-upload-close=\"cropClose\"\r\n          @crop-upload-success=\"cropSuccess\"\r\n        />\r\n        <div class=\"complite-header\" @click=\"changeCover\">\r\n          <img class=\"header-img\" src=\"../../assets/imgs/jiahao.png\" />\r\n\r\n          <p class=\"header-name\">{{$t('translateText.accountSet.EditAvatar')}}</p>\r\n        </div>\r\n      </div>\r\n      <edit-modal\r\n        ref=\"son\"\r\n        :svisible=\"visible\"\r\n        :imgUrl=\"imgUrl\"\r\n        @cancel=\"editCancel\"\r\n        @cropperOk=\"cropOk\"\r\n      ></edit-modal>\r\n      <div class=\"personal-inform\">\r\n        <p class=\"student student-number\">{{$t('translateText.accountSet.UserName')}}:</p>\r\n        <p class=\"input input-stunumber\">{{ userinfo.strUserName }}</p>\r\n        <p class=\"student name\">{{$t('translateText.accountSet.Name')}}:</p>\r\n        <!-- <p class=\"input input-stuname\"></p> -->\r\n        <!-- <p\r\n                    class=\"input input-stuname\"\r\n                    placeholder=\"\"\r\n                >{{userinfo.strRealName}}</p> -->\r\n        <input class=\"input input-stuname\" type=\"text\" v-model=\"strRealName\" />\r\n        <!-- <p\r\n                    class=\"updatainform updatename\"\r\n                    @click=\"\r\n                        (showName = true),\r\n                            (inputname = false),\r\n                            (inputnames = true)\r\n                    \"\r\n                    v-if=\"edit\"\r\n                >\r\n                    更改姓名\r\n                </p> -->\r\n        <p class=\"student student-sex\">{{$t('translateText.accountSet.Gender')}}:</p>\r\n        <a-radio-group\r\n          :default-value=\"userinfo.ddUserSex.iNumber\"\r\n          class=\"input select-sex\"\r\n        >\r\n          <a-radio :value=\"1\" @click=\"sendrole(1)\">{{$t('translateText.accountSet.Male')}}</a-radio>\r\n          <a-radio :value=\"2\" @click=\"sendrole(2)\">{{$t('translateText.accountSet.Female')}}</a-radio>\r\n        </a-radio-group>\r\n\r\n        <p class=\"student student-phone\">{{$t('translateText.accountSet.MobileNumber')}}:</p>\r\n        <!-- <p class=\"input input-phone\">{{ userinfo.strUserPhone }}</p> -->\r\n        <input\r\n          class=\"input input-phone\"\r\n          type=\"text\"\r\n          v-model=\"userinfo.strUserPhone\"\r\n        />\r\n        <!-- <p\r\n                    class=\"updatainform updatephone\"\r\n                    @click=\"\r\n                        (showPhone = true),\r\n                            (inputphone = false),\r\n                            (inputphones = true)\r\n                    \"\r\n                    v-if=\"edit\"\r\n                >\r\n                    更改手机号\r\n                </p> -->\r\n        <p class=\"student student-email\">{{$t('translateText.accountSet.Email')}}:</p>\r\n        <!-- <p class=\"input input-email\">{{ userinfo.strUserEmail }}</p> -->\r\n        <input\r\n          class=\"input input-email\"\r\n          type=\"text\"\r\n          v-model=\"userinfo.strUserEmail\"\r\n        />\r\n        <!-- <p\r\n                    class=\"updatainform updateemail\"\r\n                    @click=\"\r\n                        (showEmail = true),\r\n                            (inputemail = false),\r\n                            (inputemails = true)\r\n                    \"\r\n                    v-if=\"edit\"\r\n                >\r\n                    更改邮箱地址\r\n                </p> -->\r\n        \r\n      </div>\r\n      <div class=\"button\">\r\n        <one-button class=\"inform-button compile\" @click=\"cancel\"\r\n          >{{$t('translateText.accountSet.Cancel')}}</one-button>\r\n        <one-button class=\"inform-button renturn-inform\" @click=\"update\"\r\n          >{{$t('translateText.accountSet.Complete')}}</one-button>\r\n\r\n      </div>\r\n    </div>\r\n    \r\n    <up-modal />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport upModal from \"@/components/upModal\";\r\nimport ImageCropper from \"@/components/ImageCropper\";\r\nimport editModal from \"@/components/ImageCropper/editModal\";\r\nimport { UpdateUser, accountSettings } from \"../../utils/api\";\r\n\r\nexport default {\r\n  name: \"AccountSetting\",\r\n  data() {\r\n    return {\r\n      strRealName: \"\",\r\n      userinfo: {},\r\n      userName: \"\",\r\n      visible: false,\r\n      cropperOptions: {\r\n        autoCrop: true, //是否默认生成截图框\r\n        autoCropWidth: 270, //默认生成截图框宽度\r\n        autoCropHeight: 150, //默认生成截图框高度\r\n        fixedBox: false, //是否固定截图框大小 不允许改变\r\n        previewsCircle: false, //预览图是否是圆形\r\n        title: \"上传课程封面\", //模态框上显示的标题\r\n      },\r\n      imgType: \"testUp\", //图片存储在oss上的上级目录名\r\n      imgUrl: require(\"@/assets/imgs/course/upload.png\"), //上传图片所得到的地址\r\n      stunumber: 1,\r\n      name: \"\",\r\n      phone: \"\",\r\n      email: \"\",\r\n      phonecode: \"\",\r\n      emailcode: \"\",\r\n      btnTitle: \"\",\r\n      showName: false,\r\n      showPhone: false,\r\n      showEmail: false,\r\n      showheader: false,\r\n      showModal: false,\r\n      edit: false,\r\n      inputname: false,\r\n      inputnames: true,\r\n      verShow: true,\r\n      verShows: true,\r\n      timer: 60,\r\n      emailtime: 60,\r\n    };\r\n  },\r\n  components: {\r\n    upModal,\r\n    ImageCropper,\r\n    editModal,\r\n  },\r\n  methods: {\r\n    sendrole(value) {\r\n      this.userinfo.ddUserSex.iNumber = value;\r\n    },\r\n    cancel() {\r\n      this.$router.go(-1);\r\n    },\r\n    update() {\r\n        //手机号和邮箱的验证规则\r\n      var reg = /^(\\+86)?(13|15|17|18|14)\\d{9}$/;\r\n      var regEmail = /^[A-Za-z0-9\\u4e00-\\u9fa5]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/;\r\n      if (!reg.test(this.userinfo.strUserPhone) && this.userinfo.strUserPhone && this.$i18n.locale == 'zh') {\r\n        return this.$message.error(this.$t('translateText.accountSet.IncorrectPhoneFormat'));\r\n      } else\r\n      if (this.strRealName == \"\" ||  this.strRealName.split(\" \").join(\"\").length ==0) {\r\n        return this.$message.error(this.$t('translateText.accountSet.NameNotEmpty'))\r\n      }else if (!regEmail.test(this.userinfo.strUserEmail) && this.userinfo.strUserEmail) {\r\n        this.$message.error(this.$t('translateText.accountSet.IncorrectEmailFormat'));\r\n      } else {\r\n        let imgUrl = this.imgUrl\r\n        let bool =  this.isBase64(this.imgUrl);\r\n        if(!bool){\r\n            imgUrl = \"\"\r\n        }\r\n        accountSettings({\r\n          iUserId: this.userinfo.iUserId,\r\n          strRealName: this.strRealName,\r\n          strUserPhone: this.userinfo.strUserPhone,\r\n          ddUserSex: {\r\n            iNumber: this.userinfo.ddUserSex.iNumber,\r\n          },\r\n          strUserImgUrl: imgUrl,\r\n          strUserEmail: this.userinfo.strUserEmail,\r\n        }).then((response) => {\r\n          if (response.data.iCode == 0) {\r\n            this.userinfo.strRealName = this.strRealName;\r\n            this.userinfo.strUserImgUrl = this.imgUrl;\r\n            // var userinfo = JSON.stringify(this.userinfo)\r\n            // localStorage.setItem(\"userinfo\",userinfo);\r\n            this.$store.commit(\"getUserInfo\", this.userinfo);\r\n            return (\r\n              this.$message.success(this.$t('translateText.accountSet.ModifiedSuccessfully')), this.$router.push(\"/home\")\r\n            );\r\n          } else {\r\n            if(response.data.strMessage == '该手机号已存在！'){\r\n              return this.$message.error(this.$t('translateText.accountSet.NumberExists'));\r\n            }else{\r\n              return this.$message.error(response.data.strMessage);\r\n            }\r\n          }\r\n        });\r\n      }\r\n    },\r\n    //判断是否是base64\r\n    isBase64(str){\r\n        if(str.substring(0,4) == \"data\"){\r\n            return true\r\n        }else {\r\n            return false\r\n        }\r\n    },\r\n    modifyinfo() {\r\n      UpdateUser({\r\n        user: {\r\n          iUserId: this.UserId,\r\n          strRealName: this.RealName,\r\n          ddUserSex: {\r\n            iNumber: this.Sex,\r\n          },\r\n          userClass: {\r\n            iClassId: 0,\r\n          },\r\n          strUserPhone: this.Phone,\r\n          strUserEmail: this.Email,\r\n        },\r\n        listRoleId: [this.RoleName],\r\n      }).then(() => {});\r\n    },\r\n    validateBtn() {\r\n      //倒计时\r\n      this.verShow = false;\r\n      var auth_timer = setInterval(() => {\r\n        this.timer--;\r\n        if (this.timer <= 0) {\r\n          this.verShow = true;\r\n          clearInterval(auth_timer);\r\n        }\r\n      }, 1000);\r\n    },\r\n    valiemailBtn() {\r\n      //倒计时\r\n      this.verShows = false;\r\n      var auth_email = setInterval(() => {\r\n        this.emailtime--;\r\n        if (this.emailtime <= 0) {\r\n          this.verShows = true;\r\n          clearInterval(auth_email);\r\n        }\r\n      }, 1000);\r\n    },\r\n    cropOk(value) {\r\n      this.imgUrl = value;\r\n    },\r\n    changeCover() {\r\n      this.showModal = true;\r\n      this.visible = true;\r\n      this.$refs.son.option.fixedNumber = [1, 1];\r\n      this.$refs.son.option.autoCropWidth = 150;\r\n    },\r\n    //上传操作结束\r\n    cropClose() {\r\n      console.log(\"上传操作结束\");\r\n    },\r\n    //上传图片成功\r\n    cropSuccess(data) {\r\n      this.imgUrl = data;\r\n    },\r\n    upload() {\r\n      //点击左侧图片上传事件\r\n      this.showModal = true;\r\n    },\r\n    GiveUp() {\r\n      (this.category = []), (this.Teachername = \"\"), (this.introArea = \"\");\r\n      this.$store.commit(\"updatacondition\", 11);\r\n    },\r\n    save() {\r\n      this.$message.error(this.$t('translateText.accountSet.InterfaceNotOpen'));\r\n    },\r\n    editCancel() {\r\n      //更换封面（editModal）取消按钮\r\n      this.visible = false;\r\n    },\r\n    changeData() {\r\n      let edit = JSON.parse(localStorage.getItem(\"editInfo\"));\r\n      this.imgUrl = edit.imgSrc;\r\n      this.Teachername = edit.auth;\r\n      this.introArea = edit.title;\r\n    },\r\n    cancelname() {\r\n      this.showName = false;\r\n    },\r\n    //修改邮箱email\r\n    handleemailOk() {\r\n      this.sendinfo();\r\n    },\r\n    cancelemail() {\r\n      this.showEmail = false;\r\n    },\r\n    //修改手机号\r\n    handlephoneOk() {\r\n      this.sendinfo();\r\n    },\r\n    cancelphone() {\r\n      this.showPhone = false;\r\n    },\r\n  },\r\n  watch: {\r\n    name(val) {\r\n      //输入中文或英文\r\n      var reg = /^[\\u0391-\\uFFE5A-Za-z]+$/;\r\n      if (reg.test(val)) {\r\n        this.inputname = true;\r\n        this.inputnames = false;\r\n      } else {\r\n        this.inputnames = true;\r\n        this.inputname = false;\r\n      }\r\n    },\r\n    phone(val) {\r\n      //开头是1 第二位是3-9 的11位数字\r\n      let reg = /^1[3-9][0-9]{9}$/;\r\n      if (reg.test(val)) {\r\n        this.phone - val;\r\n      }\r\n    },\r\n    email(val) {\r\n      //邮箱\r\n      var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\\.[a-zA-Z0-9_-])+/;\r\n      if (reg.test(val)) {\r\n        this.email = val;\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.userinfo = this.$store.state.userinfo;\r\n    this.strRealName = this.userinfo.strRealName;\r\n    this.imgUrl = this.userinfo.strUserImgUrl;\r\n  },\r\n  mounted() {\r\n    // this.sexnumber = this.userinfo.ddUserSex.iNumber\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\nmaincolor = #818181;\r\n.button{\r\n  position :absolute\r\n  left :30%;\r\n  bottom: 20%\r\n  // margin-left :-250px;\r\n  // bottom :140px\r\n}\r\n::-webkit-input-placeholder {\r\n  /* WebKit browsers */\r\n  color: maincolor;\r\n}\r\n\r\n:-moz-placeholder {\r\n  /* Mozilla Firefox 4 to 18 */\r\n  color: maincolor;\r\n}\r\n\r\n::-moz-placeholder {\r\n  /* Mozilla Firefox 19+ */\r\n  color: maincolor;\r\n}\r\n\r\n:-ms-input-placeholder {\r\n  /* Internet Explorer 10+ */\r\n  color: maincolor;\r\n}\r\n\r\ninput:focus::-webkit-input-placeholder {\r\n  color: maincolor;\r\n}\r\n\r\n.account-setting {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #FFFFFF;\r\n  border-radius: 5px;\r\n  margin-top: 0px;\r\n\r\n  .setting-name {\r\n    position: absolute;\r\n    // font-size: 2.12962962962vh\r\n    font-size: 2.22222222222vh;\r\n    font-family: Source Han Sans CN;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    line-height: 59px;\r\n    top: 2.366%;\r\n    margin-left: 36px;\r\n  }\r\n\r\n  .line-top {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 10.5975%;\r\n    transform: translateX(-50%);\r\n    border: 1px solid #D5D5D5;\r\n    background-color: #D5D5D5;\r\n    width: 96%;\r\n  }\r\n\r\n  .container {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 90%;\r\n    top: 9.5975%;\r\n    left: 0;\r\n    // background-color:#cccccc;\r\n    padding: 0 0 0 0;\r\n\r\n    .head-portrait {\r\n      position: absolute;\r\n      top: 23.3%;\r\n      left: 8.7%;\r\n      width: 16%;\r\n      height: 38%;\r\n\r\n      @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n        width: 28.04%;\r\n        height: 30%;\r\n        left: 3%;\r\n      }\r\n\r\n      @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n        width: 27.74%;\r\n        height: 24%;\r\n        left: 3%;\r\n      }\r\n\r\n      .complite-header {\r\n        position: relative;\r\n        width: 110px;\r\n        height: 32px;\r\n        margin-top: 6%;\r\n        margin-left: 21%;\r\n        text-align: center;\r\n        border: 1px solid #4F4F4F;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        // @media screen and (min-height: 600px) and (max-height: 750px)\r\n        // margin-left:30%\r\n      }\r\n\r\n      .header-imagin {\r\n        display: inline-block;\r\n        // margin-top:2%\r\n        // width: 100%\r\n        // height: 74%\r\n        // position: absolute\r\n        // top: 2%\r\n        // left: 50%\r\n        // transform: translateX(-50%)\r\n        // border: 0\r\n        // border-radius: 10px\r\n      }\r\n\r\n      .header-img {\r\n        display: inline-block;\r\n        width: 16px;\r\n        height: 16px;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 18%;\r\n        transform: translateY(-50%);\r\n      }\r\n\r\n      .header-name {\r\n        display: inline-block;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 34%;\r\n        transform: translateY(-50%);\r\n      }\r\n    }\r\n\r\n    .personal-inform {\r\n      position: absolute;\r\n      top: 16.6%;\r\n      right: 27.5%;\r\n      width: 30vw;\r\n      height: 50.5%;\r\n\r\n      // @media screen and (min-height: 600px) and (max-height: 750px)\r\n      // width: 40vw\r\n      // right:17%\r\n      @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n        width: 58vw;\r\n        right: 2%;\r\n      }\r\n\r\n      @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n        width: 58vw;\r\n        height: 40%;\r\n        right: -2%;\r\n      }\r\n\r\n      .student {\r\n        display: inline-block;\r\n        position: absolute;\r\n        left: 0.342%;\r\n        // font-size: 2.03703703703vh\r\n        font-size: 2.03703703703703vh;\r\n        font-family: Source Han Sans CN;\r\n        font-weight: bold;\r\n        color: #333333;\r\n      }\r\n\r\n      .student-number {\r\n        top: 0.638%;\r\n      }\r\n\r\n      .input {\r\n        display: inline-block;\r\n        position: absolute;\r\n        font-size: 1.85185185185vh;\r\n        color: #818181;\r\n        left: 21.88%;\r\n        outline-color: #2EADB5;\r\n      }\r\n\r\n      .input-stunumber {\r\n        top: 1.038%;\r\n        // font-size: 1.48148148148vh\r\n      }\r\n\r\n      .name {\r\n        top: 21.05%;\r\n      }\r\n\r\n      .updatainform {\r\n        display: inline-block;\r\n        position: absolute;\r\n        left: 79%;\r\n        color: red;\r\n      }\r\n\r\n      .updatename {\r\n        top: 21.47%;\r\n      }\r\n\r\n      .updatephone {\r\n        top: 62.055%;\r\n      }\r\n\r\n      .updateemail {\r\n        top: 84.43%;\r\n      }\r\n\r\n      .input-stuname {\r\n        height: 11.34%;\r\n        width: 53.4%;\r\n        top: 18.47%;\r\n        text-align: left;\r\n        // padding-top: 2%;\r\n        border: 1px solid #B1B1B1;\r\n        border-radius: 5px;\r\n        outline-color: #2EADB5;\r\n      }\r\n\r\n      .student-sex {\r\n        top: 42.283%;\r\n      }\r\n\r\n      .select-sex {\r\n        top: 41.183%;\r\n\r\n        .girl {\r\n          display: inline-block;\r\n        }\r\n\r\n        .girl {\r\n          display: inline-block;\r\n          position: absolute;\r\n          left: 100px;\r\n        }\r\n      }\r\n\r\n      .student-phone {\r\n        top: 62.155%;\r\n      }\r\n\r\n      .input-phone {\r\n        top: 58.46%;\r\n        height: 12.34%;\r\n        width: 53.4%;\r\n        text-align: left;\r\n        // padding-top: 2%;\r\n        border: 1px solid #B1B1B1;\r\n        border-radius: 5px;\r\n        outline-color: #2EADB5;\r\n      }\r\n\r\n      .student-email {\r\n        top: 84.63%;\r\n      }\r\n\r\n      .input-email {\r\n        top: 80.85%;\r\n        height: 12.34%;\r\n        width: 53.4%;\r\n        text-align: left;\r\n        // padding-top: 2%;\r\n        border: 1px solid #B1B1B1;\r\n        border-radius: 5px;\r\n        outline-color: #2EADB5;\r\n      }\r\n\r\n      .inform-button {\r\n        // margin-top: 76%;\r\n        // @media screen and (max-width:700px) and (max-height: 750px)\r\n        // margin-top:90%\r\n      }\r\n\r\n      .compile {\r\n        margin-left: 20%;\r\n      }\r\n\r\n      .renturn-inform {\r\n        margin-left: 80%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.peoplename {\r\n  /deep/.ant-modal-content {\r\n    display: inline-block;\r\n    width: 400px;\r\n    height: 200px;\r\n    margin-left: 18%;\r\n    margin-top: 24%;\r\n  }\r\n\r\n  /deep/.ant-modal-footer {\r\n    border-top: none;\r\n    margin-top: 90px;\r\n  }\r\n\r\n  /deep/.ant-btn-primary {\r\n    background: #2EADB5;\r\n    margin-right: 25%;\r\n    margin-left: 18%;\r\n  }\r\n}\r\n\r\n.prompt-updata-name {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  .prompt-name {\r\n    font-size: 2.22222222222vh;\r\n    font-family: Source Han Sans CN;\r\n    font-weight: 400;\r\n    color: #000000;\r\n    text-align: center;\r\n    margin-top: 4%;\r\n  }\r\n\r\n  .prompt-names {\r\n    left: 10%;\r\n    top: 41%;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n  }\r\n\r\n  .prompt-input {\r\n    left: 24%;\r\n    top: 38.8%;\r\n    width: 52%;\r\n    height: 15%;\r\n    outline: none;\r\n    border: 1px solid #888888;\r\n    border-radius: 4px;\r\n    font-size: 1.85185185185vh;\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      height: 12%;\r\n      font-size: 1.36666666vh;\r\n    }\r\n  }\r\n\r\n  .duihao {\r\n    text-align: center;\r\n    top: 41.4%;\r\n    right: 14%;\r\n    width: 16px;\r\n    height: 16px;\r\n    background: url('../../assets/imgs/duihao.png');\r\n    background-size: cover;\r\n  }\r\n\r\n  .chahao {\r\n    text-align: center;\r\n    top: 41.4%;\r\n    right: 14%;\r\n    width: 16px;\r\n    height: 16px;\r\n    line-height: 12px;\r\n    background: red;\r\n    color: white;\r\n    border-radius: 50%;\r\n    font-weight: 700;\r\n  }\r\n}\r\n\r\n.peoplephone {\r\n  /deep/.ant-modal-content {\r\n    display: inline-block;\r\n    width: 400px;\r\n    height: 280px;\r\n    margin-left: 18%;\r\n    margin-top: 16%;\r\n  }\r\n\r\n  /deep/.ant-modal-footer {\r\n    border-top: none;\r\n    margin-top: 160px;\r\n  }\r\n\r\n  /deep/.ant-btn-primary {\r\n    background: #2EADB5;\r\n    margin-right: 25%;\r\n    margin-left: 18%;\r\n  }\r\n}\r\n\r\n.peopleemail {\r\n  /deep/.ant-modal-content {\r\n    display: inline-block;\r\n    width: 400px;\r\n    height: 280px;\r\n    margin-left: 18%;\r\n    margin-top: 16%;\r\n  }\r\n\r\n  /deep/.ant-modal-footer {\r\n    border-top: none;\r\n    margin-top: 160px;\r\n  }\r\n\r\n  /deep/.ant-btn-primary {\r\n    background: #2EADB5;\r\n    margin-right: 25%;\r\n    margin-left: 18%;\r\n  }\r\n}\r\n\r\n.prompt-updata-email {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  .prompt-email-name {\r\n    font-size: 2.22222222222vh;\r\n    font-family: Source Han Sans CN;\r\n    font-weight: 400;\r\n    color: #000000;\r\n    margin-top: 4%;\r\n    text-align: center;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.888888888vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.888888888vh;\r\n    }\r\n  }\r\n\r\n  .prompt-email-names {\r\n    left: 8%;\r\n    top: 31%;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n  }\r\n\r\n  .prompt-email-codes {\r\n    left: 8%;\r\n    top: 54.6%;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n  }\r\n\r\n  .prompt-input-code {\r\n    left: 30%;\r\n    top: 51%;\r\n    width: 59%;\r\n    height: 14%;\r\n    outline: none;\r\n    border: 1px solid #888888;\r\n    border-radius: 4px;\r\n    font-size: 1.85185185185vh;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.366666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.366666666vh;\r\n    }\r\n  }\r\n\r\n  .shuxian {\r\n    width: 1px;\r\n    height: 8%;\r\n    position: absolute;\r\n    top: 54.5%;\r\n    left: 66%;\r\n    background: #888888;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      left: 68%;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      left: 68%;\r\n    }\r\n  }\r\n\r\n  .email-line {\r\n    width: 1px;\r\n    height: 8%;\r\n    position: absolute;\r\n    top: 54.5%;\r\n    left: 61%;\r\n    background: #888888;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      left: 65%;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      left: 62.8%;\r\n    }\r\n  }\r\n\r\n  .get-codes {\r\n    font-size: 1.85185185185vh;\r\n    top: 54.4%;\r\n    right: 13%;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.366666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.366666666vh;\r\n    }\r\n  }\r\n\r\n  .prompt-input-email {\r\n    left: 30%;\r\n    top: 28%;\r\n    width: 59%;\r\n    height: 14%;\r\n    outline: none;\r\n    border: 1px solid #888888;\r\n    border-radius: 4px;\r\n    font-size: 1.85185185185vh;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.366666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.366666666vh;\r\n    }\r\n  }\r\n\r\n  .prompt-email-button {\r\n    bottom: 9%;\r\n    border-radius: 5px;\r\n    outline: none;\r\n    border: 0px;\r\n    width: 21%;\r\n    height: 13.1%;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n  }\r\n\r\n  .prompt-email-cancel {\r\n    left: 22%;\r\n  }\r\n\r\n  .prompt-email-save {\r\n    right: 22%;\r\n    background: #2EADB5;\r\n  }\r\n}\r\n\r\n.prompt-updata-header {\r\n  position: absolute;\r\n  top: 20.7%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 32.23%;\r\n  height: 44.9%;\r\n  border-radius: 14px;\r\n  border: 1px solid #cccccc;\r\n  background: #FFFFFF;\r\n  box-shadow: 0px 2px 28px 4px rgba(86, 86, 86, 0.09);\r\n  border-radius: 8px;\r\n\r\n  @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n    width: 62%;\r\n    height: 38%;\r\n  }\r\n\r\n  @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n    width: 66%;\r\n    height: 34%;\r\n  }\r\n\r\n  .header-one {\r\n    left: 12%;\r\n    top: 21%;\r\n  }\r\n\r\n  .header-two {\r\n    width: 24%;\r\n    height: 26%;\r\n    top: 24%;\r\n    right: 16.5%;\r\n  }\r\n\r\n  .header-look {\r\n    top: 12%;\r\n    right: 23%;\r\n    font-size: 1.85185185185vh;\r\n    font-family: Source Han Sans CN;\r\n    font-weight: 400;\r\n    color: #4F4F4F;\r\n    line-height: 32px;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n  }\r\n\r\n  .header-tf {\r\n    width: 10%;\r\n    height: 14%;\r\n    bottom: 28%;\r\n  }\r\n\r\n  .header-three {\r\n    right: 32%;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .header-four {\r\n    right: 14%;\r\n  }\r\n\r\n  .header-button {\r\n    width: 16%;\r\n    height: 9%;\r\n    border-radius: 5px;\r\n    outline: none;\r\n    bottom: 10%;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.466666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.466666666vh;\r\n    }\r\n  }\r\n\r\n  .header-cancel {\r\n    left: 30%;\r\n    background: white;\r\n    border: 1px solid #7C838D;\r\n  }\r\n\r\n  .header-save {\r\n    right: 30%;\r\n    background: #2EADB5;\r\n    border: 0px;\r\n    color: white;\r\n  }\r\n\r\n  .header-title {\r\n    top: 11%;\r\n    left: 12%;\r\n    font-weight: bold;\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      font-size: 1.666666666vh;\r\n    }\r\n  }\r\n\r\n  .upload-headbtn {\r\n    font-family: Source Han Sans CN;\r\n    font-weight: 400;\r\n    color: #4F4F4F;\r\n    line-height: 32px;\r\n    bottom: 32%;\r\n    left: 13%;\r\n    font-size: 1.05185185185vh;\r\n\r\n    @media screen and (max-height: 700px) {\r\n      bottom: 26%;\r\n    }\r\n\r\n    @media screen and (max-height: 1100px) and (max-width: 900px) {\r\n      bottom: 41%;\r\n    }\r\n\r\n    @media screen and (min-height: 1200px) and (min-width: 1000px) {\r\n      bottom: 48%;\r\n    }\r\n  }\r\n\r\n  .header-cha {\r\n    top: 7%;\r\n    right: 6%;\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}\r\n\r\n.headers {\r\n  display: inline-block;\r\n  position: absolute;\r\n}\r\n\r\n.ant-radio-wrapper-checked {\r\n  color: #2EADB5 !important;\r\n}\r\n\r\n.ant-radio-checked .ant-radio-inner {\r\n  border-color: #2EADB5 !important;\r\n}\r\n\r\n/deep/ .ant-upload.ant-upload-select-picture-card {\r\n  margin: 8% 0;\r\n  width: 195px;\r\n  height: 130px;\r\n}\r\n\r\n/deep/ .ant-select-selection--multiple .ant-select-selection__rendered {\r\n  height: 33px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSetting.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSetting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountSetting.vue?vue&type=template&id=1d628c66&scoped=true&\"\nimport script from \"./AccountSetting.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountSetting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountSetting.vue?vue&type=style&index=0&id=1d628c66&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1d628c66\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = [].join;\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSetting.vue?vue&type=style&index=0&id=1d628c66&lang=stylus&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABB0lEQVQ4T+2TLU4EQRCF3+vMnIEgMRwADcuPHEj14DgFEDxHILsYjoDBTLrFCAQ/gkMgcGDAgEBMMtWkkzWEYXqSHbllu+pL1Xv9iESJyITkDYBXVd303n/3jXAAcEbyJPaR3K2q6n4hYFmWsxDCEvi/iklTRtdQRKYkT+NOqrrjvX/odVlEVgBMjDF/tm3bFsaYIwCHERJCODfGPHcBY2+e50+01r4AWEv9x4HvHxH4BmB14ECq7ZNFUaxnWXbQdbKqxnRYAFtz0hXJeFFnqept0mURuSB5Ntdw2zn3uIzeLwWSGo6elNGB1tpLAMdzl/ecc3cLuSwi+wCuSb43TbNR1/VXH/AHLJeb9K4QjYwAAAAASUVORK5CYII=\""],"sourceRoot":""}