{"remainingRequest":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\babel-loader\\lib\\index.js!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\Main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\Main.vue","mtime":1677999340805},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\babel.config.js","mtime":1677915063811},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1677927572803},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\babel-loader\\lib\\index.js","mtime":1677927576192},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1677927572803},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1677927577316}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZXJyb3IuY2F1c2UuanMiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIk1haW4iLAoKICBkYXRhKCkgewogICAgbGV0IGNoZWNrQWdlID0gKHJ1bGUsIHZhbHVlLCBjYWxsYmFjaykgPT4gewogICAgICBpZiAodmFsdWUgPiAxNTApIHsKICAgICAgICBjYWxsYmFjayhuZXcgRXJyb3IoJ+W5tOm+hOi+k+WFpei/h+WkpycpKTsKICAgICAgfSBlbHNlIHsKICAgICAgICBjYWxsYmFjaygpOwogICAgICB9CiAgICB9OwoKICAgIGxldCBjaGVja0R1cGxpY2F0ZSA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsKICAgICAgaWYgKHRoaXMuZm9ybS5pZCkgewogICAgICAgIHJldHVybiBjYWxsYmFjaygpOwogICAgICB9CgogICAgICB0aGlzLiRheGlvcy5nZXQodGhpcy4kaHR0cFVybCArICIvdXNlci9maW5kQnlObz9ubz0iICsgdGhpcy5mb3JtLm5vKS50aGVuKHJlcyA9PiByZXMuZGF0YSkudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSAhPSAyMDApIHsKICAgICAgICAgIGNhbGxiYWNrKCk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIGNhbGxiYWNrKG5ldyBFcnJvcign6LSm5Y+35bey57uP5a2Y5ZyoJykpOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHRhYmxlRGF0YTogW10sCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgcGFnZU51bTogMSwKICAgICAgdG90YWw6IDAsCiAgICAgIG5hbWU6ICcnLAogICAgICBzZXg6ICcnLAogICAgICBzZXhzOiBbewogICAgICAgIHZhbHVlOiAnMScsCiAgICAgICAgbGFiZWw6ICfnlLcnCiAgICAgIH0sIHsKICAgICAgICB2YWx1ZTogJzAnLAogICAgICAgIGxhYmVsOiAn5aWzJwogICAgICB9XSwKICAgICAgY2VudGVyRGlhbG9nVmlzaWJsZTogZmFsc2UsCiAgICAgIGZvcm06IHsKICAgICAgICBpZDogJycsCiAgICAgICAgbm86ICcnLAogICAgICAgIG5hbWU6ICcnLAogICAgICAgIHBhc3N3b3JkOiAnJywKICAgICAgICBhZ2U6ICcnLAogICAgICAgIHBob25lOiAnJywKICAgICAgICBzZXg6ICcwJywKICAgICAgICByb2xlSWQ6ICcxJwogICAgICB9LAogICAgICBydWxlczogewogICAgICAgIG5vOiBbewogICAgICAgICAgcmVxdWlyZWQ6IHRydWUsCiAgICAgICAgICBtZXNzYWdlOiAn6K+36L6T5YWl6LSm5Y+3JywKICAgICAgICAgIHRyaWdnZXI6ICdibHVyJwogICAgICAgIH0sIHsKICAgICAgICAgIG1pbjogMywKICAgICAgICAgIG1heDogOCwKICAgICAgICAgIG1lc3NhZ2U6ICfplb/luqblnKggMyDliLAgOCDkuKrlrZfnrKYnLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfSwgewogICAgICAgICAgdmFsaWRhdG9yOiBjaGVja0R1cGxpY2F0ZSwKICAgICAgICAgIHRyaWdnZXI6ICdibHVyJwogICAgICAgIH1dLAogICAgICAgIG5hbWU6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXlkI3lrZcnLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfV0sCiAgICAgICAgcGFzc3dvcmQ6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXlr4bnoIEnLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfSwgewogICAgICAgICAgbWluOiAzLAogICAgICAgICAgbWF4OiA4LAogICAgICAgICAgbWVzc2FnZTogJ+mVv+W6puWcqCAzIOWIsCA4IOS4quWtl+espicsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XSwKICAgICAgICBhZ2U6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXlubTpvoQnLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfSwgewogICAgICAgICAgbWluOiAxLAogICAgICAgICAgbWF4OiAzLAogICAgICAgICAgbWVzc2FnZTogJ+mVv+W6puWcqCAxIOWIsCAzIOS4quS9jScsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9LCB7CiAgICAgICAgICBwYXR0ZXJuOiAvXihbMS05XVswLTldKil7MSwzfSQvLAogICAgICAgICAgbWVzc2FnZTogJ+W5tOm+hOW/hemhu+S4uuato+aVtOaVsOWtlycsCiAgICAgICAgICB0cmlnZ2VyOiAiYmx1ciIKICAgICAgICB9LCB7CiAgICAgICAgICB2YWxpZGF0b3I6IGNoZWNrQWdlLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfV0sCiAgICAgICAgcGhvbmU6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICLmiYvmnLrlj7fkuI3og73kuLrnqboiLAogICAgICAgICAgdHJpZ2dlcjogImJsdXIiCiAgICAgICAgfSwgewogICAgICAgICAgcGF0dGVybjogL14xWzN8NHw1fDZ8N3w4fDldWzAtOV1cZHs4fSQvLAogICAgICAgICAgbWVzc2FnZTogIuivt+i+k+WFpeato+ehrueahOaJi+acuuWPt+eggSIsCiAgICAgICAgICB0cmlnZ2VyOiAiYmx1ciIKICAgICAgICB9XQogICAgICB9CiAgICB9OwogIH0sCgogIG1ldGhvZHM6IHsKICAgIHJlc2V0Rm9ybSgpIHsKICAgICAgdGhpcy4kcmVmcy5mb3JtLnJlc2V0RmllbGRzKCk7IC8v6YeN572u6KGo5Y2VCiAgICB9LAoKICAgIGRlbChpZCkgewogICAgICBjb25zb2xlLmxvZyhpZCk7CiAgICAgIHRoaXMuJGF4aW9zLmdldCh0aGlzLiRodHRwVXJsICsgJy91c2VyL2RlbD9pZD0nICsgaWQpLnRoZW4ocmVzID0+IHJlcy5kYXRhKS50aGVuKHJlcyA9PiB7CiAgICAgICAgY29uc29sZS5sb2cocmVzKTsKCiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICAgIG1lc3NhZ2U6ICfmk43kvZzmiJDlip/vvIEnLAogICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycKICAgICAgICAgIH0pOwogICAgICAgICAgdGhpcy5sb2FkUG9zdCgpOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICAgICAgbWVzc2FnZTogJ+aTjeS9nOWksei0pe+8gScsCiAgICAgICAgICAgIHR5cGU6ICdlcnJvcicKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAoKICAgIG1vZChyb3cpIHsKICAgICAgY29uc29sZS5sb2cocm93KTsKICAgICAgdGhpcy5jZW50ZXJEaWFsb2dWaXNpYmxlID0gdHJ1ZTsKICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gewogICAgICAgIC8v6LWL5YC85Yiw6KGo5Y2VCiAgICAgICAgdGhpcy5mb3JtLmlkID0gcm93LmlkOwogICAgICAgIHRoaXMuZm9ybS5ubyA9IHJvdy5ubzsKICAgICAgICB0aGlzLmZvcm0ubmFtZSA9IHJvdy5uYW1lOwogICAgICAgIHRoaXMuZm9ybS5wYXNzd29yZCA9ICcnOwogICAgICAgIHRoaXMuZm9ybS5hZ2UgPSByb3cuYWdlICsgJyc7CiAgICAgICAgdGhpcy5mb3JtLnNleCA9IHJvdy5zZXggKyAnJzsKICAgICAgICB0aGlzLmZvcm0ucGhvbmUgPSByb3cucGhvbmU7CiAgICAgICAgdGhpcy5mb3JtLnJvbGVJZCA9IHJvdy5yb2xlSWQ7CiAgICAgIH0pOwogICAgfSwKCiAgICBhZGQoKSB7CiAgICAgIHRoaXMuY2VudGVyRGlhbG9nVmlzaWJsZSA9IHRydWU7CiAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsKICAgICAgICB0aGlzLnJlc2V0Rm9ybSgpOwogICAgICB9KTsKICAgIH0sCgogICAgZG9TYXZlKCkgewogICAgICB0aGlzLiRheGlvcy5wb3N0KHRoaXMuJGh0dHBVcmwgKyAnL3VzZXIvc2F2ZScsIHRoaXMuZm9ybSkudGhlbihyZXMgPT4gcmVzLmRhdGEpLnRoZW4ocmVzID0+IHsKICAgICAgICBjb25zb2xlLmxvZyhyZXMpOwoKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICAgICAgbWVzc2FnZTogJ+aTjeS9nOaIkOWKn++8gScsCiAgICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJwogICAgICAgICAgfSk7CiAgICAgICAgICB0aGlzLmNlbnRlckRpYWxvZ1Zpc2libGUgPSBmYWxzZTsKICAgICAgICAgIHRoaXMubG9hZFBvc3QoKTsgLy/miJDlip/lkI7liLfmlrDliqDovb3mlbDmja4KCiAgICAgICAgICB0aGlzLnJlc2V0Rm9ybSgpOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICAgICAgbWVzc2FnZTogJ+aTjeS9nOWksei0pe+8gScsCiAgICAgICAgICAgIHR5cGU6ICdlcnJvcicKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAoKICAgIGRvTW9kKCkgewogICAgICB0aGlzLiRheGlvcy5wb3N0KHRoaXMuJGh0dHBVcmwgKyAnL3VzZXIvdXBkYXRlJywgdGhpcy5mb3JtKS50aGVuKHJlcyA9PiByZXMuZGF0YSkudGhlbihyZXMgPT4gewogICAgICAgIGNvbnNvbGUubG9nKHJlcyk7CgogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2UoewogICAgICAgICAgICBtZXNzYWdlOiAn5pON5L2c5oiQ5Yqf77yBJywKICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnCiAgICAgICAgICB9KTsKICAgICAgICAgIHRoaXMuY2VudGVyRGlhbG9nVmlzaWJsZSA9IGZhbHNlOwogICAgICAgICAgdGhpcy5sb2FkUG9zdCgpOwogICAgICAgICAgdGhpcy5yZXNldEZvcm0oKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICAgIG1lc3NhZ2U6ICfmk43kvZzlpLHotKXvvIEnLAogICAgICAgICAgICB0eXBlOiAnZXJyb3InCiAgICAgICAgICB9KTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKCiAgICBzYXZlKCkgewogICAgICB0aGlzLiRyZWZzLmZvcm0udmFsaWRhdGUodmFsaWQgPT4gewogICAgICAgIGlmICh2YWxpZCkgewogICAgICAgICAgaWYgKHRoaXMuZm9ybS5pZCkgewogICAgICAgICAgICB0aGlzLmRvTW9kKCk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICB0aGlzLmRvU2F2ZSgpOwogICAgICAgICAgfQogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICBjb25zb2xlLmxvZygnZXJyb3Igc3VibWl0ISEnKTsKICAgICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKCiAgICBoYW5kbGVTaXplQ2hhbmdlKHZhbCkgewogICAgICBjb25zb2xlLmxvZyhg5q+P6aG1ICR7dmFsfSDmnaFgKTsKICAgICAgdGhpcy5wYWdlTnVtID0gMTsKICAgICAgdGhpcy5wYWdlU2l6ZSA9IHZhbDsKICAgICAgdGhpcy5sb2FkUG9zdCgpOwogICAgfSwKCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgewogICAgICBjb25zb2xlLmxvZyhg5b2T5YmN6aG1OiAke3ZhbH1gKTsKICAgICAgdGhpcy5wYWdlTnVtID0gdmFsOwogICAgICB0aGlzLmxvYWRQb3N0KCk7CiAgICB9LAoKICAgIGxvYWRHZXQoKSB7CiAgICAgIHRoaXMuJGF4aW9zLmdldCh0aGlzLiRodHRwVXJsICsgJy91c2VyL2xpc3QnKS50aGVuKHJlcyA9PiByZXMuZGF0YSkudGhlbihyZXMgPT4gewogICAgICAgIGNvbnNvbGUubG9nKHJlcyk7CiAgICAgIH0pOwogICAgfSwKCiAgICByZXNldFBhcmFtKCkgewogICAgICB0aGlzLm5hbWUgPSAnJzsKICAgICAgdGhpcy5zZXggPSAnJzsKICAgIH0sCgogICAgbG9hZFBvc3QoKSB7CiAgICAgIHRoaXMuJGF4aW9zLnBvc3QodGhpcy4kaHR0cFVybCArICcvdXNlci9saXN0UGFnZUMxJywgewogICAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLAogICAgICAgIHBhZ2VOdW06IHRoaXMucGFnZU51bSwKICAgICAgICBwYXJhbTogewogICAgICAgICAgbmFtZTogdGhpcy5uYW1lLAogICAgICAgICAgc2V4OiB0aGlzLnNleAogICAgICAgIH0KICAgICAgfSkudGhlbihyZXMgPT4gcmVzLmRhdGEpLnRoZW4ocmVzID0+IHsKICAgICAgICBjb25zb2xlLmxvZyhyZXMpOwoKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhOwogICAgICAgICAgdGhpcy50b3RhbCA9IHJlcy50b3RhbDsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgYWxlcnQoJ+iOt+WPluaVsOaNruWksei0pScpOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9CgogIH0sCgogIGJlZm9yZU1vdW50KCkgewogICAgLy90aGlzLmxvYWRHZXQoKTsKICAgIHRoaXMubG9hZFBvc3QoKTsKICB9Cgp9Ow=="},{"version":3,"mappings":";AAsHA;EACAA,YADA;;EAEAC;IACA;MACA;QACAC;MACA,CAFA,MAEA;QACAA;MACA;IACA,CANA;;IAOA;MACA;QACA;MACA;;MACA;QACA;UAEAA;QACA,CAHA,MAGA;UACAA;QACA;MACA,CAPA;IAQA,CAZA;;IAcA;MACAC,aADA;MAEAC,YAFA;MAGAC,UAHA;MAIAC,QAJA;MAKAN,QALA;MAMAO,OANA;MAOAC,OACA;QACAC,UADA;QAEAC;MAFA,CADA,EAIA;QACAD,UADA;QAEAC;MAFA,CAJA,CAPA;MAgBAC,0BAhBA;MAiBAC;QACAC,MADA;QAEAC,MAFA;QAGAd,QAHA;QAIAe,YAJA;QAKAC,OALA;QAMAC,SANA;QAOAV,QAPA;QAQAW;MARA,CAjBA;MA2BAC;QACAL,KACA;UAAAM;UAAAC;UAAAC;QAAA,CADA,EAEA;UAAAC;UAAAC;UAAAH;UAAAC;QAAA,CAFA,EAGA;UAAAG;UAAAH;QAAA,CAHA,CADA;QAMAtB,OACA;UAAAoB;UAAAC;UAAAC;QAAA,CADA,CANA;QASAP,WACA;UAAAK;UAAAC;UAAAC;QAAA,CADA,EAEA;UAAAC;UAAAC;UAAAH;UAAAC;QAAA,CAFA,CATA;QAaAN,MACA;UAAAI;UAAAC;UAAAC;QAAA,CADA,EAEA;UAAAC;UAAAC;UAAAH;UAAAC;QAAA,CAFA,EAGA;UAAAI;UAAAL;UAAAC;QAAA,CAHA,EAIA;UAAAG;UAAAH;QAAA,CAJA,CAbA;QAmBAL,QACA;UAAAG;UAAAC;UAAAC;QAAA,CADA,EAEA;UAAAI;UAAAL;UAAAC;QAAA,CAFA;MAnBA;IA3BA;EAoDA,CA5EA;;EA6EAK;IACAC;MACA,8BADA,CACA;IACA,CAHA;;IAIAC;MACAC;MAEA;QACAA;;QACA;UAEA;YACAT,gBADA;YAEAU;UAFA;UAIA;QACA,CAPA,MAOA;UACA;YACAV,gBADA;YAEAU;UAFA;QAIA;MAEA,CAhBA;IAiBA,CAxBA;;IAyBAC;MACAF;MAEA;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA,CAVA;IAWA,CAxCA;;IAyCAG;MAEA;MACA;QACA;MACA,CAFA;IAIA,CAhDA;;IAiDAC;MACA;QACAJ;;QACA;UAEA;YACAT,gBADA;YAEAU;UAFA;UAIA;UACA,gBAPA,CAOA;;UACA;QACA,CATA,MASA;UACA;YACAV,gBADA;YAEAU;UAFA;QAIA;MAEA,CAlBA;IAmBA,CArEA;;IAsEAI;MACA;QACAL;;QACA;UAEA;YACAT,gBADA;YAEAU;UAFA;UAIA;UACA;UACA;QACA,CATA,MASA;UACA;YACAV,gBADA;YAEAU;UAFA;QAIA;MAEA,CAlBA;IAmBA,CA1FA;;IA2FAK;MACA;QACA;UACA;YACA;UACA,CAFA,MAEA;YACA;UACA;QACA,CANA,MAMA;UACAN;UACA;QACA;MACA,CAXA;IAaA,CAzGA;;IA0GAO;MACAP;MACA;MACA;MACA;IACA,CA/GA;;IAgHAQ;MACAR;MACA;MACA;IACA,CApHA;;IAqHAS;MACA;QACAT;MACA,CAFA;IAGA,CAzHA;;IA0HAU;MACA;MACA;IACA,CA7HA;;IA8HAC;MACA;QACArC,uBADA;QAEAC,qBAFA;QAGAqC;UACA1C,eADA;UAEAO;QAFA;MAHA,GAOAoC,IAPA,CAOAC,eAPA,EAOAD,IAPA,CAOAC;QACAd;;QACA;UACA;UACA;QACA,CAHA,MAGA;UACAe;QACA;MAEA,CAhBA;IAiBA;;EAhJA,CA7EA;;EA+NAC;IACA;IACA;EACA;;AAlOA","names":["name","data","callback","tableData","pageSize","pageNum","total","sex","sexs","value","label","centerDialogVisible","form","id","no","password","age","phone","roleId","rules","required","message","trigger","min","max","validator","pattern","methods","resetForm","del","console","type","mod","add","doSave","doMod","save","handleSizeChange","handleCurrentChange","loadGet","resetParam","loadPost","param","then","res","alert","beforeMount"],"sourceRoot":"src/components","sources":["Main.vue"],"sourcesContent":["<template>\r\n    <div>\r\n        <div style=\"margin-bottom: 5px;\">\r\n            <el-input v-model=\"name\" placeholder=\"请输入名字\" suffix-icon=\"el-icon-search\" style=\"width: 200px;\"\r\n                      @keyup.enter.native=\"loadPost\"></el-input>\r\n            <el-select v-model=\"sex\" filterable placeholder=\"请选择性别\" style=\"margin-left: 5px;\">\r\n                <el-option\r\n                        v-for=\"item in sexs\"\r\n                        :key=\"item.value\"\r\n                        :label=\"item.label\"\r\n                        :value=\"item.value\">\r\n                </el-option>\r\n            </el-select>\r\n            <el-button type=\"primary\" style=\"margin-left: 5px;\" @click=\"loadPost\">查询</el-button>\r\n            <el-button type=\"success\" @click=\"resetParam\">重置</el-button>\r\n\r\n            <el-button type=\"primary\" style=\"margin-left: 5px;\" @click=\"add\">新增</el-button>\r\n        </div>\r\n        <el-table :data=\"tableData\"\r\n                 :header-cell-style=\"{ background: '#f2f5fc', color: '#555555' }\"\r\n                 border\r\n            >\r\n            <el-table-column prop=\"id\" label=\"ID\" width=\"60\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"no\" label=\"账号\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"age\" label=\"年龄\" width=\"80\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"sex\" label=\"性别\" width=\"80\">\r\n                <template slot-scope=\"scope\">\r\n                    <el-tag\r\n                            :type=\"scope.row.sex === 1 ? 'primary' : 'success'\"\r\n                            disable-transitions>{{scope.row.sex === 1 ? '男' : '女'}}</el-tag>\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"roleId\" label=\"角色\" width=\"120\">\r\n                <template slot-scope=\"scope\">\r\n                    <el-tag\r\n                            :type=\"scope.row.roleId === 0 ? 'danger' : (scope.row.roleId === 1 ? 'primary' : 'success')\"\r\n                            disable-transitions>{{scope.row.roleId === 0 ? '超级管理员' :\r\n                                                    (scope.row.roleId === 1 ? '管理员' : '用户')}}</el-tag>\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"phone\" label=\"电话\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"operate\" label=\"操作\">\r\n                <template slot-scope=\"scope\">\r\n                    <el-button size=\"small\" type=\"success\" @click=\"mod(scope.row)\">编辑</el-button>\r\n                    <el-popconfirm\r\n                            title=\"确定删除吗？\"\r\n                            @confirm=\"del(scope.row.id)\"\r\n                            style=\"margin-left: 5px;\"\r\n                    >\r\n                        <el-button slot=\"reference\" size=\"small\" type=\"danger\" >删除</el-button>\r\n                    </el-popconfirm>\r\n                </template>\r\n            </el-table-column>\r\n        </el-table>\r\n        <el-pagination\r\n                @size-change=\"handleSizeChange\"\r\n                @current-change=\"handleCurrentChange\"\r\n                :current-page=\"pageNum\"\r\n                :page-sizes=\"[5, 10, 20,30]\"\r\n                :page-size=\"pageSize\"\r\n                layout=\"total, sizes, prev, pager, next, jumper\"\r\n                :total=\"total\">\r\n        </el-pagination>\r\n\r\n        <el-dialog\r\n                title=\"提示\"\r\n                :visible.sync=\"centerDialogVisible\"\r\n                width=\"30%\"\r\n                center>\r\n\r\n            <el-form ref=\"form\" :rules=\"rules\" :model=\"form\" label-width=\"80px\">\r\n                <el-form-item label=\"账号\" prop=\"no\">\r\n                    <el-col :span=\"20\">\r\n                        <el-input v-model=\"form.no\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"名字\" prop=\"name\">\r\n                    <el-col :span=\"20\">\r\n                        <el-input v-model=\"form.name\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"密码\" prop=\"password\">\r\n                    <el-col :span=\"20\">\r\n                        <el-input v-model=\"form.password\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"年龄\" prop=\"age\">\r\n                    <el-col :span=\"20\">\r\n                        <el-input v-model=\"form.age\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"性别\">\r\n                    <el-radio-group v-model=\"form.sex\">\r\n                        <el-radio label=\"1\">男</el-radio>\r\n                        <el-radio label=\"0\">女</el-radio>\r\n                    </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"电话\" prop=\"phone\">\r\n                    <el-col :span=\"20\">\r\n                        <el-input v-model=\"form.phone\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n            </el-form>\r\n            <span slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"centerDialogVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"save\">确 定</el-button>\r\n  </span>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"Main\",\r\n        data() {\r\n            let checkAge = (rule, value, callback) => {\r\n                if(value>150){\r\n                    callback(new Error('年龄输入过大'));\r\n                }else{\r\n                    callback();\r\n                }\r\n            };\r\n            let checkDuplicate =(rule,value,callback)=>{\r\n                if(this.form.id){\r\n                    return callback();\r\n                }\r\n                this.$axios.get(this.$httpUrl+\"/user/findByNo?no=\"+this.form.no).then(res=>res.data).then(res=>{\r\n                    if(res.code!=200){\r\n\r\n                        callback()\r\n                    }else{\r\n                        callback(new Error('账号已经存在'));\r\n                    }\r\n                })\r\n            };\r\n\r\n            return {\r\n                tableData: [],\r\n                pageSize:10,\r\n                pageNum:1,\r\n                total:0,\r\n                name:'',\r\n                sex:'',\r\n                sexs:[\r\n                    {\r\n                        value: '1',\r\n                        label: '男'\r\n                    }, {\r\n                        value: '0',\r\n                        label: '女'\r\n                    }\r\n                ],\r\n                centerDialogVisible:false,\r\n                form:{\r\n                    id:'',\r\n                    no:'',\r\n                    name:'',\r\n                    password:'',\r\n                    age:'',\r\n                    phone:'',\r\n                    sex:'0',\r\n                    roleId:'1'\r\n                },\r\n                rules: {\r\n                    no: [\r\n                        {required: true, message: '请输入账号', trigger: 'blur'},\r\n                        {min: 3, max: 8, message: '长度在 3 到 8 个字符', trigger: 'blur'},\r\n                        {validator:checkDuplicate,trigger: 'blur'}\r\n                    ],\r\n                    name: [\r\n                        {required: true, message: '请输入名字', trigger: 'blur'}\r\n                    ],\r\n                    password: [\r\n                        {required: true, message: '请输入密码', trigger: 'blur'},\r\n                        {min: 3, max: 8, message: '长度在 3 到 8 个字符', trigger: 'blur'}\r\n                    ],\r\n                    age: [\r\n                        {required: true, message: '请输入年龄', trigger: 'blur'},\r\n                        {min: 1, max: 3, message: '长度在 1 到 3 个位', trigger: 'blur'},\r\n                        {pattern: /^([1-9][0-9]*){1,3}$/,message: '年龄必须为正整数字',trigger: \"blur\"},\r\n                        {validator:checkAge,trigger: 'blur'}\r\n                    ],\r\n                    phone: [\r\n                        {required: true,message: \"手机号不能为空\",trigger: \"blur\"},\r\n                        {pattern: /^1[3|4|5|6|7|8|9][0-9]\\d{8}$/, message: \"请输入正确的手机号码\", trigger: \"blur\"}\r\n                    ]\r\n                }\r\n            }\r\n        },\r\n        methods:{\r\n            resetForm() {\r\n                this.$refs.form.resetFields(); //重置表单\r\n            },\r\n            del(id){\r\n                console.log(id)\r\n\r\n                this.$axios.get(this.$httpUrl+'/user/del?id='+id).then(res=>res.data).then(res=>{\r\n                    console.log(res)\r\n                    if(res.code==200){\r\n\r\n                        this.$message({\r\n                            message: '操作成功！',\r\n                            type: 'success'\r\n                        });\r\n                        this.loadPost()\r\n                    }else{\r\n                        this.$message({\r\n                            message: '操作失败！',\r\n                            type: 'error'\r\n                        });\r\n                    }\r\n\r\n                })\r\n            },\r\n            mod(row){\r\n                console.log(row)\r\n\r\n                this.centerDialogVisible = true\r\n                this.$nextTick(()=>{\r\n                    //赋值到表单\r\n                    this.form.id = row.id\r\n                    this.form.no = row.no\r\n                    this.form.name = row.name\r\n                    this.form.password = ''\r\n                    this.form.age = row.age +''\r\n                    this.form.sex = row.sex +''\r\n                    this.form.phone = row.phone\r\n                    this.form.roleId = row.roleId\r\n                })\r\n            },\r\n            add(){\r\n\r\n                this.centerDialogVisible = true\r\n                this.$nextTick(()=>{\r\n                    this.resetForm()\r\n                })\r\n\r\n            },\r\n            doSave(){\r\n                this.$axios.post(this.$httpUrl+'/user/save',this.form).then(res=>res.data).then(res=>{\r\n                    console.log(res)\r\n                    if(res.code==200){\r\n\r\n                        this.$message({\r\n                            message: '操作成功！',\r\n                            type: 'success'\r\n                        });\r\n                        this.centerDialogVisible = false\r\n                        this.loadPost()  //成功后刷新加载数据\r\n                        this. resetForm()\r\n                    }else{\r\n                        this.$message({\r\n                            message: '操作失败！',\r\n                            type: 'error'\r\n                        });\r\n                    }\r\n\r\n                })\r\n            },\r\n            doMod(){\r\n                this.$axios.post(this.$httpUrl+'/user/update',this.form).then(res=>res.data).then(res=>{\r\n                    console.log(res)\r\n                    if(res.code==200){\r\n\r\n                        this.$message({\r\n                            message: '操作成功！',\r\n                            type: 'success'\r\n                        });\r\n                        this.centerDialogVisible = false\r\n                        this.loadPost()\r\n                        this. resetForm()\r\n                    }else{\r\n                        this.$message({\r\n                            message: '操作失败！',\r\n                            type: 'error'\r\n                        });\r\n                    }\r\n\r\n                })\r\n            },\r\n            save(){\r\n                this.$refs.form.validate((valid) => {\r\n                    if (valid) {\r\n                        if(this.form.id){\r\n                            this.doMod();\r\n                        }else{\r\n                            this.doSave();\r\n                        }\r\n                    } else {\r\n                        console.log('error submit!!');\r\n                        return false;\r\n                    }\r\n                });\r\n\r\n            },\r\n            handleSizeChange(val) {\r\n                console.log(`每页 ${val} 条`);\r\n                this.pageNum=1\r\n                this.pageSize=val\r\n                this.loadPost()\r\n            },\r\n            handleCurrentChange(val) {\r\n                console.log(`当前页: ${val}`);\r\n                this.pageNum=val\r\n                this.loadPost()\r\n            },\r\n            loadGet(){\r\n                this.$axios.get(this.$httpUrl+'/user/list').then(res=>res.data).then(res=>{\r\n                    console.log(res)\r\n                })\r\n            },\r\n            resetParam(){\r\n               this.name=''\r\n               this.sex=''\r\n            },\r\n            loadPost(){\r\n                this.$axios.post(this.$httpUrl+'/user/listPageC1',{\r\n                    pageSize:this.pageSize,\r\n                    pageNum:this.pageNum,\r\n                    param:{\r\n                        name:this.name,\r\n                        sex:this.sex\r\n                    }\r\n                }).then(res=>res.data).then(res=>{\r\n                    console.log(res)\r\n                    if(res.code==200){\r\n                        this.tableData=res.data\r\n                        this.total=res.total\r\n                    }else{\r\n                        alert('获取数据失败')\r\n                    }\r\n\r\n                })\r\n            }\r\n        },\r\n        beforeMount() {\r\n            //this.loadGet();\r\n            this.loadPost()\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>"]}]}