You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
16 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{"remainingRequest":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\src\\views\\center.vue?vue&type=style&index=0&id=288a5f22&lang=scss&scoped=true&","dependencies":[{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\src\\views\\center.vue","mtime":1703907409000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZWwtZGF0ZS1lZGl0b3IuZWwtaW5wdXQgewoJd2lkdGg6IGF1dG87Cn0KCi5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLWZvcm0taXRlbSAvZGVlcC8gLmVsLWZvcm0taXRlbV9fbGFiZWwgewogIAkgIHBhZGRpbmc6IDAgMTBweCAwIDA7CiAgCSAgY29sb3I6ICM2NjY7CiAgCSAgZm9udC13ZWlnaHQ6IDUwMDsKICAJICB3aWR0aDogMTAwcHg7CiAgCSAgZm9udC1zaXplOiAxNHB4OwogIAkgIGxpbmUtaGVpZ2h0OiA0MHB4OwogIAkgIHRleHQtYWxpZ246IHJpZ2h0OwogIAl9CgouYWRkLXVwZGF0ZS1wcmV2aWV3IC5lbC1mb3JtLWl0ZW0gL2RlZXAvIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnQgewogIG1hcmdpbi1sZWZ0OiAxMDBweDsKfQoKLmFkZC11cGRhdGUtcHJldmlldyAuZWwtaW5wdXQgL2RlZXAvIC5lbC1pbnB1dF9faW5uZXIgewogIAkgIGJvcmRlcjogMTsKICAJICBib3JkZXItcmFkaXVzOiA0cHg7CiAgCSAgcGFkZGluZzogMCAxMnB4OwogIAkgIG91dGxpbmU6IG5vbmU7CiAgCSAgY29sb3I6ICMzMzM7CiAgCSAgd2lkdGg6IDQwMHB4OwogIAkgIGZvbnQtc2l6ZTogMTRweDsKICAJICBoZWlnaHQ6IDQwcHg7CiAgCX0KCi5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLXNlbGVjdCAvZGVlcC8gLmVsLWlucHV0X19pbm5lciB7CiAgCSAgYm9yZGVyOiAxOwogIAkgIGJvcmRlci1yYWRpdXM6IDRweDsKICAJICBwYWRkaW5nOiAwIDEwcHg7CiAgCSAgb3V0bGluZTogbm9uZTsKICAJICBjb2xvcjogIzMzMzsKICAJICB3aWR0aDogMjAwcHg7CiAgCSAgZm9udC1zaXplOiAxNHB4OwogIAkgIGhlaWdodDogNDBweDsKICAJfQoKLmFkZC11cGRhdGUtcHJldmlldyAuZWwtZGF0ZS1lZGl0b3IgL2RlZXAvIC5lbC1pbnB1dF9faW5uZXIgewogIAkgIGJvcmRlcjogMTsKICAJICBib3JkZXItcmFkaXVzOiA0cHg7CiAgCSAgcGFkZGluZzogMCAxMHB4IDAgMzBweDsKICAJICBvdXRsaW5lOiBub25lOwogIAkgIGNvbG9yOiAjMzMzOwogIAkgIHdpZHRoOiAyMDBweDsKICAJICBmb250LXNpemU6IDE0cHg7CiAgCSAgaGVpZ2h0OiA0MHB4OwogIAl9CgouYWRkLXVwZGF0ZS1wcmV2aWV3IC9kZWVwLyAuZWwtdXBsb2FkLS1waWN0dXJlLWNhcmQgewoJYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7Cglib3JkZXI6IDA7Cglib3JkZXItcmFkaXVzOiAwOwoJd2lkdGg6IGF1dG87CgloZWlnaHQ6IGF1dG87CglsaW5lLWhlaWdodDogaW5pdGlhbDsKCXZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0KCi5hZGQtdXBkYXRlLXByZXZpZXcgL2RlZXAvIC5lbC11cGxvYWQtbGlzdCAuZWwtdXBsb2FkLWxpc3RfX2l0ZW0gewogIAkgIGJvcmRlcjogMXB4IGRhc2hlZCAjMzMzOwogIAkgIGN1cnNvcjogcG9pbnRlcjsKICAJICBib3JkZXItcmFkaXVzOiA2cHg7CiAgCSAgY29sb3I6ICMzMzM7CiAgCSAgb2JqZWN0LWZpdDogY292ZXI7CiAgCSAgd2lkdGg6IDE4MHB4OwogIAkgIGZvbnQtc2l6ZTogMzJweDsKICAJICBsaW5lLWhlaWdodDogMTAwcHg7CiAgCSAgdGV4dC1hbGlnbjogY2VudGVyOwogIAkgIGhlaWdodDogMTAwcHg7CiAgCX0KCi5hZGQtdXBkYXRlLXByZXZpZXcgL2RlZXAvIC5lbC11cGxvYWQgLmVsLWljb24tcGx1cyB7CiAgCSAgYm9yZGVyOiAxcHggZGFzaGVkICMzMzM7CiAgCSAgY3Vyc29yOiBwb2ludGVyOwogIAkgIGJvcmRlci1yYWRpdXM6IDZweDsKICAJICBjb2xvcjogIzMzMzsKICAJICBvYmplY3QtZml0OiBjb3ZlcjsKICAJICB3aWR0aDogMTgwcHg7CiAgCSAgZm9udC1zaXplOiAzMnB4OwogIAkgIGxpbmUtaGVpZ2h0OiAxMDBweDsKICAJICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgCSAgaGVpZ2h0OiAxMDBweDsKICAJfQoKLmFkZC11cGRhdGUtcHJldmlldyAuZWwtdGV4dGFyZWEgL2RlZXAvIC5lbC10ZXh0YXJlYV9faW5uZXIgewogIAkgIGJvcmRlcjogMTsKICAJICBib3JkZXItcmFkaXVzOiA0cHg7CiAgCSAgcGFkZGluZzogMTJweDsKICAJICBvdXRsaW5lOiBub25lOwogIAkgIGNvbG9yOiAjMzMzOwogIAkgIHdpZHRoOiA0MDBweDsKICAJICBmb250LXNpemU6IDE0cHg7CiAgCSAgaGVpZ2h0OiAxMjBweDsKICAJfQoKLmFkZC11cGRhdGUtcHJldmlldyAuYnRuMyB7CgkJCWJvcmRlcjogMDsKCQkJY3Vyc29yOiBwb2ludGVyOwoJCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJCXBhZGRpbmc6IDAgMjRweDsKCQkJbWFyZ2luOiA0cHg7CgkJCW91dGxpbmU6IG5vbmU7CgkJCWNvbG9yOiAjZmZmOwoJCQliYWNrZ3JvdW5kOiByZ2JhKDQ0LCA1NSwgNjYsIDAuOCk7CgkJCXdpZHRoOiBhdXRvOwoJCQlmb250LXNpemU6IDE0cHg7CgkJCWhlaWdodDogNDBweDsKCQl9CgouYWRkLXVwZGF0ZS1wcmV2aWV3IC5idG4zOmhvdmVyIHsKCQkJb3BhY2l0eTogMC44OwoJCX0KCi5lZGl0b3I+LmF2YXRhci11cGxvYWRlciB7CglsaW5lLWhlaWdodDogMDsKCWhlaWdodDogMDsKfQo="},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"center.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div :style='{\"padding\":\"30px\"}'>\r\n <el-form\r\n\t :style='{\"borderRadius\":\"6px\",\"padding\":\"30px\"}'\r\n class=\"add-update-preview\"\r\n ref=\"ruleForm\"\r\n :model=\"ruleForm\"\r\n label-width=\"100px\"\r\n > \r\n <el-row>\r\n <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='yonghu'\" label=\"账号\" prop=\"zhanghao\">\r\n <el-input v-model=\"ruleForm.zhanghao\" readonly placeholder=\"账号\" clearable></el-input>\r\n </el-form-item>\r\n <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='yonghu'\" label=\"姓名\" prop=\"xingming\">\r\n <el-input v-model=\"ruleForm.xingming\" placeholder=\"姓名\" clearable></el-input>\r\n </el-form-item>\r\n <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='yonghu'\" label=\"性别\" prop=\"xingbie\">\r\n <el-select v-model=\"ruleForm.xingbie\" placeholder=\"请选择性别\">\r\n <el-option\r\n v-for=\"(item,index) in yonghuxingbieOptions\"\r\n v-bind:key=\"index\"\r\n :label=\"item\"\r\n :value=\"item\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='yonghu'\" label=\"年龄\" prop=\"nianling\">\r\n <el-input v-model=\"ruleForm.nianling\" placeholder=\"年龄\" clearable></el-input>\r\n </el-form-item>\r\n <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='yonghu'\" label=\"手机号码\" prop=\"shoujihaoma\">\r\n <el-input v-model=\"ruleForm.shoujihaoma\" placeholder=\"手机号码\" clearable></el-input>\r\n </el-form-item>\r\n <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='yonghu'\" label=\"头像\" prop=\"touxiang\">\r\n <file-upload\r\n tip=\"点击上传头像\"\r\n action=\"file/upload\"\r\n :limit=\"3\"\r\n :multiple=\"true\"\r\n :fileUrls=\"ruleForm.touxiang?ruleForm.touxiang:''\"\r\n @change=\"yonghutouxiangUploadChange\"\r\n ></file-upload>\r\n </el-form-item>\r\n\t\t<el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='users'\" label=\"用户名\" prop=\"username\">\r\n\t\t\t<el-input v-model=\"ruleForm.username\" placeholder=\"用户名\"></el-input>\r\n\t\t</el-form-item>\r\n\t\t<el-form-item :style='{\"margin\":\"0 0 20px 0\"}' v-if=\"flag=='users'\" label=\"头像\" prop=\"image\">\r\n\t\t <file-upload\r\n\t\t tip=\"点击上传头像\"\r\n\t\t action=\"file/upload\"\r\n\t\t :limit=\"1\"\r\n\t\t :multiple=\"false\"\r\n\t\t :fileUrls=\"ruleForm.image?ruleForm.image:''\"\r\n\t\t @change=\"usersimageUploadChange\"\r\n\t\t ></file-upload>\r\n\t\t</el-form-item>\r\n\t\t<el-form-item :style='{\"padding\":\"0\",\"margin\":\"0\"}'>\r\n\t\t\t<el-button class=\"btn3\" :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 24px\",\"margin\":\"4px\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"4px\",\"background\":\"rgba(44, 55, 66, 0.8)\",\"width\":\"auto\",\"fontSize\":\"14px\",\"height\":\"40px\"}' type=\"primary\" @click=\"onUpdateHandler\">\r\n\t\t\t\t<span class=\"icon iconfont \" :style='{\"margin\":\"0 2px\",\"fontSize\":\"14px\",\"color\":\"#fff\",\"height\":\"40px\"}'></span>\r\n\t\t\t\t提交\r\n\t\t\t</el-button>\r\n\t\t</el-form-item>\r\n </el-row>\r\n </el-form>\r\n </div>\r\n</template>\r\n<script>\r\n// 数字邮件手机url身份证校验\r\nimport { isNumber,isIntNumer,isEmail,isMobile,isPhone,isURL,checkIdCard } from \"@/utils/validate\";\r\n\r\nexport default {\r\n data() {\r\n return {\r\n ruleForm: {},\r\n flag: '',\r\n usersFlag: false,\r\n yonghuxingbieOptions: [],\r\n };\r\n },\r\n mounted() {\r\n var table = this.$storage.get(\"sessionTable\");\r\n this.flag = table;\r\n this.$http({\r\n url: `${this.$storage.get(\"sessionTable\")}/session`,\r\n method: \"get\"\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.ruleForm = data.data;\r\n } else {\r\n this.$message.error(data.msg);\r\n }\r\n });\r\n this.yonghuxingbieOptions = \"男,女\".split(',')\r\n },\r\n methods: {\r\n yonghutouxiangUploadChange(fileUrls) {\r\n this.ruleForm.touxiang = fileUrls;\r\n },\r\n\tusersimageUploadChange(fileUrls) {\r\n\t\tthis.ruleForm.image = fileUrls;\r\n\t},\r\n onUpdateHandler() {\r\n if((!this.ruleForm.zhanghao)&& 'yonghu'==this.flag){\r\n this.$message.error('账号不能为空');\r\n return\r\n }\r\n\r\n\r\n if((!this.ruleForm.mima)&& 'yonghu'==this.flag){\r\n this.$message.error('密码不能为空');\r\n return\r\n }\r\n\r\n\r\n if((!this.ruleForm.xingming)&& 'yonghu'==this.flag){\r\n this.$message.error('姓名不能为空');\r\n return\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n if( 'yonghu' ==this.flag && this.ruleForm.nianling&&(!isIntNumer(this.ruleForm.nianling))){\r\n this.$message.error(`年龄应输入整数`);\r\n return\r\n }\r\n\r\n\r\n if( 'yonghu' ==this.flag && this.ruleForm.shoujihaoma&&(!isMobile(this.ruleForm.shoujihaoma))){\r\n this.$message.error(`手机号码应输入手机格式`);\r\n return\r\n }\r\n\r\n\r\n if(this.ruleForm.touxiang!=null) {\r\n this.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,\"g\"),\"\");\r\n }\r\n if('users'==this.flag && this.ruleForm.username.trim().length<1) {\r\n\tthis.$message.error(`用户名不能为空`);\r\n return\t\r\n }\r\n\t if(this.flag=='users'){\r\n\t \tthis.ruleForm.image = this.ruleForm.image.replace(new RegExp(this.$base.url,\"g\"),\"\")\r\n\t }\r\n this.$http({\r\n url: `${this.$storage.get(\"sessionTable\")}/update`,\r\n method: \"post\",\r\n data: this.ruleForm\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.$message({\r\n message: \"修改信息成功\",\r\n type: \"success\",\r\n duration: 1500,\r\n onClose: () => {\r\n\t\t\t\tif(this.flag=='users'){\r\n\t\t\t\t\tthis.$storage.set('headportrait',this.ruleForm.image)\r\n\t\t\t\t}\r\n }\r\n });\r\n } else {\r\n this.$message.error(data.msg);\r\n }\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\t.el-date-editor.el-input {\r\n\t\twidth: auto;\r\n\t}\r\n\t\r\n\t.add-update-preview .el-form-item /deep/ .el-form-item__label {\r\n\t \t padding: 0 10px 0 0;\r\n\t \t color: #666;\r\n\t \t font-weight: 500;\r\n\t \t width: 100px;\r\n\t \t font-size: 14px;\r\n\t \t line-height: 40px;\r\n\t \t text-align: right;\r\n\t \t}\r\n\t\r\n\t.add-update-preview .el-form-item /deep/ .el-form-item__content {\r\n\t margin-left: 100px;\r\n\t}\r\n\t\r\n\t.add-update-preview .el-input /deep/ .el-input__inner {\r\n\t \t border: 1;\r\n\t \t border-radius: 4px;\r\n\t \t padding: 0 12px;\r\n\t \t outline: none;\r\n\t \t color: #333;\r\n\t \t width: 400px;\r\n\t \t font-size: 14px;\r\n\t \t height: 40px;\r\n\t \t}\r\n\t\r\n\t.add-update-preview .el-select /deep/ .el-input__inner {\r\n\t \t border: 1;\r\n\t \t border-radius: 4px;\r\n\t \t padding: 0 10px;\r\n\t \t outline: none;\r\n\t \t color: #333;\r\n\t \t width: 200px;\r\n\t \t font-size: 14px;\r\n\t \t height: 40px;\r\n\t \t}\r\n\t\r\n\t.add-update-preview .el-date-editor /deep/ .el-input__inner {\r\n\t \t border: 1;\r\n\t \t border-radius: 4px;\r\n\t \t padding: 0 10px 0 30px;\r\n\t \t outline: none;\r\n\t \t color: #333;\r\n\t \t width: 200px;\r\n\t \t font-size: 14px;\r\n\t \t height: 40px;\r\n\t \t}\r\n\t\r\n\t.add-update-preview /deep/ .el-upload--picture-card {\r\n\t\tbackground: transparent;\r\n\t\tborder: 0;\r\n\t\tborder-radius: 0;\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tline-height: initial;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\t\r\n\t.add-update-preview /deep/ .el-upload-list .el-upload-list__item {\r\n\t \t border: 1px dashed #333;\r\n\t \t cursor: pointer;\r\n\t \t border-radius: 6px;\r\n\t \t color: #333;\r\n\t \t object-fit: cover;\r\n\t \t width: 180px;\r\n\t \t font-size: 32px;\r\n\t \t line-height: 100px;\r\n\t \t text-align: center;\r\n\t \t height: 100px;\r\n\t \t}\r\n\t\r\n\t.add-update-preview /deep/ .el-upload .el-icon-plus {\r\n\t \t border: 1px dashed #333;\r\n\t \t cursor: pointer;\r\n\t \t border-radius: 6px;\r\n\t \t color: #333;\r\n\t \t object-fit: cover;\r\n\t \t width: 180px;\r\n\t \t font-size: 32px;\r\n\t \t line-height: 100px;\r\n\t \t text-align: center;\r\n\t \t height: 100px;\r\n\t \t}\r\n\t\r\n\t.add-update-preview .el-textarea /deep/ .el-textarea__inner {\r\n\t \t border: 1;\r\n\t \t border-radius: 4px;\r\n\t \t padding: 12px;\r\n\t \t outline: none;\r\n\t \t color: #333;\r\n\t \t width: 400px;\r\n\t \t font-size: 14px;\r\n\t \t height: 120px;\r\n\t \t}\r\n\t\r\n\t.add-update-preview .btn3 {\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tpadding: 0 24px;\r\n\t\t\t\tmargin: 4px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: rgba(44, 55, 66, 0.8);\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t}\r\n\t\r\n\t.add-update-preview .btn3:hover {\r\n\t\t\t\topacity: 0.8;\r\n\t\t\t}\r\n\t\r\n\t.editor>.avatar-uploader {\r\n\t\tline-height: 0;\r\n\t\theight: 0;\r\n\t}\r\n</style>\r\n"]}]}