{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\center\\center.vue?vue&type=style&index=0&id=a495080a&rel=stylesheet%2Fscss&lang=scss&scoped=true","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\center\\center.vue","mtime":1709633805000},{"path":"D:\\code\\vue\\front\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CiAgLmNlbnRlci1wcmV2aWV3IHsKICAKICAgIC5lbC10YWJzIHsKICAgICAgJiAvZGVlcC8gLmVsLXRhYnNfX2hlYWRlciB7CgkJLmVsLXRhYnNfX25hdnsKCQkJb3ZlcmZsb3c6IGF1dG87CgkJfQoJCTo6LXdlYmtpdC1zY3JvbGxiYXIgewoJCSAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lOwoJCSAgd2lkdGg6IDZweDsKCQkgIGhlaWdodDogNnB4OwoJCX0KCQk6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKCQkgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTsKCQkgIGJvcmRlci1yYWRpdXM6IDA7CgkJfQoJCTo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgewoJCSAgY3Vyc29yOiBwb2ludGVyOwoJCSAgYm9yZGVyLXJhZGl1czogNXB4OwoJCSAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjE1KTsKCQkgIHRyYW5zaXRpb246IGNvbG9yIDAuMnMgZWFzZTsKCQl9CgkJOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7CgkJICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMyk7CgkJfQogICAgICAgIC5lbC10YWJzX19uYXYtd3JhcCB7CiAgICAgICAgICBtYXJnaW46IDA7CiAgCiAgICAgICAgICAmOjphZnRlciB7CiAgICAgICAgICAgIGNvbnRlbnQ6IG5vbmU7CiAgICAgICAgICB9CiAgICAgICAgfQogIAogICAgICAgIC5lbC10YWJzX19hY3RpdmUtYmFyIHsKICAgICAgICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDsKICAgICAgICB9CiAgICAgIH0KICAKICAgICAgLmNlbnRlci1wcmV2aWV3LXB2IHsKICAgICAgICAuZWwtZGF0ZS1lZGl0b3IuZWwtaW5wdXQgewogICAgICAgICAgd2lkdGg6IGF1dG87CiAgICAgICAgfQogIAogICAgICAgIC5iYWxhbmNlIHsKICAgICAgICAgIC5lbC1pbnB1dCB7CiAgICAgICAgICAgIHdpZHRoOiBhdXRvOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgfQogICAgfQogIH0KICAKICAuY2VudGVyLXByZXZpZXcgLmVsLXRhYnMgL2RlZXAvIC5lbC10YWJzX19oZWFkZXIgewoJcGFkZGluZzogMDsKCW1hcmdpbjogMDsKCWJhY2tncm91bmQ6ICNmZmY7Cgl3aWR0aDogMTAwJTsKCWJvcmRlci1jb2xvcjogI2VlZTsKCWJvcmRlci13aWR0aDogMCAwIDFweDsKCXBvc2l0aW9uOiByZWxhdGl2ZTsKCWZsb2F0OiBsZWZ0OwoJYm9yZGVyLXN0eWxlOiBzb2xpZDsKCWhlaWdodDogYXV0bzsKICB9CiAgCiAgLmNlbnRlci1wcmV2aWV3IC5lbC10YWJzIC9kZWVwLyAuZWwtdGFic19faGVhZGVyIC5lbC10YWJzX19pdGVtIHsKICAJcGFkZGluZzogMCAxMHB4OwogIAltYXJnaW46IDAgMTBweCAxMHB4IDA7CiAgCWNvbG9yOiAjZmZmOwogIAlmb250LXdlaWdodDogNTAwOwogIAlkaXNwbGF5OiBibG9jazsKICAJZm9udC1zaXplOiAxNHB4OwogIAlsaW5lLWhlaWdodDogNDBweDsKICAJZmxvYXQ6IGxlZnQ7CiAgCWJhY2tncm91bmQ6ICMzMzM7CiAgCXdpZHRoOiBhdXRvOwogIAlwb3NpdGlvbjogcmVsYXRpdmU7CiAgCXRleHQtYWxpZ246IGNlbnRlcjsKICAJaGVpZ2h0OiA0MHB4OwogIH0KICAKICAuY2VudGVyLXByZXZpZXcgLmVsLXRhYnMgL2RlZXAvIC5lbC10YWJzX19oZWFkZXIgLmVsLXRhYnNfX2l0ZW06aG92ZXIgewogIAlwYWRkaW5nOiAwIDEwcHg7CiAgCWNvbG9yOiAjZmZmOwogIAliYWNrZ3JvdW5kOiAjRjVCQjAwOwogIAlmb250LXdlaWdodDogNTAwOwogIAlmb250LXNpemU6IDE0cHg7CiAgCWxpbmUtaGVpZ2h0OiA0MHB4OwogIAlwb3NpdGlvbjogcmVsYXRpdmU7CiAgCXRleHQtYWxpZ246IGNlbnRlcjsKICAJaGVpZ2h0OiA0MHB4OwogIH0KICAKICAuY2VudGVyLXByZXZpZXcgLmVsLXRhYnMgL2RlZXAvIC5lbC10YWJzX19oZWFkZXIgLmVsLXRhYnNfX2l0ZW0uaXMtYWN0aXZlIHsKICAJcGFkZGluZzogMCAxMHB4OwogIAltYXJnaW46IDAgMTBweCAxMHB4IDA7CiAgCWNvbG9yOiAjZmZmOwogIAlmb250LXdlaWdodDogNTAwOwogIAlkaXNwbGF5OiBibG9jazsKICAJZm9udC1zaXplOiAxNHB4OwogIAlsaW5lLWhlaWdodDogNDBweDsKICAJZmxvYXQ6IGxlZnQ7CiAgCWJhY2tncm91bmQ6ICNGNUJCMDA7CiAgCXdpZHRoOiBhdXRvOwogIAlwb3NpdGlvbjogcmVsYXRpdmU7CiAgCXRleHQtYWxpZ246IGNlbnRlcjsKICAJaGVpZ2h0OiA0MHB4OwogIH0KICAKICAuY2VudGVyLXByZXZpZXcgLmVsLXRhYnMgL2RlZXAvIC5lbC10YWJzX19jb250ZW50IHsKICAJcGFkZGluZzogMHB4OwogIAltYXJnaW46IDIwcHggMCAwOwogIAliYWNrZ3JvdW5kOiAjZmZmOwogIAl3aWR0aDogMTAwJTsKICB9CiAgLmNlbnRlci1wcmV2aWV3IC5lbC10YWJzIC9kZWVwLyAuZWwtdGFic19fY29udGVudCAuZWwtdGFiLXBhbmUgewogIAl3aWR0aDogMTAwJTsKICB9CiAgCiAgLmNlbnRlci1wcmV2aWV3LXB2IC5lbC1mb3JtLWl0ZW0gL2RlZXAvIC5lbC1mb3JtLWl0ZW1fX2xhYmVsIHsKICAJcGFkZGluZzogMCAxMHB4IDAgMDsKICAJY29sb3I6ICM2NjY7CiAgCWZvbnQtd2VpZ2h0OiA1MDA7CiAgCXdpZHRoOiAxODBweDsKICAJZm9udC1zaXplOiAxNHB4OwogIAlsaW5lLWhlaWdodDogNDBweDsKICAJdGV4dC1hbGlnbjogcmlnaHQ7CiAgfQogIAogIC5jZW50ZXItcHJldmlldy1wdiAuZWwtZm9ybS1pdGVtIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnQgewogICAgbWFyZ2luLWxlZnQ6IDE4MHB4OwogIH0KICAKICAuY2VudGVyLXByZXZpZXctcHYgLmVsLWlucHV0IC9kZWVwLyAuZWwtaW5wdXRfX2lubmVyIHsKICAJYm9yZGVyOiAxcHggc29saWQgI2RkZDsKICAJYm9yZGVyLXJhZGl1czogNHB4OwogIAlwYWRkaW5nOiAwIDEycHg7CiAgCWJveC1zaGFkb3c6IDAgMCAwcHggcmdiYSg2NCwgMTU4LCAyNTUsIC41KTsKICAJb3V0bGluZTogbm9uZTsKICAJY29sb3I6ICM2NjY7CiAgCXdpZHRoOiA0MDBweDsKICAJZm9udC1zaXplOiAxNHB4OwogIAloZWlnaHQ6IDQwcHg7CiAgfQogIAogIC5jZW50ZXItcHJldmlldy1wdiAuZWwtc2VsZWN0IC9kZWVwLyAuZWwtaW5wdXRfX2lubmVyIHsKICAJYm9yZGVyOiAxcHggc29saWQgI2RkZDsKICAJYm9yZGVyLXJhZGl1czogNHB4OwogIAlwYWRkaW5nOiAwIDEycHg7CiAgCWJveC1zaGFkb3c6IDAgMCAwcHggcmdiYSg2NCwgMTU4LCAyNTUsIC41KTsKICAJb3V0bGluZTogbm9uZTsKICAJY29sb3I6ICM2NjY7CiAgCXdpZHRoOiA0MDBweDsKICAJZm9udC1zaXplOiAxNHB4OwogIAloZWlnaHQ6IDQwcHg7CiAgfQogIAogIC5jZW50ZXItcHJldmlldy1wdiAuZWwtZGF0ZS1lZGl0b3IgL2RlZXAvIC5lbC1pbnB1dF9faW5uZXIgewogIAlib3JkZXI6IDFweCBzb2xpZCAjZGRkOwogIAlib3JkZXItcmFkaXVzOiA0cHg7CiAgCXBhZGRpbmc6IDAgMTBweCAwIDMwcHg7CiAgCWJveC1zaGFkb3c6IDAgMCAwcHggcmdiYSg2NCwgMTU4LCAyNTUsIC41KTsKICAJb3V0bGluZTogbm9uZTsKICAJY29sb3I6ICM2NjY7CiAgCXdpZHRoOiAyMDBweDsKICAJZm9udC1zaXplOiAxNHB4OwogIAloZWlnaHQ6IDQwcHg7CiAgfQogIAogIC5jZW50ZXItcHJldmlldy1wdiAvZGVlcC8gLmF2YXRhci11cGxvYWRlci1pY29uIHsKICAJYm9yZGVyOiAxcHggc29saWQgI2RkZDsKICAJY3Vyc29yOiBwb2ludGVyOwogIAlib3JkZXItcmFkaXVzOiA2cHg7CiAgCWNvbG9yOiAjOTk5OwogIAl3aWR0aDogMTYwcHg7CiAgCWZvbnQtc2l6ZTogMzJweDsKICAJbGluZS1oZWlnaHQ6IDgwcHg7CiAgCXRleHQtYWxpZ246IGNlbnRlcjsKICAJaGVpZ2h0OiA4MHB4OwogIH0KICAKICAuY2VudGVyLXByZXZpZXctcHYgLmVsLWZvcm0taXRlbS5iYWxhbmNlIC9kZWVwLyAuZWwtaW5wdXRfX2lubmVyIHsKICAJYm9yZGVyOiAxcHggc29saWQgI2RkZDsKICAJYm9yZGVyLXJhZGl1czogNHB4IDAgMCA0cHg7CiAgCXBhZGRpbmc6IDAgMTJweDsKICAJYm94LXNoYWRvdzogMCAwIDBweCByZ2JhKDY0LCAxNTgsIDI1NSwgLjUpOwogIAlvdXRsaW5lOiBub25lOwogIAljb2xvcjogIzY2NjsKICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwogIAl3aWR0aDogMjAwcHg7CiAgCWZvbnQtc2l6ZTogMTRweDsKICAJaGVpZ2h0OiA0MHB4OwogIH0K"},{"version":3,"sources":["center.vue"],"names":[],"mappings":";AAsfA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"center.vue","sourceRoot":"src/pages/center","sourcesContent":["<template>\r\n<div class=\"center-preview\" :style='{\"padding\":\"0 7%\",\"margin\":\"20px auto 40px\",\"flexWrap\":\"wrap\",\"background\":\"#fff\",\"display\":\"flex\",\"width\":\"100%\",\"position\":\"relative\",\"justifyContent\":\"space-between\"}'>\r\n\t<div class=\"title\" :style='{\"margin\":\"10px 0\",\"color\":\"#fff\",\"textAlign\":\"center\",\"background\":\"#333\",\"width\":\"100%\",\"fontSize\":\"20px\",\"lineHeight\":\"54px\"}'>{{ title }}</div>\r\n\t\r\n\t<div class=\"info\" :style='{\"padding\":\"10px\",\"boxShadow\":\"0 0px 0px rgba(0, 0, 0, 0.3)\",\"margin\":\"20px 3% 0 0\",\"borderColor\":\"#eee\",\"borderRadius\":\"0px\",\"background\":\"#ffffff\",\"borderWidth\":\"4px 2px 1px\",\"width\":\"25%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}'>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"borderColor\":\"#efefef\",\"color\":\"#fff\",\"borderWidth\":\"0 0 1px 0\",\"background\":\"#F5BB00\",\"width\":\"100%\",\"lineHeight\":\"44px\",\"fontSize\":\"15px\",\"borderStyle\":\"solid\",\"height\":\"44px\"}'>个人信息</div>\r\n\t\t<div :style='{\"borderColor\":\"#efefef\",\"margin\":\"0 auto\",\"borderWidth\":\"0 0 1px 0\",\"width\":\"90%\",\"fontSize\":0,\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-if=\"userTableName=='yonghu'\">\r\n\t\t\t<el-image :style='{\"margin\":\"10px auto\",\"borderColor\":\"#efefef\",\"objectFit\":\"cover\",\"borderRadius\":\"100%\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"block\",\"width\":\"80px\",\"borderStyle\":\"solid\",\"height\":\"80px\"}' :src=\"sessionForm.touxiang?baseUrl + sessionForm.touxiang:require('@/assets/avator.png')\" fit=\"cover\"></el-image>\r\n\t\t</div>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"borderColor\":\"#efefef\",\"margin\":\"0 auto\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"flex\",\"width\":\"90%\",\"lineHeight\":\"40px\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-if=\"userTableName=='yonghu'\">\r\n\t\t\t<span class=\"icon iconfont icon-shouye-zhihui\" :style='{\"color\":\"#333\",\"padding\":\"0 5px\",\"fontSize\":\"14px\"}'></span>\r\n\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"14px\"}'>用户账号</div>\r\n\t\t\t<div :style='{\"fontSize\":\"14px\",\"color\":\"#333\",\"textAlign\":\"right\",\"flex\":1}'>{{sessionForm.yonghuzhanghao}}</div>\r\n\t\t</div>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"borderColor\":\"#efefef\",\"margin\":\"0 auto\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"flex\",\"width\":\"90%\",\"lineHeight\":\"40px\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-if=\"userTableName=='yonghu'\">\r\n\t\t\t<span class=\"icon iconfont icon-shouye-zhihui\" :style='{\"color\":\"#333\",\"padding\":\"0 5px\",\"fontSize\":\"14px\"}'></span>\r\n\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"14px\"}'>用户姓名</div>\r\n\t\t\t<div :style='{\"fontSize\":\"14px\",\"color\":\"#333\",\"textAlign\":\"right\",\"flex\":1}'>{{sessionForm.yonghuxingming}}</div>\r\n\t\t</div>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"borderColor\":\"#efefef\",\"margin\":\"0 auto\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"flex\",\"width\":\"90%\",\"lineHeight\":\"40px\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-if=\"userTableName=='yonghu'\">\r\n\t\t\t<span class=\"icon iconfont icon-shouye-zhihui\" :style='{\"color\":\"#333\",\"padding\":\"0 5px\",\"fontSize\":\"14px\"}'></span>\r\n\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"14px\"}'>性别</div>\r\n\t\t\t<div :style='{\"fontSize\":\"14px\",\"color\":\"#333\",\"textAlign\":\"right\",\"flex\":1}'>{{sessionForm.xingbie}}</div>\r\n\t\t</div>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"borderColor\":\"#efefef\",\"margin\":\"0 auto\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"flex\",\"width\":\"90%\",\"lineHeight\":\"40px\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-if=\"userTableName=='yonghu'\">\r\n\t\t\t<span class=\"icon iconfont icon-shouye-zhihui\" :style='{\"color\":\"#333\",\"padding\":\"0 5px\",\"fontSize\":\"14px\"}'></span>\r\n\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"14px\"}'>电话</div>\r\n\t\t\t<div :style='{\"fontSize\":\"14px\",\"color\":\"#333\",\"textAlign\":\"right\",\"flex\":1}'>{{sessionForm.dianhua}}</div>\r\n\t\t</div>\r\n\t\t\r\n\t</div>\r\n\t\r\n    <el-tabs tab-position=\"left\" :style='{\"width\":\"72%\",\"margin\":\"20px 0 0\",\"flexWrap\":\"wrap\",\"background\":\"#fff\",\"flex\":\"1\",\"display\":\"flex\"}' @tab-click=\"handleClick\">\r\n      <el-tab-pane label=\"个人中心\">\r\n        <el-form class=\"center-preview-pv\" ref=\"sessionForm\" :model=\"sessionForm\" :rules=\"rules\" label-width=\"180px\">\r\n          <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' v-if=\"userTableName=='yonghu'\" label=\"用户账号\" prop=\"yonghuzhanghao\">\r\n            <el-input v-model=\"sessionForm.yonghuzhanghao\" placeholder=\"用户账号\" readonly></el-input>\r\n          </el-form-item>\r\n          <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' v-if=\"userTableName=='yonghu'\" label=\"用户姓名\" prop=\"yonghuxingming\">\r\n            <el-input v-model=\"sessionForm.yonghuxingming\" placeholder=\"用户姓名\" ></el-input>\r\n          </el-form-item>\r\n          <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' v-if=\"userTableName=='yonghu'\" label=\"性别\" prop=\"xingbie\">\r\n            <el-select v-model=\"sessionForm.xingbie\" placeholder=\"请选择性别\" >\r\n              <el-option v-for=\"(item, index) in dynamicProp.xingbie\" :key=\"index\" :label=\"item\" :value=\"item\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' v-if=\"userTableName=='yonghu'\" label=\"电话\" prop=\"dianhua\">\r\n            <el-input v-model=\"sessionForm.dianhua\" placeholder=\"电话\" ></el-input>\r\n          </el-form-item>\r\n          <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' v-if=\"userTableName=='yonghu'\" label=\"头像\" prop=\"touxiang\">\r\n\t\t\t<file-upload\r\n\t\t\ttip=\"点击上传头像\"\r\n\t\t\taction=\"file/upload\"\r\n\t\t\t:limit=\"1\"\r\n\t\t\t:multiple=\"true\"\r\n\t\t\t:fileUrls=\"sessionForm.touxiang?sessionForm.touxiang:''\"\r\n\t\t\t@change=\"yonghutouxiangHandleAvatarSuccess\"\r\n\t\t\t></file-upload>\r\n          </el-form-item>\r\n          <el-form-item :style='{\"padding\":\"0\",\"margin\":\"0\"}'>\r\n            <el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0 20px 0 0\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' type=\"primary\" @click=\"onSubmit('sessionForm')\">更新信息</el-button>\r\n            <el-button :style='{\"border\":\"0px solid rgba(64, 158, 255, 1)\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"4px\",\"background\":\"#333\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' type=\"danger\" @click=\"logout\">退出登录</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-tab-pane>\r\n\t  <el-tab-pane label=\"修改密码\">\r\n\t\t<el-form class=\"center-preview-pv\" ref=\"passwordForm\" :model=\"passwordForm\" :rules=\"passwordRules\" label-width=\"180px\">\r\n\t\t\t<el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' label=\"原密码\" prop=\"password\">\r\n\t\t\t  <el-input type=\"password\" v-model=\"passwordForm.password\" placeholder=\"原密码\"></el-input>\r\n\t\t\t</el-form-item>\r\n\t\t\t<el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' label=\"新密码\" prop=\"newpassword\">\r\n\t\t\t  <el-input type=\"password\" v-model=\"passwordForm.newpassword\" placeholder=\"新密码\"></el-input>\r\n\t\t\t</el-form-item>\r\n\t\t\t<el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"#fff\"}' label=\"确认密码\" prop=\"repassword\">\r\n\t\t\t  <el-input type=\"password\" v-model=\"passwordForm.repassword\" placeholder=\"确认密码\"></el-input>\r\n\t\t\t</el-form-item>\r\n\t\t\t<el-form-item :style='{\"padding\":\"0\",\"margin\":\"0\"}'>\r\n\t\t\t  <el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0 20px 0 0\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' type=\"primary\" @click=\"updatePassword\">修改密码</el-button>\r\n\t\t\t</el-form-item>\r\n\t\t</el-form>\r\n\t  </el-tab-pane>\r\n\t\t<el-tab-pane v-for=\"(item,index) in menuList\" :key=\"index\" v-if=\"hasBack(item.menu)\" :label=\"item.child[0].menu\" :name=\"item.child[0].tableName\"></el-tab-pane>\r\n      <el-tab-pane label=\"我的发布\"></el-tab-pane>\r\n      <el-tab-pane label=\"我的收藏\"></el-tab-pane>\r\n    </el-tabs>\r\n\r\n</div>\r\n</template>\r\n\r\n<script>\r\n  import config from '@/config/config'\r\n  import menu from '@/config/menu'\r\n  import Vue from 'vue'\r\n  export default {\r\n    //数据集合\r\n    data() {\r\n      return {\r\n        title: '个人中心',\r\n        baseUrl: config.baseUrl,\r\n        sessionForm: {},\r\n\t\tpasswordForm: {},\r\n\t\tpasswordRules: {\r\n\t\t\tpassword: [\r\n\t\t\t\t{\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\tmessage: \"密码不能为空\",\r\n\t\t\t\t\ttrigger: \"blur\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tnewpassword: [\r\n\t\t\t\t{\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\tmessage: \"新密码不能为空\",\r\n\t\t\t\t\ttrigger: \"blur\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\trepassword: [\r\n\t\t\t\t{\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\tmessage: \"确认密码不能为空\",\r\n\t\t\t\t\ttrigger: \"blur\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n        rules: {},\r\n\t\tmenuList: [],\r\n        disabled: false,\r\n        uploadUrl: config.baseUrl + 'file/upload',\r\n        imageUrl: '',\r\n        headers: {Token: localStorage.getItem('frontToken')},\r\n        userTableName: localStorage.getItem('UserTableName'),\r\n        dynamicProp: {},\r\n      }\r\n    },\r\n    created() {\r\n\t\tlet menus = menu.list()\r\n\t\tfor(let x in menus){\r\n\t\t\tif(menus[x].tableName == this.userTableName){\r\n\t\t\t\tthis.menuList = menus[x].backMenu\r\n\t\t\t}\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.sessionForm, 'yonghuzhanghao', null);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.sessionForm, 'mima', null);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.sessionForm, 'yonghuxingming', null);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.sessionForm, 'xingbie', null);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.sessionForm, 'dianhua', null);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.sessionForm, 'touxiang', null);\r\n\t\t}\r\n\r\n\t\tif ('yonghu' == this.userTableName&&this.rules['yonghuzhanghao']){\r\n\t\t\tthis.rules['yonghuzhanghao'].push({ required: true, message: '请输入用户账号', trigger: 'blur' })\r\n\t\t}else if('yonghu' == this.userTableName&&!this.rules['yonghuzhanghao']) {\r\n\t\t\tthis.$set(this.rules, 'yonghuzhanghao', [{ required: true, message: '请输入用户账号', trigger: 'blur' }]);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName&&this.rules['mima']){\r\n\t\t\tthis.rules['mima'].push({ required: true, message: '请输入密码', trigger: 'blur' })\r\n\t\t}else if('yonghu' == this.userTableName&&!this.rules['mima']) {\r\n\t\t\tthis.$set(this.rules, 'mima', [{ required: true, message: '请输入密码', trigger: 'blur' }]);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName&&this.rules['yonghuxingming']){\r\n\t\t\tthis.rules['yonghuxingming'].push({ required: true, message: '请输入用户姓名', trigger: 'blur' })\r\n\t\t}else if('yonghu' == this.userTableName&&!this.rules['yonghuxingming']) {\r\n\t\t\tthis.$set(this.rules, 'yonghuxingming', [{ required: true, message: '请输入用户姓名', trigger: 'blur' }]);\r\n\t\t}\r\n\t\tif ('yonghu' == this.userTableName) {\r\n\t\t\tthis.$set(this.rules, 'dianhua', [{ required: false, validator: this.$validate.isMobile, trigger: 'blur' }]);\r\n\t\t}\r\n\r\n      this.init();\r\n      this.sessionForm = JSON.parse(localStorage.getItem('sessionForm'))\r\n    },\r\n    //方法集合\r\n    methods: {\r\n      init() {\r\n        if ('yonghu' == this.userTableName) {\r\n          this.dynamicProp.xingbie = '男,女'.split(',');\r\n        }\r\n      },\r\n\t  setSession(){\r\n\t\t  localStorage.setItem('sessionForm',JSON.stringify(this.sessionForm))\r\n\t  },\r\n      onSubmit(formName) {\r\n\t\tif(`yonghu` == this.userTableName && this.sessionForm.touxiang!=null){\r\n\t\t\tthis.sessionForm.touxiang = this.sessionForm.touxiang.replace(new RegExp(this.$config.baseUrl,\"g\"),\"\");\r\n\t\t}\r\n        this.$refs[formName].validate((valid) => {\r\n\t\t\tif (valid) {\r\n\t\t\t\tthis.$http.post(this.userTableName + '/update', this.sessionForm).then(res => {\r\n\t\t\t\t\tif (res.data.code == 0) {\r\n\t\t\t\t\t\tthis.setSession()\r\n\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\tmessage: '更新成功',\r\n\t\t\t\t\t\t\ttype: 'success',\r\n\t\t\t\t\t\t\tduration: 1500\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n        });\r\n      },\r\n      yonghutouxiangHandleAvatarSuccess(fileUrls) {\r\n        this.sessionForm.touxiang = fileUrls;\r\n      },\r\n      handleClick(tab, event) {\r\n        switch(event.target.outerText) {\r\n          case '个人中心':\r\n            tab.$router.push('/index/center');\r\n            break;\r\n          case '修改密码':\r\n            this.passwordForm = {\r\n\t\t\t\tpassword: '',\r\n\t\t\t\tnewpassword: '',\r\n\t\t\t\trepassword: '',\r\n\t\t\t}\r\n\t\t\tthis.$forceUpdate()\r\n            break;\r\n          case '我的发布':\r\n            tab.$router.push('/index/myForumList');\r\n            break;\r\n          case '我的收藏':\r\n            localStorage.setItem('storeupType', 1);\r\n            tab.$router.push('/index/storeup');\r\n            break;\r\n\t\t  default:\r\n\t\t  \ttab.$router.push(`/index/${tab.name}?centerType=1`);\r\n        }\r\n\r\n        this.title = event.target.outerText;\r\n      },\r\n\t  async updatePassword(){\r\n\t\t\tthis.$refs[\"passwordForm\"].validate(async valid => {\r\n\t\t\t\tif (valid) {\r\n\t\t\t\t\tvar password = \"\";\r\n\t\t\t\t\tif (this.sessionForm.mima) {\r\n\t\t\t\t\t\tpassword = this.sessionForm.mima;\r\n\t\t\t\t\t} else if (this.sessionForm.password) {\r\n\t\t\t\t\t\tpassword = this.sessionForm.password;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (this.passwordForm.password != password) {\r\n\t\t\t\t\t\tthis.$message.error(\"原密码错误\");\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (this.passwordForm.newpassword != this.passwordForm.repassword) {\r\n\t\t\t\t\t\tthis.$message.error(\"两次密码输入不一致\");\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (this.userTableName == 'yonghu') {\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.sessionForm.password = this.passwordForm.newpassword;\r\n\t\t\t\t\tthis.sessionForm.mima = this.passwordForm.newpassword;\r\n\t\t\t\t\tthis.$http.post(`${this.userTableName}/update`,this.sessionForm).then(({data})=>{\r\n\t\t\t\t\t\tif (data && data.code === 0) {\r\n\t\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\t\tmessage: \"修改密码成功,下次登录系统生效\",\r\n\t\t\t\t\t\t\t\ttype: \"success\",\r\n\t\t\t\t\t\t\t\tduration: 1500,\r\n\t\t\t\t\t\t\t\tonClose: () => {\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tthis.setSession()\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tthis.$message.error(data.msg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t  },\r\n      logout() {\r\n        localStorage.clear();\r\n        Vue.http.headers.common['Token'] = \"\";\r\n        this.$router.push('/index/home');\r\n        this.activeIndex = '0'\r\n        localStorage.setItem('keyPath', this.activeIndex)\r\n        this.$forceUpdate()\r\n        this.$message({\r\n            message: '登出成功',\r\n            type: 'success',\r\n            duration: 1500,\r\n        });\r\n      },\r\n\t  hasBack(name){\r\n\t\t  switch(name){\r\n\t\t\tcase '我的收藏管理':\r\n\t\t\t\treturn false\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\treturn true\r\n\t\t  }\r\n\t  }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n  .center-preview {\r\n  \r\n    .el-tabs {\r\n      & /deep/ .el-tabs__header {\r\n\t\t.el-tabs__nav{\r\n\t\t\toverflow: auto;\r\n\t\t}\r\n\t\t::-webkit-scrollbar {\r\n\t\t  -webkit-appearance: none;\r\n\t\t  width: 6px;\r\n\t\t  height: 6px;\r\n\t\t}\r\n\t\t::-webkit-scrollbar-track {\r\n\t\t  background: rgba(0, 0, 0, 0.1);\r\n\t\t  border-radius: 0;\r\n\t\t}\r\n\t\t::-webkit-scrollbar-thumb {\r\n\t\t  cursor: pointer;\r\n\t\t  border-radius: 5px;\r\n\t\t  background: rgba(0, 0, 0, 0.15);\r\n\t\t  transition: color 0.2s ease;\r\n\t\t}\r\n\t\t::-webkit-scrollbar-thumb:hover {\r\n\t\t  background: rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n        .el-tabs__nav-wrap {\r\n          margin: 0;\r\n  \r\n          &::after {\r\n            content: none;\r\n          }\r\n        }\r\n  \r\n        .el-tabs__active-bar {\r\n          display: none !important;\r\n        }\r\n      }\r\n  \r\n      .center-preview-pv {\r\n        .el-date-editor.el-input {\r\n          width: auto;\r\n        }\r\n  \r\n        .balance {\r\n          .el-input {\r\n            width: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  .center-preview .el-tabs /deep/ .el-tabs__header {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: #fff;\r\n\twidth: 100%;\r\n\tborder-color: #eee;\r\n\tborder-width: 0 0 1px;\r\n\tposition: relative;\r\n\tfloat: left;\r\n\tborder-style: solid;\r\n\theight: auto;\r\n  }\r\n  \r\n  .center-preview .el-tabs /deep/ .el-tabs__header .el-tabs__item {\r\n  \tpadding: 0 10px;\r\n  \tmargin: 0 10px 10px 0;\r\n  \tcolor: #fff;\r\n  \tfont-weight: 500;\r\n  \tdisplay: block;\r\n  \tfont-size: 14px;\r\n  \tline-height: 40px;\r\n  \tfloat: left;\r\n  \tbackground: #333;\r\n  \twidth: auto;\r\n  \tposition: relative;\r\n  \ttext-align: center;\r\n  \theight: 40px;\r\n  }\r\n  \r\n  .center-preview .el-tabs /deep/ .el-tabs__header .el-tabs__item:hover {\r\n  \tpadding: 0 10px;\r\n  \tcolor: #fff;\r\n  \tbackground: #F5BB00;\r\n  \tfont-weight: 500;\r\n  \tfont-size: 14px;\r\n  \tline-height: 40px;\r\n  \tposition: relative;\r\n  \ttext-align: center;\r\n  \theight: 40px;\r\n  }\r\n  \r\n  .center-preview .el-tabs /deep/ .el-tabs__header .el-tabs__item.is-active {\r\n  \tpadding: 0 10px;\r\n  \tmargin: 0 10px 10px 0;\r\n  \tcolor: #fff;\r\n  \tfont-weight: 500;\r\n  \tdisplay: block;\r\n  \tfont-size: 14px;\r\n  \tline-height: 40px;\r\n  \tfloat: left;\r\n  \tbackground: #F5BB00;\r\n  \twidth: auto;\r\n  \tposition: relative;\r\n  \ttext-align: center;\r\n  \theight: 40px;\r\n  }\r\n  \r\n  .center-preview .el-tabs /deep/ .el-tabs__content {\r\n  \tpadding: 0px;\r\n  \tmargin: 20px 0 0;\r\n  \tbackground: #fff;\r\n  \twidth: 100%;\r\n  }\r\n  .center-preview .el-tabs /deep/ .el-tabs__content .el-tab-pane {\r\n  \twidth: 100%;\r\n  }\r\n  \r\n  .center-preview-pv .el-form-item /deep/ .el-form-item__label {\r\n  \tpadding: 0 10px 0 0;\r\n  \tcolor: #666;\r\n  \tfont-weight: 500;\r\n  \twidth: 180px;\r\n  \tfont-size: 14px;\r\n  \tline-height: 40px;\r\n  \ttext-align: right;\r\n  }\r\n  \r\n  .center-preview-pv .el-form-item .el-form-item__content {\r\n    margin-left: 180px;\r\n  }\r\n  \r\n  .center-preview-pv .el-input /deep/ .el-input__inner {\r\n  \tborder: 1px solid #ddd;\r\n  \tborder-radius: 4px;\r\n  \tpadding: 0 12px;\r\n  \tbox-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n  \toutline: none;\r\n  \tcolor: #666;\r\n  \twidth: 400px;\r\n  \tfont-size: 14px;\r\n  \theight: 40px;\r\n  }\r\n  \r\n  .center-preview-pv .el-select /deep/ .el-input__inner {\r\n  \tborder: 1px solid #ddd;\r\n  \tborder-radius: 4px;\r\n  \tpadding: 0 12px;\r\n  \tbox-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n  \toutline: none;\r\n  \tcolor: #666;\r\n  \twidth: 400px;\r\n  \tfont-size: 14px;\r\n  \theight: 40px;\r\n  }\r\n  \r\n  .center-preview-pv .el-date-editor /deep/ .el-input__inner {\r\n  \tborder: 1px solid #ddd;\r\n  \tborder-radius: 4px;\r\n  \tpadding: 0 10px 0 30px;\r\n  \tbox-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n  \toutline: none;\r\n  \tcolor: #666;\r\n  \twidth: 200px;\r\n  \tfont-size: 14px;\r\n  \theight: 40px;\r\n  }\r\n  \r\n  .center-preview-pv /deep/ .avatar-uploader-icon {\r\n  \tborder: 1px solid #ddd;\r\n  \tcursor: pointer;\r\n  \tborder-radius: 6px;\r\n  \tcolor: #999;\r\n  \twidth: 160px;\r\n  \tfont-size: 32px;\r\n  \tline-height: 80px;\r\n  \ttext-align: center;\r\n  \theight: 80px;\r\n  }\r\n  \r\n  .center-preview-pv .el-form-item.balance /deep/ .el-input__inner {\r\n  \tborder: 1px solid #ddd;\r\n  \tborder-radius: 4px 0 0 4px;\r\n  \tpadding: 0 12px;\r\n  \tbox-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n  \toutline: none;\r\n  \tcolor: #666;\r\n  \tdisplay: inline-block;\r\n  \twidth: 200px;\r\n  \tfont-size: 14px;\r\n  \theight: 40px;\r\n  }\r\n</style>\r\n"]}]}