{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\user\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\user\\index.vue","mtime":1761614939063},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyB1cGR0YWVBZG1pbiB9IGZyb20gJ0AvYXBpL3VzZXInOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCmltcG9ydCBDcm9wcGVySW1nIGZyb20gJ0AvY29tcG9uZW50cy9jcm9wcGVySW1nJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ3NldHRpbmdfdXNlcicsDQogIGNvbXBvbmVudHM6IHsgQ3JvcHBlckltZyB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtZWRpYScsIFsnaXNNb2JpbGUnXSksDQogICAgLi4ubWFwU3RhdGUoJ3VzZXJMZXZlbCcsIFsnY2F0ZWdvcnlJZCddKSwNCiAgICBsYWJlbFdpZHRoKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAnODBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgYWNjb3VudDogJycsDQogICAgICBhdmF0YXJNb2FkbDogZmFsc2UsDQogICAgICBmb3JtVmFsaWRhdGU6IHsNCiAgICAgICAgYXZhdGFyOiAnJywNCiAgICAgICAgcmVhbF9uYW1lOiAnJywNCiAgICAgICAgcHdkOiAnJywNCiAgICAgICAgbmV3X3B3ZDogJycsDQogICAgICAgIGNvbmZfcHdkOiAnJywNCiAgICAgIH0sDQogICAgICBydWxlVmFsaWRhdGU6IHsNCiAgICAgICAgcmVhbF9uYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+aCqOeahOWnk+WQjeS4jeiDveS4uuepuicsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgIH0sDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmFjY291bnQgPSB0aGlzLiRzdG9yZS5zdGF0ZS51c2VySW5mby51c2VySW5mby5hY2NvdW50Ow0KICAgIHRoaXMuZm9ybVZhbGlkYXRlLmhlYWRfcGljID0gdGhpcy4kc3RvcmUuc3RhdGUudXNlckluZm8udXNlckluZm8uaGVhZF9waWM7DQogICAgdGhpcy5mb3JtVmFsaWRhdGUucmVhbF9uYW1lID0gdGhpcy4kc3RvcmUuc3RhdGUudXNlckluZm8udXNlckluZm8ucmVhbF9uYW1lOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgdXBsb2FkSW1nU3VjY2VzcyhkYXRhKSB7DQogICAgICB0aGlzLmF2YXRhck1vYWRsID0gZmFsc2U7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5oZWFkX3BpYyA9IGRhdGEuc3JjOw0KICAgIH0sDQogICAgaGFuZGxlU3VibWl0KG5hbWUpIHsNCiAgICAgIHRoaXMuJHJlZnNbbmFtZV0udmFsaWRhdGUoKHZhbGlkKSA9PiB7DQogICAgICAgIGlmICh2YWxpZCkgew0KICAgICAgICAgIHVwZHRhZUFkbWluKHRoaXMuZm9ybVZhbGlkYXRlKQ0KICAgICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ3VzZXJJbmZvL3VzZXJSZWFsTmFtZScsIHRoaXMuZm9ybVZhbGlkYXRlLnJlYWxfbmFtZSk7DQogICAgICAgICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgndXNlckluZm8vdXNlclJlYWxIZWFkUGljJywgdGhpcy5mb3JtVmFsaWRhdGUuaGVhZF9waWMpOw0KICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgICB9KQ0KICAgICAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIGlmICh0aGlzLmZvcm1WYWxpZGF0ZS5uZXdfcHdkICE9PSB0aGlzLmZvcm1WYWxpZGF0ZS5jb25mX3B3ZCkgew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign5oKo6L6T5YWl55qE5paw5a+G56CB5LiO5pen5a+G56CB5LiN5LiA6Ie0Jyk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/setting/user","sourcesContent":["<template>\r\n  <div>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n      <el-form\r\n        ref=\"formValidate\"\r\n        :model=\"formValidate\"\r\n        :rules=\"ruleValidate\"\r\n        label-width=\"160px\"\r\n        label-position=\"right\"\r\n      >\r\n        <el-form-item label=\"头像：\">\r\n          <div class=\"avatar\" v-db-click @click=\"avatarMoadl = true\">\r\n            <img v-if=\"formValidate.head_pic\" :src=\"formValidate.head_pic\" alt=\"\" />\r\n            <img v-else src=\"../../../assets/images/f.png\" alt=\"\" />\r\n          </div>\r\n        </el-form-item>\r\n        <el-form-item label=\"账号：\" prop=\"\">\r\n          <el-input type=\"text\" v-model=\"account\" :disabled=\"true\" class=\"input\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"姓名：\" prop=\"real_name\">\r\n          <el-input type=\"text\" v-model=\"formValidate.real_name\" class=\"input\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"原始密码：\">\r\n          <el-input type=\"password\" v-model=\"formValidate.pwd\" class=\"input\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"新密码：\">\r\n          <el-input type=\"password\" v-model=\"formValidate.new_pwd\" class=\"input\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"确认新密码：\">\r\n          <el-input type=\"password\" v-model=\"formValidate.conf_pwd\" class=\"input\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item>\r\n          <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formValidate')\">提交</el-button>\r\n        </el-form-item>\r\n      </el-form>\r\n    </el-card>\r\n    <el-dialog :visible.sync=\"avatarMoadl\" title=\"头像上传\" width=\"720px\">\r\n      <CropperImg v-if=\"avatarMoadl\" @uploadImgSuccess=\"uploadImgSuccess\"></CropperImg>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { updtaeAdmin } from '@/api/user';\r\nimport { mapState } from 'vuex';\r\nimport CropperImg from '@/components/cropperImg';\r\nexport default {\r\n  name: 'setting_user',\r\n  components: { CropperImg },\r\n  computed: {\r\n    ...mapState('media', ['isMobile']),\r\n    ...mapState('userLevel', ['categoryId']),\r\n    labelWidth() {\r\n      return this.isMobile ? undefined : '80px';\r\n    },\r\n    labelPosition() {\r\n      return this.isMobile ? 'top' : 'right';\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      account: '',\r\n      avatarMoadl: false,\r\n      formValidate: {\r\n        avatar: '',\r\n        real_name: '',\r\n        pwd: '',\r\n        new_pwd: '',\r\n        conf_pwd: '',\r\n      },\r\n      ruleValidate: {\r\n        real_name: [{ required: true, message: '您的姓名不能为空', trigger: 'blur' }],\r\n      },\r\n    };\r\n  },\r\n  mounted() {\r\n    this.account = this.$store.state.userInfo.userInfo.account;\r\n    this.formValidate.head_pic = this.$store.state.userInfo.userInfo.head_pic;\r\n    this.formValidate.real_name = this.$store.state.userInfo.userInfo.real_name;\r\n  },\r\n  methods: {\r\n    uploadImgSuccess(data) {\r\n      this.avatarMoadl = false;\r\n      this.formValidate.head_pic = data.src;\r\n    },\r\n    handleSubmit(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          updtaeAdmin(this.formValidate)\r\n            .then((res) => {\r\n              this.$store.commit('userInfo/userRealName', this.formValidate.real_name);\r\n              this.$store.commit('userInfo/userRealHeadPic', this.formValidate.head_pic);\r\n              this.$message.success(res.msg);\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        } else {\r\n          if (this.formValidate.new_pwd !== this.formValidate.conf_pwd) {\r\n            this.$message.error('您输入的新密码与旧密码不一致');\r\n          }\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.input {\r\n  width: 400px;\r\n}\r\n.avatar {\r\n  width: 80px;\r\n  height: 80px;\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    border: 1px solid #f2f2f2;\r\n  }\r\n}\r\n</style>\r\n"]}]}