{"version":3,"sources":["webpack:///./src/app/parent/views/home/child/personal-info.vue?9317","webpack:///./src/app/parent/views/home/child/personal-info.vue?4b59","webpack:///src/app/parent/views/home/child/personal-info.vue","webpack:///./src/app/parent/views/home/child/personal-info.vue?2495","webpack:///./src/app/parent/views/home/child/personal-info.vue","webpack:///./src/app/parent/views/home/child/personal-info.vue?6a4f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","ref","attrs","changeUserPhoto","model","value","callback","$$v","faceImgs","expression","on","userPhotoChooseFile","$event","$router","push","path","query","propName","val","userInfo","name","_s","genderPickerShow","sex","phone","switchUser","genderPickerColumns","genderPickerConfirm","staticRenderFns","data","pageTitle","created","$onBus","computed","methods","$refs","photoUploader","chooseFile","changeParentInfos","message","duration","forbidClick","changeProps","prop","$api","v","id","watch","immediate","handler","photo","$set","component"],"mappings":"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","file":"static/js/chunk-a387520a.6a300118.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./personal-info.vue?vue&type=style&index=0&id=053734de&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"personal-info-page\"},[_c('div',{staticClass:\"info-wrapper\"},[_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"item-label\"},[_vm._v(\"头像\")]),_c('div',{staticClass:\"item-right\"},[_c('van-uploader',{ref:\"photoUploader\",staticClass:\"user-photo\",attrs:{\"result-type\":\"dataUrl\",\"max-count\":\"2\",\"after-read\":_vm.changeUserPhoto},model:{value:(_vm.faceImgs),callback:function ($$v) {_vm.faceImgs=$$v},expression:\"faceImgs\"}}),_c('span',{staticClass:\"item-icon\",on:{\"click\":_vm.userPhotoChooseFile}},[_c('van-icon',{attrs:{\"name\":\"arrow\",\"size\":\"16\"}})],1)],1)]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"item-label\"},[_vm._v(\"姓名\")]),_c('div',{staticClass:\"item-right\",on:{\"click\":function($event){return _vm.$router.push({\n              path: '/personalInfoEdit',\n              query: { propName: 'name', val: _vm.userInfo.name || '' },\n            })}}},[_c('span',{staticClass:\"item-value\"},[_vm._v(_vm._s(_vm.userInfo.name ? _vm.userInfo.name : '未设置'))]),_c('span',{staticClass:\"item-icon\"},[_c('van-icon',{attrs:{\"name\":\"arrow\",\"size\":\"16\"}})],1)])]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"item-label\"},[_vm._v(\"性别\")]),_c('div',{staticClass:\"item-right\",on:{\"click\":function($event){_vm.genderPickerShow = true}}},[_c('span',{staticClass:\"item-value\"},[_vm._v(_vm._s(_vm.userInfo.sex === 2 ? '未知' : _vm.userInfo.sex === 1 ? '男' : '女'))]),_c('span',{staticClass:\"item-icon\"},[_c('van-icon',{attrs:{\"name\":\"arrow\",\"size\":\"16\"}})],1)])]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"item-label\"},[_vm._v(\"手机号\")]),_c('div',{staticClass:\"item-right\"},[_c('span',{staticClass:\"item-value\"},[_vm._v(_vm._s(_vm.userInfo.phone ? _vm.userInfo.phone : '未绑定手机号'))]),_c('span',{staticClass:\"item-icon\"})])])]),_c('div',{staticClass:\"switch-user\",on:{\"click\":_vm.switchUser}},[_vm._v(\"退出登录\")]),_c('van-popup',{attrs:{\"value\":_vm.genderPickerShow,\"position\":\"bottom\"},on:{\"click-overlay\":function($event){_vm.genderPickerShow = false}}},[_c('van-picker',{attrs:{\"value-key\":'name',\"columns\":_vm.genderPickerColumns,\"show-toolbar\":true,\"default-index\":_vm.userInfo.sex === 1 ? 1 : 0},on:{\"confirm\":_vm.genderPickerConfirm,\"cancel\":function($event){_vm.genderPickerShow = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"personal-info-page\">\n    <div class=\"info-wrapper\">\n      <div class=\"info-item\">\n        <div class=\"item-label\">头像</div>\n        <div class=\"item-right\">\n          <van-uploader\n            ref=\"photoUploader\"\n            class=\"user-photo\"\n            result-type=\"dataUrl\"\n            v-model=\"faceImgs\"\n            max-count=\"2\"\n            :after-read=\"changeUserPhoto\"\n          />\n          <span class=\"item-icon\" @click=\"userPhotoChooseFile\"\n            ><van-icon name=\"arrow\" size=\"16\"\n          /></span>\n        </div>\n      </div>\n      <div class=\"info-item\">\n        <div class=\"item-label\">姓名</div>\n        <div\n          class=\"item-right\"\n          @click=\"\n            $router.push({\n              path: '/personalInfoEdit',\n              query: { propName: 'name', val: userInfo.name || '' },\n            })\n          \"\n        >\n          <span class=\"item-value\">{{ userInfo.name ? userInfo.name : '未设置' }}</span>\n          <span class=\"item-icon\"><van-icon name=\"arrow\" size=\"16\" /></span>\n        </div>\n      </div>\n      <div class=\"info-item\">\n        <div class=\"item-label\">性别</div>\n        <div class=\"item-right\" @click=\"genderPickerShow = true\">\n          <span class=\"item-value\">{{\n            userInfo.sex === 2 ? '未知' : userInfo.sex === 1 ? '男' : '女'\n          }}</span>\n          <span class=\"item-icon\"><van-icon name=\"arrow\" size=\"16\" /></span>\n        </div>\n      </div>\n      <div class=\"info-item\">\n        <div class=\"item-label\">手机号</div>\n        <!-- <div \n\t\t\t\t\t\tclass=\"item-right\"\n\t\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\t\tpath:'/personalInfoEdit', \n\t\t\t\t\t\t\tquery:{ propName: 'phone','val': userInfo.phone || ''}})\"> -->\n        <div class=\"item-right\">\n          <span class=\"item-value\">{{ userInfo.phone ? userInfo.phone : '未绑定手机号' }}</span>\n          <span class=\"item-icon\">\n            <!-- <van-icon name=\"arrow\" size=\"16\"/> -->\n          </span>\n        </div>\n      </div>\n    </div>\n    <!-- <div class=\"student-info\" @click=\"toStudentManagement\">\n      <div class=\"item-label\">我的报名信息</div>\n      <div class=\"item-right\">\n        <span class=\"item-icon\"><van-icon name=\"arrow\" size=\"16\"/></span>\n      </div>\n    </div> -->\n    <div class=\"switch-user\" @click=\"switchUser\">退出登录</div>\n    <van-popup\n      :value=\"genderPickerShow\"\n      position=\"bottom\"\n      @click-overlay=\"genderPickerShow = false\"\n    >\n      <van-picker\n        :value-key=\"'name'\"\n        :columns=\"genderPickerColumns\"\n        :show-toolbar=\"true\"\n        @confirm=\"genderPickerConfirm\"\n        :default-index=\"userInfo.sex === 1 ? 1 : 0\"\n        @cancel=\"genderPickerShow = false\"\n      />\n    </van-popup>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      pageTitle: '个人信息',\n      faceImgs: [],\n      genderPickerColumns: [\n        { name: '女', id: 0 },\n        { name: '男', id: 1 },\n      ],\n      genderPickerShow: false,\n    };\n  },\n  created() {\n    this.$onBus('personalInfoChangeName', v => {\n      this.changeParentInfos('name', v);\n    });\n    this.$onBus('personalInfoChangePhone', v => {\n      this.changeParentInfos('phone', v);\n    });\n  },\n  computed: {\n    ...Vuex.mapState(['userInfo']),\n  },\n  methods: {\n    ...Vuex.mapMutations(['updataUserInfo']),\n    async switchUser() {\n      await vant.Dialog.alert({\n        message: '确认要退出吗？',\n        confirmButtonText: '退出',\n        showCancelButton: true,\n      });\n      app.parent.switchUser();\n    },\n    // toStudentManagement() {\n    //   this.$router.push(\"/studentManagement\");\n    // },\n    userPhotoChooseFile() {\n      this.$refs.photoUploader.chooseFile();\n    },\n    async changeUserPhoto(res) {\n      // 这行避免修改图片后，图片预览的显示两张图片\n      // 同时避免未裁剪确认就已经替换图片\n      this.faceImgs.splice(this.faceImgs.length - 1);\n      try {\n        let blob = await app.popup.clip({\n          url: res.content,\n          cut: {\n            width: 400,\n            height: 400,\n          },\n        });\n        vant.Toast.loading({\n          message: '上传中...',\n          forbidClick: true,\n          loadingType: 'spinner',\n          overlay: true,\n          duration: 0,\n        });\n        \n        let ret = await xgjzt.oss.uploadFile({\n          platform: 'h5',\n          options: {\n            content: blob,\n            file: res.file,\n          },\n        });\n        this.changeParentInfos('photo', ret);\n        vant.Toast.clear();\n      } catch (error) {\n        console.log('上传图片出错，请稍后重试。');\n      }\n    },\n    changeParentInfos(prop, value) {\n      let toast = this.$toast.loading({\n        message: '加载中...',\n        duration: 0,\n        forbidClick: true,\n      });\n      let changeProps = {};\n      changeProps[prop] = value;\n      let newUserInfos = Object.assign({}, this.userInfo, changeProps);\n      this.$api\n        .parentUpdate(newUserInfos)\n        .then(res => {\n          toast.clear();\n          if (res.code === 200) {\n            this.updataUserInfo(newUserInfos);\n          } else {\n            this.$toast.fail(res.msg || '服务器出错，请稍后重试');\n          }\n        })\n        .catch(err => {\n          console.log('修改家长信息出错', err);\n          this.infosChangeSubmiting = false;\n        });\n    },\n    genderPickerConfirm(v) {\n      this.genderPickerShow = false;\n      this.changeParentInfos('sex', v.id);\n    },\n  },\n  watch: {\n    userInfo: {\n      immediate: true,\n      handler(v) {\n        if (v.photo) {\n          // this.$set(this.faceImgs, \"0\", v.photo);\n          this.$set(this.faceImgs, '0', { isImage: true, ...v.photo }); // isImage: true兼容微信头像被识别成非图片\n        }\n      },\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.personal-info-page {\n  color: var(--g8);\n  .info-wrapper {\n    font-size: var(--fs-md);\n    background-color: var(--white);\n    padding: 0 16px;\n    .info-item {\n      padding: 16px 0;\n      min-height: 54px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      .item-label {\n        font-size: var(--fs-lg);\n      }\n      &:not(:last-child) {\n        border-bottom: 0.5px solid var(--g3);\n      }\n\n      &.add-margin {\n        margin-top: 24px;\n      }\n    }\n    .user-photo {\n      height: 48px;\n      width: 48px;\n      border-radius: 50%;\n      background: #edf3f9;\n      overflow: hidden;\n    }\n  }\n  .item-right {\n    text-align: right;\n    color: var(--g6);\n    display: flex;\n    align-items: center;\n    .item-icon {\n      height: 16px;\n      margin-left: 8px;\n    }\n  }\n  .student-info {\n    margin-top: 24px;\n    background-color: var(--white);\n    padding: 16px;\n    min-height: 54px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .item-label {\n      font-size: var(--fs-lg);\n    }\n  }\n  .switch-user {\n    margin-top: 24px;\n    height: 52px;\n    line-height: 52px;\n    text-align: center;\n    color: var(--g5);\n    background-color: var(--white);\n  }\n}\n</style>\n<style lang=\"scss\">\n.personal-info-page {\n  .info-wrapper {\n    .user-photo .van-image,\n    .user-photo .van-image > img,\n    .user-photo .van-uploader__wrapper,\n    .user-photo .van-uploader__upload {\n      height: 48px;\n      width: 48px;\n      border-radius: 50%;\n    }\n    .user-photo .van-uploader__upload {\n      margin: 0;\n    }\n    .user-photo .van-uploader__preview-delete {\n      display: none;\n    }\n  }\n}\n</style>\n","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!./personal-info.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!./personal-info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./personal-info.vue?vue&type=template&id=053734de&scoped=true&\"\nimport script from \"./personal-info.vue?vue&type=script&lang=js&\"\nexport * from \"./personal-info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./personal-info.vue?vue&type=style&index=0&id=053734de&lang=scss&scoped=true&\"\nimport style1 from \"./personal-info.vue?vue&type=style&index=1&lang=scss&\"\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  \"053734de\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./personal-info.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}