{"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\views\\admin\\user\\info.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\views\\admin\\user\\info.vue","mtime":1619070292891},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.avatar-uploader .el-upload {\n  border: 1px dashed #d9d9d9;\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n}\n\n.avatar-uploader .el-upload:hover {\n  border-color: #409EFF;\n}\n\n.avatar-uploader-icon {\n  font-size: 28px!important;\n  color: #8c939d!important;\n  width: 178px!important;\n  height: 178px!important;\n  line-height: 178px!important;\n  text-align: center!important;\n}\n\n.avatar {\n  width: 178px;\n  height: 178px;\n  display: block;\n}\n",{"version":3,"sources":["info.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"info.vue","sourceRoot":"src/views/admin/user","sourcesContent":["<!--\r\n  -    Copyright (c) 2018-2025, lengleng All rights reserved.\r\n  -\r\n  - Redistribution and use in source and binary forms, with or without\r\n  - modification, are permitted provided that the following conditions are met:\r\n  -\r\n  - Redistributions of source code must retain the above copyright notice,\r\n  - this list of conditions and the following disclaimer.\r\n  - Redistributions in binary form must reproduce the above copyright\r\n  - notice, this list of conditions and the following disclaimer in the\r\n  - documentation and/or other materials provided with the distribution.\r\n  - Neither the name of the pig4cloud.com developer nor the names of its\r\n  - contributors may be used to endorse or promote products derived from\r\n  - this software without specific prior written permission.\r\n  - Author: lengleng (wangiegie@gmail.com)\r\n  -->\r\n\r\n<template>\r\n  <div class=\"app-container calendar-list-container\">\r\n    <basic-container>\r\n      <template>\r\n        <el-tabs @tab-click=\"switchTab\">\r\n          <el-tab-pane label='信息管理' name='userManager'/>\r\n          <el-tab-pane label='密码管理' name='passwordManager'/>\r\n        </el-tabs>\r\n      </template>\r\n      <el-row>\r\n        <el-col :span=\"12\">\r\n          <div class=\"grid-content bg-purple\">\r\n            <el-form :model=\"ruleForm2\"\r\n                     :rules=\"rules2\"\r\n                     ref=\"ruleForm2\"\r\n                     label-width=\"100px\"\r\n                     v-if=\"switchStatus==='userManager'\"\r\n                     class=\"demo-ruleForm\">\r\n              <el-form-item label=\"用户名\"\r\n                            prop=\"username\">\r\n                <el-input type=\"text\"\r\n                          v-model=\"ruleForm2.username\"\r\n                          disabled></el-input>\r\n              </el-form-item>\r\n              <el-form-item label=\"手机号\" prop=\"phone\">\r\n                <el-input v-model=\"ruleForm2.phone\" placeholder=\"验证码登录使用\"></el-input>\r\n              </el-form-item>\r\n              <el-form-item>\r\n                <el-button type=\"primary\"\r\n                           @click=\"submitForm('ruleForm2')\">提交\r\n                </el-button>\r\n                <el-button @click=\"resetForm('ruleForm2')\">重置</el-button>\r\n              </el-form-item>\r\n            </el-form>\r\n            <el-form :model=\"ruleForm2\"\r\n                     :rules=\"rules2\"\r\n                     ref=\"ruleForm2\"\r\n                     label-width=\"100px\"\r\n                     v-if=\"switchStatus==='passwordManager'\"\r\n                     class=\"demo-ruleForm\">\r\n              <el-form-item label=\"原密码\"\r\n                            prop=\"password\">\r\n                <el-input type=\"password\"\r\n                          v-model=\"ruleForm2.password\"\r\n                          auto-complete=\"off\"></el-input>\r\n              </el-form-item>\r\n              <el-form-item label=\"密码\"\r\n                            prop=\"newpassword1\">\r\n                <el-input type=\"password\"\r\n                          v-model=\"ruleForm2.newpassword1\"\r\n                          auto-complete=\"off\"></el-input>\r\n              </el-form-item>\r\n              <el-form-item label=\"确认密码\"\r\n                            prop=\"newpassword2\">\r\n                <el-input type=\"password\"\r\n                          v-model=\"ruleForm2.newpassword2\"\r\n                          auto-complete=\"off\"></el-input>\r\n              </el-form-item>\r\n              <el-form-item>\r\n                <el-button type=\"primary\"\r\n                           @click=\"submitForm('ruleForm2')\">提交\r\n                </el-button>\r\n                <el-button @click=\"resetForm('ruleForm2')\">重置</el-button>\r\n              </el-form-item>\r\n            </el-form>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n    </basic-container>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\n  import {handleDown} from \"@/api/admin/user\";\r\n  import {mapState} from 'vuex'\r\n  import store from \"@/store\";\r\n  import request from '@/router/axios'\r\n\r\n  export default {\r\n    data() {\r\n      var validatePass = (rule, value, callback) => {\r\n        if (this.ruleForm2.password !== '') {\r\n          if (value !== this.ruleForm2.newpassword1) {\r\n            callback(new Error('两次输入密码不一致!'))\r\n          } else {\r\n            callback()\r\n          }\r\n        } else {\r\n          callback()\r\n        }\r\n      }\r\n      return {\r\n        switchStatus: '',\r\n        avatarUrl: '',\r\n        show: false,\r\n        headers: {\r\n          Authorization: 'Bearer ' + store.getters.access_token\r\n        },\r\n        ruleForm2: {\r\n          username: '',\r\n          password: '',\r\n          newpassword1: '',\r\n          newpassword2: '',\r\n          avatar: '',\r\n          phone: ''\r\n        },\r\n        rules2: {\r\n          password: [{required: true, min: 6, message: '原密码不能为空且不少于6位', trigger: 'change'}],\r\n          newpassword1: [{required: false, min: 6, message: '不少于6位', trigger: 'change'}],\r\n          newpassword2: [{required: false, validator: validatePass, trigger: 'blur'}]\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.ruleForm2.username = this.userInfo.username\r\n      this.ruleForm2.phone = this.userInfo.phone\r\n      this.switchStatus = 'userManager'\r\n    },\r\n    computed: {\r\n      ...mapState({\r\n        userInfo: state => state.user.userInfo\r\n      }),\r\n    },\r\n    methods: {\r\n      switchTab(tab, event) {\r\n        this.switchStatus = tab.name\r\n      },\r\n      submitForm(formName) {\r\n        this.$refs[formName].validate(valid => {\r\n          if (valid) {\r\n            request({\r\n              url: '/admin/user/edit',\r\n              method: 'put',\r\n              data: this.ruleForm2\r\n            }).then(response => {\r\n              if (response.data.data) {\r\n                this.$notify({\r\n                  title: '成功',\r\n                  message: '修改成功',\r\n                  type: 'success',\r\n                  duration: 2000\r\n                })\r\n                // 修改密码之后强制重新登录\r\n                if (this.switchStatus === 'passwordManager') {\r\n                  this.$store.dispatch('LogOut').then(() => {\r\n                    location.reload() // 为了重新实例化vue-router对象 避免bug\r\n                  })\r\n                }\r\n              } else {\r\n                this.$notify({\r\n                  title: '失败',\r\n                  message: response.data.msg,\r\n                  type: 'error',\r\n                  duration: 2000\r\n                })\r\n              }\r\n            }).catch(() => {\r\n              this.$notify({\r\n                title: '失败',\r\n                message: '修改失败',\r\n                type: 'error',\r\n                duration: 2000\r\n              })\r\n            })\r\n          } else {\r\n            return false\r\n          }\r\n        })\r\n      },\r\n      resetForm(formName) {\r\n        this.$refs[formName].resetFields()\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style>\r\n  .avatar-uploader .el-upload {\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .avatar-uploader .el-upload:hover {\r\n    border-color: #409EFF;\r\n  }\r\n\r\n  .avatar-uploader-icon {\r\n    font-size: 28px!important;\r\n    color: #8c939d!important;\r\n    width: 178px!important;\r\n    height: 178px!important;\r\n    line-height: 178px!important;\r\n    text-align: center!important;\r\n  }\r\n\r\n  .avatar {\r\n    width: 178px;\r\n    height: 178px;\r\n    display: block;\r\n  }\r\n</style>\r\n"]}]}