{"version":3,"sources":["webpack:///./src/views/account/index.vue","webpack:///src/views/account/index.vue","webpack:///./src/views/account/index.vue?75df","webpack:///./src/views/account/index.vue?ba86","webpack:///./src/views/account/index.vue?8b52"],"names":["render","_vm","this","_c","_self","staticClass","_v","userInfo","_s","userName","accountName","phoneNumber","emailAddress","isEditQQ","attrs","on","validateQQ","model","value","qq","callback","$$v","expression","editQQ","_e","saveBtnType","saveEdit","staticRenderFns","data","$store","state","isValidatePass","beforeCreate","commit","created","computed","methods","JSON","parse","stringify","e","reg","test","$message","error","params","id","accountDescribe","$http","put","then","res","success","catch","err","console","log","component"],"mappings":"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","file":"js/chunk-d7b1eaaa.c23cb339.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"account-container\"},[_c('div',{staticClass:\"account-header\"},[_vm._v(\" 账号管理 \")]),(_vm.userInfo)?_c('div',{staticClass:\"account-content\"},[_c('div',{staticClass:\"item username\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"用户名\")]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.userInfo.userName))])]),_c('div',{staticClass:\"item name\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"姓名/企业名称\")]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.userInfo.accountName))])]),_c('div',{staticClass:\"item mobile\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"手机号\")]),_c('div',{staticClass:\"content\"},[_c('span',{staticClass:\"detail\"},[_vm._v(_vm._s(_vm.userInfo.phoneNumber))]),_c('span',{staticClass:\"tips\"},[_vm._v(\"仅自己可见\")])])]),_c('div',{staticClass:\"item email\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"邮箱\")]),(_vm.userInfo.emailAddress)?_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"detail\"},[_vm._v(_vm._s(_vm.userInfo.emailAddress))]),_c('div',{staticClass:\"tips\"},[_vm._v(\"仅自己可见\")])]):_c('div',{staticClass:\"content\"},[_vm._v(\"--\")])]),_c('div',{staticClass:\"item QQ\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"QQ\")]),(!_vm.isEditQQ)?_c('div',{staticClass:\"content\"},[_c('span',{staticClass:\"detail\"},[_vm._v(_vm._s(_vm.userInfo.qq))]),_c('span',{staticClass:\"editQQ\",on:{\"click\":_vm.editQQ}},[_vm._v(\"修改\")])]):_c('div',{staticClass:\"content\"},[_c('el-input',{attrs:{\"size\":\"mini\",\"clearable\":\"\"},on:{\"input\":_vm.validateQQ},model:{value:(_vm.qq),callback:function ($$v) {_vm.qq=$$v},expression:\"qq\"}})],1)])]):_vm._e(),(_vm.isEditQQ)?_c('el-button',{staticClass:\"save-btn\",attrs:{\"type\":_vm.saveBtnType,\"size\":\"small\"},on:{\"click\":_vm.saveEdit}},[_vm._v(\"保存\")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"account-container\">\r\n    <div class=\"account-header\">\r\n      账号管理\r\n    </div>\r\n    <div class=\"account-content\"\r\n         v-if=\"userInfo\">\r\n      <div class=\"item username\">\r\n        <div class=\"label\">用户名</div>\r\n        <div class=\"content\">{{ userInfo.userName }}</div>\r\n      </div>\r\n      <div class=\"item name\">\r\n        <div class=\"label\">姓名/企业名称</div>\r\n        <div class=\"content\">{{ userInfo.accountName }}</div>\r\n      </div>\r\n      <div class=\"item mobile\">\r\n        <div class=\"label\">手机号</div>\r\n        <div class=\"content\">\r\n          <span class=\"detail\">{{ userInfo.phoneNumber }}</span>\r\n          <span class=\"tips\">仅自己可见</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"item email\">\r\n        <div class=\"label\">邮箱</div>\r\n        <div class=\"content\"\r\n             v-if=\"userInfo.emailAddress\">\r\n          <div class=\"detail\">{{ userInfo.emailAddress }}</div>\r\n          <div class=\"tips\">仅自己可见</div>\r\n        </div>\r\n        <div class=\"content\"\r\n             v-else>--</div>\r\n      </div>\r\n      <div class=\"item QQ\">\r\n        <div class=\"label\">QQ</div>\r\n        <div class=\"content\"\r\n             v-if=\"!isEditQQ\">\r\n          <span class=\"detail\">{{ userInfo.qq }}</span>\r\n          <span class=\"editQQ\"\r\n                @click=\"editQQ\">修改</span>\r\n        </div>\r\n        <div class=\"content\"\r\n             v-else>\r\n          <el-input size=\"mini\"\r\n                    v-model=\"qq\"\r\n                    clearable\r\n                    @input=\"validateQQ\"></el-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-button :type=\"saveBtnType\"\r\n               class=\"save-btn\"\r\n               size=\"small\"\r\n               v-if=\"isEditQQ\"\r\n               @click=\"saveEdit\">保存</el-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      userInfo: this.$store.state.userInfo,\r\n      isEditQQ: false,\r\n      qq: '',\r\n      isValidatePass: true\r\n    };\r\n  },\r\n  beforeCreate () {\r\n    this.$store.commit('setActiveIndex', '/account')\r\n    this.$store.commit('setSubActiveIndex', '/account')\r\n    this.$store.commit('setAsideWidth', 300)\r\n  },\r\n  created () {\r\n  },\r\n  computed: {\r\n    saveBtnType () {\r\n      return (this.isValidatePass ? 'primary' : 'info')\r\n    }\r\n  },\r\n  methods: {\r\n    editQQ () {\r\n      this.isEditQQ = true\r\n      const userInfo = JSON.parse(JSON.stringify(this.$store.state.userInfo))\r\n      this.qq = userInfo.qq\r\n    },\r\n    validateQQ (e) {\r\n      let reg = /^[1-9][0-9]{4,9}$/\r\n      this.isValidatePass = reg.test(e)\r\n    },\r\n    saveEdit () {\r\n      if (!this.isValidatePass) {\r\n        return this.$message.error('请输入正确的QQ号')\r\n      }\r\n      const params = {\r\n        id: this.userInfo.id,\r\n        qq: this.qq,\r\n        accountName: this.userInfo.accountName,\r\n        accountDescribe: this.userInfo.accountDescribe\r\n      }\r\n      this.$http.put('/api/services/inquiryApp/account/UpdateAccount', params)\r\n        .then(res => {\r\n          this.$store.state.userInfo.qq = this.qq\r\n          this.isEditQQ = false\r\n          this.$message.success('修改成功！')\r\n        })\r\n        .catch(err => {\r\n          console.log(err);\r\n        })\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.account-container {\r\n  width: 100%;\r\n  min-width: 1200px;\r\n  background-color: #ffffff;\r\n  font-family: 'Source Han Sans CN';\r\n  padding: 20px;\r\n}\r\n.account-header {\r\n  border-bottom: 1px solid #eff2f9;\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  padding-bottom: 15px;\r\n  color: #2f343c;\r\n  font-weight: 600;\r\n}\r\n.account-content {\r\n  margin-top: 15px;\r\n  font-size: 14px;\r\n  .item {\r\n    height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n    .label {\r\n      width: 100px;\r\n      text-align: right;\r\n      margin-right: 20px;\r\n      color: #b7bbc8;\r\n    }\r\n    .content {\r\n      display: flex;\r\n      align-items: center;\r\n      color: #2f343c;\r\n      .detail {\r\n        margin-right: 20px;\r\n      }\r\n      .tips {\r\n        color: #b7bbc8;\r\n      }\r\n      .editQQ {\r\n        color: #027cff;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n.save-btn {\r\n  margin-left: 100px;\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=30960daa&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=30960daa&prod&lang=less&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  \"30960daa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=30960daa&prod&lang=less&scoped=true\""],"sourceRoot":""}