| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\user\\index.vue?vue&type=style&index=0&id=4c78f5b1&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\user\\index.vue","mtime":1761185180194},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouaW5wdXQgew0KICB3aWR0aDogNDAwcHg7DQp9DQouYXZhdGFyIHsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogODBweDsNCiAgaW1nIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNmMmYyZjI7DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA6GA;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"]}]}
|
