{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\system\\systemMenus\\components\\menusFrom.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\system\\systemMenus\\components\\menusFrom.vue","mtime":1761614939077},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBhZGRNZW51c0FwaSwgYWRkTWVudXMsIGdldFJ1bGVMaXN0IH0gZnJvbSAnQC9hcGkvc3lzdGVtTWVudXMnOw0KaW1wb3J0IGljb24gZnJvbSAnQC91dGlscy9pY29uJzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnbWVudXNGcm9tJywNCiAgcHJvcHM6IHsNCiAgICBmb3JtVmFsOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiBudWxsLA0KICAgIH0sDQogICAgdGl0bGVGcm9tOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnJywNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBhcnJzOiBbXSwNCiAgICAgIHNlYXJjaFJ1bGU6ICcnLA0KICAgICAgaWNvblZhbDogJycsDQogICAgICBncmlkOiB7DQogICAgICAgIHhsOiAyMiwNCiAgICAgICAgbGc6IDIyLA0KICAgICAgICBtZDogMjIsDQogICAgICAgIHNtOiAyMiwNCiAgICAgICAgeHM6IDIyLA0KICAgICAgfSwNCiAgICAgIG1vZGFsczogZmFsc2UsDQogICAgICBtb2RhbDEyOiBmYWxzZSwNCiAgICAgIEZyb21EYXRhOiBbXSwNCiAgICAgIHZhbGlkczogZmFsc2UsDQogICAgICBsaXN0MjogW10sDQogICAgICBsaXN0OiBpY29uLA0KICAgICAgc2VhcmNoOiBpY29uLA0KICAgICAgcnVsZU1vZGFsOiBmYWxzZSwNCiAgICAgIHJ1bGVMaXN0OiBbXSwNCiAgICAgIGF1dGhUeXBlOiAxLA0KICAgICAgZm9ybVZhbGlkYXRlOiB7fSwNCiAgICAgIHNlYXJjaERhdGE6IFtdLA0KICAgICAgaXNTaG93UmFkaW86IFsNCiAgICAgICAgeyB2YWx1ZTogMSwgbGFiZWw6ICflvIDlkK8nIH0sDQogICAgICAgIHsgdmFsdWU6IDAsIGxhYmVsOiAn5YWz6ZetJyB9LA0KICAgICAgXSwNCiAgICB9Ow0KICB9LA0KICB3YXRjaDogew0KICAgIGZvcm1WYWwodmFsKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZSA9IHZhbDsNCiAgICB9LA0KICAgICdmb3JtVmFsaWRhdGUuaGVhZGVyJzogZnVuY3Rpb24gKG4pIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmlzX2hlYWRlciA9IG4gPyAxIDogMDsNCiAgICB9LA0KICAgICdmb3JtVmFsaWRhdGUuYXV0aF90eXBlJzogZnVuY3Rpb24gKG4pIHsNCiAgICAgIGlmIChuID09PSB1bmRlZmluZWQpIHsNCiAgICAgICAgbiA9IDE7DQogICAgICB9DQogICAgICB0aGlzLmF1dGhUeXBlID0gbjsNCiAgICB9LA0KICAgICdmb3JtVmFsaWRhdGUuZGF0YSc6IGZ1bmN0aW9uIChuKSB7fSwNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAvKiBlc2xpbnQtZGlzYWJsZSAqLw0KICAgIG9wdGlvbnNMaXN0KCkgew0KICAgICAgbGV0IGEgPSBbXTsNCiAgICAgIHRoaXMuRnJvbURhdGEubWFwKChpdGVtKSA9PiB7DQogICAgICAgIGlmICgncGlkJyA9PT0gaXRlbS5maWVsZCkgew0KICAgICAgICAgIGEgPSBpdGVtLm9wdGlvbnM7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgICAgcmV0dXJuIGE7DQogICAgfSwNCiAgICBoZWFkZXJPcHRpb25zTGlzdCgpIHsNCiAgICAgIGxldCBhID0gW107DQogICAgICB0aGlzLkZyb21EYXRhLm1hcCgoaXRlbSkgPT4gew0KICAgICAgICBpZiAoJ2hlYWRlcicgPT09IGl0ZW0uZmllbGQpIHsNCiAgICAgICAgICBhID0gaXRlbS5vcHRpb25zOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICAgIHJldHVybiBhOw0KICAgIH0sDQogICAgb3B0aW9uc0xpc3Rtb2R1bGUoKSB7DQogICAgICBsZXQgYSA9IFtdOw0KICAgICAgdGhpcy5Gcm9tRGF0YS5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgaWYgKCdtb2R1bGUnID09PSBpdGVtLmZpZWxkKSB7DQogICAgICAgICAgYSA9IGl0ZW0ub3B0aW9uczsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgICByZXR1cm4gYTsNCiAgICB9LA0KICAgIG9wdGlvbnNSYWRpbygpIHsNCiAgICAgIGxldCBhID0gW107DQogICAgICB0aGlzLkZyb21EYXRhLm1hcCgoaXRlbSkgPT4gew0KICAgICAgICBpZiAoJ2F1dGhfdHlwZScgPT09IGl0ZW0uZmllbGQpIHsNCiAgICAgICAgICBhID0gaXRlbS5vcHRpb25zOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICAgIHJldHVybiBhOw0KICAgIH0sDQogICAgaXNoZWFkZXJSYWRpbygpIHsNCiAgICAgIGxldCBhID0gW107DQogICAgICB0aGlzLkZyb21EYXRhLm1hcCgoaXRlbSkgPT4gew0KICAgICAgICBpZiAoJ2lzX2hlYWRlcicgPT09IGl0ZW0uZmllbGQpIHsNCiAgICAgICAgICBhID0gaXRlbS5vcHRpb25zOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICAgIHJldHVybiBhOw0KICAgIH0sDQogICAgLy8gaXNTaG93UmFkaW8oKSB7DQogICAgLy8gICBsZXQgYSA9IFtdOw0KICAgIC8vICAgdGhpcy5Gcm9tRGF0YS5tYXAoKGl0ZW0pID0+IHsNCiAgICAvLyAgICAgaWYgKCdpc19zaG93JyA9PT0gaXRlbS5maWVsZCkgew0KICAgIC8vICAgICAgIGEgPSBpdGVtLm9wdGlvbnM7DQogICAgLy8gICAgIH0NCiAgICAvLyAgIH0pOw0KICAgIC8vICAgcmV0dXJuIGE7DQogICAgLy8gfSwNCiAgICBpc1Nob3dQYXRoUmFkaW8oKSB7DQogICAgICBsZXQgYSA9IFtdOw0KICAgICAgdGhpcy5Gcm9tRGF0YS5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgaWYgKCdpc19zaG93X3BhdGgnID09PSBpdGVtLmZpZWxkKSB7DQogICAgICAgICAgYSA9IGl0ZW0ub3B0aW9uczsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgICByZXR1cm4gYTsNCiAgICB9LA0KICAgIG1lbnVMaXN0KCkgew0KICAgICAgbGV0IGEgPSBbXTsNCiAgICAgIHRoaXMuRnJvbURhdGEubWFwKChpdGVtKSA9PiB7DQogICAgICAgIGlmICgnbWVudV9saXN0JyA9PT0gaXRlbS5maWVsZCkgew0KICAgICAgICAgIGEgPSBpdGVtLnByb3BzLm9wdGlvbnM7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgICAgcmV0dXJuIGE7DQogICAgfSwNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGhhbmRsZUNsb3NlKCkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSB7fTsNCiAgICB9LA0KICAgIC8vIOiOt+WPluadg+mZkOWIl+ihqA0KICAgIGdldFJ1bGVMaXN0KCkgew0KICAgICAgZ2V0UnVsZUxpc3QoKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5ydWxlTGlzdCA9IHJlcy5kYXRhOw0KICAgICAgICB0aGlzLnJ1bGVNb2RhbCA9IHRydWU7DQogICAgICB9KTsNCiAgICB9LA0KICAgIG1vZGFsY2hhbmdlKCkgew0KICAgICAgdGhpcy5hcnJzID0gW107DQogICAgICB0aGlzLnJ1bGVNb2RhbCA9ICcnOw0KICAgICAgdGhpcy5ydWxlTW9kYWwgPSBmYWxzZTsNCiAgICB9LA0KICAgIGNoYW5nZVVuaXF1ZSh2YWwpIHsNCiAgICAgIGxldCB2YWx1ZSA9IHRoaXMuJHJvdXRlUHJvU3RyICsgdmFsLnRhcmdldC52YWx1ZTsNCiAgICAgIGlmICh2YWx1ZS5zbGljZSgwLCAxKSA9PT0gJy8nKSB2YWx1ZSA9IHZhbHVlLnJlcGxhY2UoJy8nLCAnJyk7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS51bmlxdWVfYXV0aCA9IHZhbHVlLnJlcGxhY2VBbGwoJy8nLCAnLScpOw0KICAgIH0sDQogICAgY2hhbmdlQXV0aFR5cGUodmFsKSB7DQogICAgICB0aGlzLmF1dGhUeXBlID0gdmFsOw0KICAgIH0sDQogICAgY2hhbmdlU2hvdyh2YWwpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmlzX3Nob3cgPSB2YWw7DQogICAgfSwNCiAgICBzZWxlY3RSdWxlKGRhdGEpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ3NlbGVjdFJ1bGUnLCBkYXRhKTsNCiAgICAgIHRoaXMuJG5leHRUaWNrKChlKSA9PiB7DQogICAgICAgIHRoaXMucnVsZU1vZGFsID0gZmFsc2U7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOaQnOe0og0KICAgIHVwSWNvbihuKSB7DQogICAgICB0aGlzLnNlYXJjaERhdGEgPSB0aGlzLmxpc3QuZmlsdGVyKChpdGVtKSA9PiBpdGVtLmluZGV4T2YodGhpcy5pY29uVmFsKSA+IC0xKTsNCiAgICB9LA0KICAgIC8vIOaQnOe0ouinhOWImQ0KICAgIHNlYXJjaFJ1bGVzKCkgew0KICAgICAgaWYgKHRoaXMuc2VhcmNoUnVsZS50cmltKCkpIHsNCiAgICAgICAgdGhpcy5hcnJzID0gW107DQogICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgdGhpcy5ydWxlTGlzdC5sZW5ndGg7IGkrKykgew0KICAgICAgICAgIGlmICh0aGlzLnJ1bGVMaXN0W2ldLnJlYWxfbmFtZS5pbmRleE9mKHRoaXMuc2VhcmNoUnVsZSkgIT09IC0xKSB7DQogICAgICAgICAgICB0aGlzLmFycnMucHVzaChpKTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuYXJycyA9IFtdOw0KICAgICAgfQ0KICAgIH0sDQogICAgaW5pdCgpIHsNCiAgICAgIHRoaXMuc2VhcmNoUnVsZSA9ICcnOw0KICAgICAgdGhpcy5hcnJzID0gW107DQogICAgfSwNCiAgICBoYW5kbGVDcmVhdGUxKHZhbCkgew0KICAgICAgdGhpcy5oZWFkZXJPcHRpb25zTGlzdC5wdXNoKHsNCiAgICAgICAgdmFsdWU6IHZhbCwNCiAgICAgICAgbGFiZWw6IHZhbCwNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g6I635Y+W5paw5aKe6KGo5Y2VDQogICAgZ2V0QWRkRnJvbSgpIHsNCiAgICAgIGFkZE1lbnVzKCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuRnJvbURhdGEgPSByZXMuZGF0YS5ydWxlczsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGljb25DbGljaygpIHsNCiAgICAgIHRoaXMubW9kYWwxMiA9IHRydWU7DQogICAgfSwNCiAgICBpY29uQ2hhbmdlKG4pIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmljb24gPSBuOw0KICAgICAgdGhpcy5tb2RhbDEyID0gZmFsc2U7DQogICAgfSwNCiAgICAvLyDmj5DkuqQNCiAgICBoYW5kbGVTdWJtaXQobmFtZSkgew0KICAgICAgLy/liKTmlq3mmK/lkKbpgInmi6nniLbnuqfliIbnsbsNCiAgICAgIGlmICh0aGlzLmZvcm1WYWxpZGF0ZS5wYXRoKSB7DQogICAgICAgIGxldCBsZW5ndGggPSB0aGlzLmZvcm1WYWxpZGF0ZS5wYXRoLmxlbmd0aDsNCiAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUucGlkID0gdGhpcy5mb3JtVmFsaWRhdGUucGF0aFtsZW5ndGggLSAxXSB8fCAwOw0KICAgICAgfQ0KICAgICAgbGV0IGRhdGEgPSB7DQogICAgICAgIHVybDogdGhpcy5mb3JtVmFsaWRhdGUuaWQgPyBgL3NldHRpbmcvbWVudXMvJHt0aGlzLmZvcm1WYWxpZGF0ZS5pZH1gIDogJy9zZXR0aW5nL21lbnVzJywNCiAgICAgICAgbWV0aG9kOiB0aGlzLmZvcm1WYWxpZGF0ZS5pZCA/ICdwdXQnIDogJ3Bvc3QnLA0KICAgICAgICBkYXRhczogdGhpcy5mb3JtVmFsaWRhdGUsDQogICAgICB9Ow0KICAgICAgaWYgKCF0aGlzLmZvcm1WYWxpZGF0ZS5tZW51X25hbWUpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygn6K+35aGr5YaZ6I+c5Y2VL+aMiemSri/mjqXlj6PlkI3np7AnKTsNCiAgICAgIH0NCiAgICAgIGlmICghdGhpcy5mb3JtVmFsaWRhdGUubWVudV9wYXRoICYmIHRoaXMuYXV0aFR5cGUgIT0gMikgew0KICAgICAgICByZXR1cm4gdGhpcy4kbWVzc2FnZS53YXJuaW5nKCfor7floavlhpnpobXpnaIv5oyJ6ZKu5Zyw5Z2AJyk7DQogICAgICB9DQogICAgICBpZiAoIXRoaXMuZm9ybVZhbGlkYXRlLmFwaV91cmwgJiYgdGhpcy5hdXRoVHlwZSA9PSAyKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRtZXNzYWdlLndhcm5pbmcoJ+ivt+Whq+WGmeaOpeWPo+WcsOWdgCcpOw0KICAgICAgfQ0KICAgICAgdGhpcy52YWxpZHMgPSB0cnVlOw0KICAgICAgYWRkTWVudXNBcGkoZGF0YSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICB0aGlzLm1vZGFscyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJGVtaXQoJ2NoYW5nZU1lbnUnKTsNCiAgICAgICAgICB0aGlzLmdldEFkZEZyb20oKTsNCiAgICAgICAgICAvLyB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnbWVudXMvZ2V0TWVudXNOYXZMaXN0Jyk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy52YWxpZHMgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGhhbmRsZVJlc2V0KCkgew0KICAgICAgdGhpcy5tb2RhbHMgPSBmYWxzZTsNCiAgICAgIHRoaXMuJHJlZnNbJ2Zvcm1WYWxpZGF0ZSddLnJlc2V0RmllbGRzKCk7DQogICAgICB0aGlzLiRlbWl0KCdjbGVhckZyb20nKTsNCiAgICB9LA0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMubGlzdCA9IHRoaXMuc2VhcmNoOw0KICAgIC8vIHRoaXMuZ2V0QWRkRnJvbSgpOw0KICB9LA0KfTsNCg=="},{"version":3,"sources":["menusFrom.vue"],"names":[],"mappings":";AA+JA;AACA;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"menusFrom.vue","sourceRoot":"src/pages/system/systemMenus/components","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"modals\"\r\n      width=\"540px\"\r\n      :title=\"titleFrom\"\r\n      :close-on-click-modal=\"false\"\r\n      @closed=\"handleClose\"\r\n    >\r\n      <el-form ref=\"formValidate\" :model=\"formValidate\" label-width=\"80px\" @submit.native.prevent>\r\n        <el-row :gutter=\"24\">\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item label=\"类型：\">\r\n              <el-radio-group v-model=\"formValidate.auth_type\" @input=\"changeAuthType\">\r\n                <el-radio :label=\"item.value\" v-for=\"(item, i) in optionsRadio\" :key=\"i\">\r\n                  <span>{{ item.label }}</span>\r\n                </el-radio>\r\n              </el-radio-group>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item :label=\"!authType ? '接口名称：' : '按钮名称：'\" prop=\"menu_name\">\r\n              <div class=\"add\">\r\n                <el-input\r\n                  v-model=\"formValidate.menu_name\"\r\n                  :placeholder=\"!authType ? '请输入接口名称' : '请输入按钮名称'\"\r\n                >\r\n                </el-input>\r\n                <!-- <el-button class=\"ml10 df\" v-show=\"!authType\" v-db-click @click=\"getRuleList()\" icon=\"ios-apps\"></el-button> -->\r\n              </div>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item label=\"父级分类：\">\r\n              <el-cascader\r\n                :options=\"menuList\"\r\n                change-on-select\r\n                v-model=\"formValidate.path\"\r\n                filterable\r\n                style=\"width: 100%\"\r\n              ></el-cascader>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\" v-if=\"authType != 2\">\r\n            <el-form-item label=\"页面地址：\" prop=\"menu_path\">\r\n              <el-input v-model=\"formValidate.menu_path\" placeholder=\"请输入页面地址\" @change=\"changeUnique\">\r\n                <template #prepend>\r\n                  <span>{{ $routeProStr }}</span>\r\n                </template>\r\n              </el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\" v-if=\"authType == 2\">\r\n            <el-form-item label=\"请求方式：\" prop=\"methods\">\r\n              <el-select v-model=\"formValidate.methods\">\r\n                <el-option value=\"GET\" label=\"GET\"></el-option>\r\n                <el-option value=\"POST\" label=\"POST\"></el-option>\r\n                <el-option value=\"PUT\" label=\"PUT\"></el-option>\r\n                <el-option value=\"DELETE\" label=\"DELETE\"></el-option>\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\" v-if=\"authType == 2\">\r\n            <el-form-item label=\"接口地址：\" prop=\"api_url\">\r\n              <el-input v-model=\"formValidate.api_url\" placeholder=\"请输入接口地址\" @change=\"changeUnique\"> </el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item label=\"权限标识：\" prop=\"unique_auth\">\r\n              <el-input v-model=\"formValidate.unique_auth\" placeholder=\"请输入权限标识\"></el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\" v-if=\"authType != 2\">\r\n            <el-form-item label=\"图标：\">\r\n              <el-input v-model=\"formValidate.icon\" placeholder=\"请选择图标，点击右面图标\">\r\n                <el-button slot=\"append\" icon=\"el-icon-picture-outline\" v-db-click @click=\"iconClick\"></el-button>\r\n              </el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item label=\"备注：\">\r\n              <el-input v-model=\"formValidate.mark\" placeholder=\"请输入备注\" number></el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item label=\"排序：\">\r\n              <el-input type=\"number\" v-model=\"formValidate.sort\" placeholder=\"请输入排序\" number></el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col v-bind=\"grid\">\r\n            <el-form-item label=\"状态：\">\r\n              <el-radio-group v-model=\"formValidate.is_show\" @input=\"changeShow\">\r\n                <el-radio :label=\"item.value\" v-for=\"(item, i) in isShowRadio\" :key=\"i\">\r\n                  <span>{{ item.label }}</span>\r\n                </el-radio>\r\n              </el-radio-group>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"handleReset\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formValidate')\">提 交</el-button>\r\n      </span>\r\n    </el-dialog>\r\n    <el-dialog :visible.sync=\"modal12\" width=\"720px\" title=\"图标选择\">\r\n      <el-input\r\n        v-model=\"iconVal\"\r\n        placeholder=\"输入关键词搜索,注意全是英文\"\r\n        clearable\r\n        style=\"width: 300px\"\r\n        @change=\"upIcon(iconVal)\"\r\n        ref=\"search\"\r\n      />\r\n      <div class=\"trees-coadd\">\r\n        <div class=\"scollhide\">\r\n          <div class=\"iconlist\">\r\n            <ul class=\"list-inline\">\r\n              <li class=\"icons-item\" v-for=\"(item, i) in iconVal ? searchData : list\" :key=\"i\" :title=\"item\">\r\n                <i :class=\"'el-icon-' + item\" class=\"f-s-24\" v-db-click @click=\"iconChange(item)\"></i>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n    <el-dialog :visible.sync=\"ruleModal\" width=\"1100px\" title=\"权限列表\" @closed=\"modalchange\">\r\n      <div class=\"search-rule\">\r\n        <el-input\r\n          class=\"mr10\"\r\n          v-model=\"searchRule\"\r\n          placeholder=\"输入关键词搜索\"\r\n          clearable\r\n          style=\"width: 300px\"\r\n          ref=\"search\"\r\n        />\r\n        <el-button type=\"primary\" v-db-click @click=\"searchRules\">搜索</el-button>\r\n        <el-button v-db-click @click=\"init\">重置</el-button>\r\n      </div>\r\n      <div class=\"rule\">\r\n        <div\r\n          class=\"rule-list\"\r\n          v-show=\"!arrs.length || arrs.includes(index)\"\r\n          :class=\"{ 'select-rule': arrs.includes(index) }\"\r\n          v-for=\"(item, index) in ruleList\"\r\n          :key=\"index\"\r\n          v-db-click\r\n          @click=\"selectRule(item)\"\r\n        >\r\n          <div>接口名称：{{ item.real_name }}</div>\r\n          <div>请求方式：{{ item.method }}</div>\r\n          <div>接口地址：{{ item.rule }}</div>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { addMenusApi, addMenus, getRuleList } from '@/api/systemMenus';\r\nimport icon from '@/utils/icon';\r\n\r\nexport default {\r\n  name: 'menusFrom',\r\n  props: {\r\n    formVal: {\r\n      type: Object,\r\n      default: null,\r\n    },\r\n    titleFrom: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      arrs: [],\r\n      searchRule: '',\r\n      iconVal: '',\r\n      grid: {\r\n        xl: 22,\r\n        lg: 22,\r\n        md: 22,\r\n        sm: 22,\r\n        xs: 22,\r\n      },\r\n      modals: false,\r\n      modal12: false,\r\n      FromData: [],\r\n      valids: false,\r\n      list2: [],\r\n      list: icon,\r\n      search: icon,\r\n      ruleModal: false,\r\n      ruleList: [],\r\n      authType: 1,\r\n      formValidate: {},\r\n      searchData: [],\r\n      isShowRadio: [\r\n        { value: 1, label: '开启' },\r\n        { value: 0, label: '关闭' },\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n    formVal(val) {\r\n      this.formValidate = val;\r\n    },\r\n    'formValidate.header': function (n) {\r\n      this.formValidate.is_header = n ? 1 : 0;\r\n    },\r\n    'formValidate.auth_type': function (n) {\r\n      if (n === undefined) {\r\n        n = 1;\r\n      }\r\n      this.authType = n;\r\n    },\r\n    'formValidate.data': function (n) {},\r\n  },\r\n  computed: {\r\n    /* eslint-disable */\r\n    optionsList() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('pid' === item.field) {\r\n          a = item.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n    headerOptionsList() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('header' === item.field) {\r\n          a = item.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n    optionsListmodule() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('module' === item.field) {\r\n          a = item.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n    optionsRadio() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('auth_type' === item.field) {\r\n          a = item.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n    isheaderRadio() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('is_header' === item.field) {\r\n          a = item.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n    // isShowRadio() {\r\n    //   let a = [];\r\n    //   this.FromData.map((item) => {\r\n    //     if ('is_show' === item.field) {\r\n    //       a = item.options;\r\n    //     }\r\n    //   });\r\n    //   return a;\r\n    // },\r\n    isShowPathRadio() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('is_show_path' === item.field) {\r\n          a = item.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n    menuList() {\r\n      let a = [];\r\n      this.FromData.map((item) => {\r\n        if ('menu_list' === item.field) {\r\n          a = item.props.options;\r\n        }\r\n      });\r\n      return a;\r\n    },\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.formValidate = {};\r\n    },\r\n    // 获取权限列表\r\n    getRuleList() {\r\n      getRuleList().then((res) => {\r\n        this.ruleList = res.data;\r\n        this.ruleModal = true;\r\n      });\r\n    },\r\n    modalchange() {\r\n      this.arrs = [];\r\n      this.ruleModal = '';\r\n      this.ruleModal = false;\r\n    },\r\n    changeUnique(val) {\r\n      let value = this.$routeProStr + val.target.value;\r\n      if (value.slice(0, 1) === '/') value = value.replace('/', '');\r\n      this.formValidate.unique_auth = value.replaceAll('/', '-');\r\n    },\r\n    changeAuthType(val) {\r\n      this.authType = val;\r\n    },\r\n    changeShow(val) {\r\n      this.formValidate.is_show = val;\r\n    },\r\n    selectRule(data) {\r\n      this.$emit('selectRule', data);\r\n      this.$nextTick((e) => {\r\n        this.ruleModal = false;\r\n      });\r\n    },\r\n    // 搜索\r\n    upIcon(n) {\r\n      this.searchData = this.list.filter((item) => item.indexOf(this.iconVal) > -1);\r\n    },\r\n    // 搜索规则\r\n    searchRules() {\r\n      if (this.searchRule.trim()) {\r\n        this.arrs = [];\r\n        for (var i = 0; i < this.ruleList.length; i++) {\r\n          if (this.ruleList[i].real_name.indexOf(this.searchRule) !== -1) {\r\n            this.arrs.push(i);\r\n          }\r\n        }\r\n      } else {\r\n        this.arrs = [];\r\n      }\r\n    },\r\n    init() {\r\n      this.searchRule = '';\r\n      this.arrs = [];\r\n    },\r\n    handleCreate1(val) {\r\n      this.headerOptionsList.push({\r\n        value: val,\r\n        label: val,\r\n      });\r\n    },\r\n    // 获取新增表单\r\n    getAddFrom() {\r\n      addMenus()\r\n        .then(async (res) => {\r\n          this.FromData = res.data.rules;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    iconClick() {\r\n      this.modal12 = true;\r\n    },\r\n    iconChange(n) {\r\n      this.formValidate.icon = n;\r\n      this.modal12 = false;\r\n    },\r\n    // 提交\r\n    handleSubmit(name) {\r\n      //判断是否选择父级分类\r\n      if (this.formValidate.path) {\r\n        let length = this.formValidate.path.length;\r\n        this.formValidate.pid = this.formValidate.path[length - 1] || 0;\r\n      }\r\n      let data = {\r\n        url: this.formValidate.id ? `/setting/menus/${this.formValidate.id}` : '/setting/menus',\r\n        method: this.formValidate.id ? 'put' : 'post',\r\n        datas: this.formValidate,\r\n      };\r\n      if (!this.formValidate.menu_name) {\r\n        return this.$message.warning('请填写菜单/按钮/接口名称');\r\n      }\r\n      if (!this.formValidate.menu_path && this.authType != 2) {\r\n        return this.$message.warning('请填写页面/按钮地址');\r\n      }\r\n      if (!this.formValidate.api_url && this.authType == 2) {\r\n        return this.$message.warning('请填写接口地址');\r\n      }\r\n      this.valids = true;\r\n      addMenusApi(data)\r\n        .then(async (res) => {\r\n          this.$message.success(res.msg);\r\n          this.modals = false;\r\n          this.$emit('changeMenu');\r\n          this.getAddFrom();\r\n          // this.$store.dispatch('menus/getMenusNavList');\r\n        })\r\n        .catch((res) => {\r\n          this.valids = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    handleReset() {\r\n      this.modals = false;\r\n      this.$refs['formValidate'].resetFields();\r\n      this.$emit('clearFrom');\r\n    },\r\n  },\r\n  created() {\r\n    this.list = this.search;\r\n    // this.getAddFrom();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.trees-coadd {\r\n  width: 100%;\r\n  height: 500px;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n}\r\n\r\n.scollhide {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  margin-left: 18px;\r\n  padding: 10px 0 10px 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.content {\r\n  font-size: 12px;\r\n}\r\n\r\n.time {\r\n  font-size: 12px;\r\n  color: #2d8cf0;\r\n}\r\n\r\n.icons-item {\r\n  float: left;\r\n  margin: 6px 6px 6px 0;\r\n  width: 53px;\r\n  text-align: center;\r\n  list-style: none;\r\n  cursor: pointer;\r\n  height: 50px;\r\n  color: #5c6b77;\r\n  transition: all 0.2s ease;\r\n  position: relative;\r\n  padding-top: 10px;\r\n}\r\n\r\n.icons-item .f-s-24 {\r\n  font-size: 24px;\r\n}\r\n\r\n.search-rule {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 10px;\r\n  background-color: #f2f2f2;\r\n}\r\n\r\n.rule {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  max-height: 700px;\r\n  overflow: scroll;\r\n}\r\n\r\n/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/\r\n.rule::-webkit-scrollbar {\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n/*定义滚动条轨道 内阴影+圆角*/\r\n.rule::-webkit-scrollbar-track {\r\n  border-radius: 4px;\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n/*定义滑块 内阴影+圆角*/\r\n.rule::-webkit-scrollbar-thumb {\r\n  border-radius: 4px;\r\n  background-color: #555;\r\n}\r\n\r\n.rule-list {\r\n  background-color: #f8f5f5;\r\n  width: 32%;\r\n  margin: 5px;\r\n  border-radius: 3px;\r\n  padding: 10px;\r\n  color: #333;\r\n  cursor: pointer;\r\n  transition: all 0.1s;\r\n}\r\n\r\n.rule-list:hover {\r\n  background-color: #c5d1dd;\r\n}\r\n\r\n.rule-list div {\r\n  white-space: nowrap;\r\n}\r\n\r\n.select-rule {\r\n  background-color: #c5d1dd;\r\n}\r\n\r\n.add {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.df {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n</style>\r\n"]}]}