{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\systemOutInterface\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\systemOutInterface\\index.vue","mtime":1761614939061},{"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:DQppbXBvcnQgeyBpbnRlcmZhY2VMaXN0LCBpbnRlcmZhY2VEZXQsIGludGVyZmFjZVNhdmUsIGludGVyZmFjZUVkaXROYW1lLCBpbnRlcmZhY2VEZWwgfSBmcm9tICdAL2FwaS9zeXN0ZW1PdXRBY2NvdW50JzsNCmltcG9ydCB7IFZ1ZVRyZWVMaXN0LCBUcmVlLCBUcmVlTm9kZSB9IGZyb20gJ3Z1ZS10cmVlLWxpc3QnOw0KaW1wb3J0IGRlYnVnZ2luZyBmcm9tICcuL2RlYnVnZ2luZy52dWUnOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCmltcG9ydCB7IHN0b3JhZ2VTdGF0dXNBcGkgfSBmcm9tICdAYXBpL3NldHRpbmcnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnc3lzdGVtT3V0SW50ZXJmYWNlJywNCiAgY29tcG9uZW50czogew0KICAgIFZ1ZVRyZWVMaXN0LA0KICAgIGRlYnVnZ2luZywNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdmFsdWU6ICcnLA0KICAgICAgaXNFZGl0OiBmYWxzZSwNCiAgICAgIG5hbWVNb2RhbDogZmFsc2UsDQogICAgICBkZWJ1Z2dpbmdNb2RhbDogZmFsc2UsDQogICAgICBmb3JtVmFsaWRhdGU6IHt9LA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogNywNCiAgICAgICAgbGc6IDcsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgcnVsZVZhbGlkYXRlOiB7DQogICAgICAgIHRpdGxlOiBbeyBtZXNzYWdlOiAn6K+36L6T5YWl5q2j56Gu55qE5o+P6L+wICjkuI3og73lpJrkuo4yMDDkvY3mlbApJywgdHJpZ2dlcjogJ2JsdXInLCBtYXg6IDIwMCB9XSwNCiAgICAgIH0sDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCg0KICAgICAgdHlwZUxpc3Q6IFsNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAnc3RyaW5nJywNCiAgICAgICAgICBsYWJlbDogJ1N0cmluZycsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ2FycmF5JywNCiAgICAgICAgICBsYWJlbDogJ0FycmF5JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAnbnVtYmVyJywNCiAgICAgICAgICBsYWJlbDogJ051bWJlcicsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ2Jvb2xlYW4nLA0KICAgICAgICAgIGxhYmVsOiAnQm9vbGVhbicsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ251bGwnLA0KICAgICAgICAgIGxhYmVsOiAnTnVsbCcsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ2FueScsDQogICAgICAgICAgbGFiZWw6ICdBbnknLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIHJlcXVlc3RUeXBlTGlzdDogWw0KICAgICAgICB7DQogICAgICAgICAgdmFsdWU6ICdnZXQnLA0KICAgICAgICAgIGxhYmVsOiAnZ2V0JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAncG9zdCcsDQogICAgICAgICAgbGFiZWw6ICdwb3N0JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAnZGVsZXRlJywNCiAgICAgICAgICBsYWJlbDogJ2RlbGV0ZScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ3B1dCcsDQogICAgICAgICAgbGFiZWw6ICdwdXQnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdmFsdWU6ICdvcHRpb25zJywNCiAgICAgICAgICBsYWJlbDogJ29wdGlvbnMnLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIGNvbnRleHREYXRhOiBudWxsLCAvL+W3puS+p+WvvOiIquWPs+mUrueCueWHu+aYr+S6p+eUn+eahOaVsOaNruWvueixoQ0KICAgICAgdHJlZURhdGE6IHVuZGVmaW5lZCwNCiAgICAgIGJ1dHRvblByb3BzOiB7DQogICAgICAgIHR5cGU6ICdkZWZhdWx0JywNCiAgICAgICAgc2l6ZTogJ3NtYWxsJywNCiAgICAgIH0sDQogICAgICBtZXRob2RDb2xvcjogJyNmZmYnLA0KICAgIH07DQogIH0sDQogIHdhdGNoOiB7DQogICAgWydmb3JtVmFsaWRhdGUubWV0aG9kJ106IHsNCiAgICAgIGRlZXA6IHRydWUsDQogICAgICBoYW5kbGVyKG5ld1ZhbCwgb2xkVmFsKSB7DQogICAgICAgIGxldCBtZXRob2QgPSBuZXdWYWwudG9VcHBlckNhc2UoKTsNCiAgICAgICAgaWYgKG1ldGhvZCA9PSAnR0VUJykgew0KICAgICAgICAgIHRoaXMubWV0aG9kQ29sb3IgPSAnIzYxYWZmZSc7DQogICAgICAgIH0gZWxzZSBpZiAobWV0aG9kID09ICdQT1NUJykgew0KICAgICAgICAgIHRoaXMubWV0aG9kQ29sb3IgPSAnIzQ5Y2M5MCc7DQogICAgICAgIH0gZWxzZSBpZiAobWV0aG9kID09ICdQVVQnKSB7DQogICAgICAgICAgdGhpcy5tZXRob2RDb2xvciA9ICcjZmNhMTMwJzsNCiAgICAgICAgfSBlbHNlIGlmIChtZXRob2QgPT0gJ0RFTEVURScpIHsNCiAgICAgICAgICB0aGlzLm1ldGhvZENvbG9yID0gJyNmOTNlM2UnOw0KICAgICAgICB9DQogICAgICB9LA0KICAgIH0sDQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwU3RhdGUoJ21lZGlhJywgWydpc01vYmlsZSddKSwNCiAgICBsYWJlbFdpZHRoKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAnNTBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLmdldEludGVyZmFjZUxpc3QoJ29uZScpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZGVidWdnaW5nKCkgew0KICAgICAgdGhpcy5kZWJ1Z2dpbmdNb2RhbCA9IHRydWU7DQogICAgfSwNCiAgICBvbkNsaWNrc3NzKGUpIHt9LA0KICAgIG1ldGhvZHNDb2xvcihuZXdWYWwpIHsNCiAgICAgIGxldCBtZXRob2QgPSBuZXdWYWwudG9VcHBlckNhc2UoKTsNCiAgICAgIGlmIChtZXRob2QgPT0gJ0dFVCcpIHsNCiAgICAgICAgcmV0dXJuICcjNjFhZmZlJzsNCiAgICAgIH0gZWxzZSBpZiAobWV0aG9kID09ICdQT1NUJykgew0KICAgICAgICByZXR1cm4gJyM0OWNjOTAnOw0KICAgICAgfSBlbHNlIGlmIChtZXRob2QgPT0gJ1BVVCcpIHsNCiAgICAgICAgcmV0dXJuICcjZmNhMTMwJzsNCiAgICAgIH0gZWxzZSBpZiAobWV0aG9kID09ICdERUxFVEUnKSB7DQogICAgICAgIHJldHVybiAnI2Y5M2UzZSc7DQogICAgICB9DQogICAgfSwNCiAgICBpbnNlcnRCZWZvcmUocGFyYW1zKSB7fSwNCiAgICBpbnNlcnRBZnRlcihwYXJhbXMpIHt9LA0KICAgIG1vdmVJbnRvKHBhcmFtcykge30sDQogICAgYXN5bmMgYWRkVGFibGVEYXRhKCkgew0KICAgICAgY29uc3QgeyByb3c6IGRhdGEgfSA9IGF3YWl0ICR0YWJsZS5pbnNlcnRBdChuZXdSb3csIC0xKTsNCiAgICAgIGF3YWl0ICR0YWJsZS5zZXRBY3RpdmVDZWxsKGRhdGEsICduYW1lJyk7DQogICAgfSwNCiAgICBnZXRJbnRlcmZhY2VMaXN0KGRpc2tfdHlwZSkgew0KICAgICAgaW50ZXJmYWNlTGlzdCgpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICByZXMuZGF0YVswXS5leHBhbmQgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLnRyZWVEYXRhID0gbmV3IFRyZWUocmVzLmRhdGEpOw0KDQogICAgICAgICAgaWYgKHJlcy5kYXRhLmxlbmd0aCkgew0KICAgICAgICAgICAgaWYgKHJlcy5kYXRhWzBdLmNoaWxkcmVuLmxlbmd0aCkgew0KICAgICAgICAgICAgICB0aGlzLm9uQ2xpY2socmVzLmRhdGFbMF0uY2hpbGRyZW5bMF0pOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVycik7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgb25DbGljayhwYXJhbXMpIHsNCiAgICAgIGlmIChwYXJhbXMubWV0aG9kKSB7DQogICAgICAgIHRoaXMuaXNFZGl0ID0gZmFsc2U7DQogICAgICAgIGludGVyZmFjZURldChwYXJhbXMuaWQpDQogICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSByZXMuZGF0YTsNCiAgICAgICAgICB9KQ0KICAgICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVycik7DQogICAgICAgICAgfSk7DQogICAgICB9DQogICAgfSwNCiAgICBhc3luYyBoYW5kbGVTdWJtaXQoKSB7DQogICAgICBpZiAoIXRoaXMuZm9ybVZhbGlkYXRlLm5hbWUpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygn6K+36L6T5YWl5o6l5Y+j5ZCN56ewJyk7DQogICAgICB9IGVsc2UgaWYgKCF0aGlzLmZvcm1WYWxpZGF0ZS5tZXRob2QpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygn6K+36YCJ5oup6K+35rGC57G75Z6LJyk7DQogICAgICB9IGVsc2UgaWYgKCF0aGlzLmZvcm1WYWxpZGF0ZS51cmwpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygn6K+36L6T5YWl6LCD55So5pa55byPJyk7DQogICAgICB9DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5yZXF1ZXN0X3BhcmFtcyA9IGF3YWl0IHRoaXMuJHJlZnMueFRhYmxlLmdldFRhYmxlRGF0YSgpLnRhYmxlRGF0YTsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnJldHVybl9wYXJhbXMgPSBhd2FpdCB0aGlzLiRyZWZzLnJlc1RhYmxlLmdldFRhYmxlRGF0YSgpLnRhYmxlRGF0YTsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmVycm9yX2NvZGUgPSBhd2FpdCB0aGlzLiRyZWZzLmNvZGVUYWJsZS5nZXRUYWJsZURhdGEoKS50YWJsZURhdGE7DQogICAgICBhd2FpdCBpbnRlcmZhY2VTYXZlKHRoaXMuZm9ybVZhbGlkYXRlKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5pc0VkaXQgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgdGhpcy5nZXRJbnRlcmZhY2VMaXN0KCk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGFzeW5jIGluc2VydEV2ZW50KHR5cGUpIHsNCiAgICAgIGNvbnN0ICR0YWJsZSA9IHRoaXMuJHJlZnNbdHlwZV07DQogICAgICBsZXQgbmV3Um93Ow0KICAgICAgaWYgKHR5cGUgPT0gJ3hUYWJsZScpIHsNCiAgICAgICAgbmV3Um93ID0gew0KICAgICAgICAgIGF0dHJpYnV0ZTogJycsDQogICAgICAgICAgdHlwZTogJycsDQogICAgICAgICAgbXVzdDogMCwNCiAgICAgICAgICB0cmlwOiAnJywNCiAgICAgICAgfTsNCiAgICAgIH0gZWxzZSBpZiAodHlwZSA9PSAncmVzVGFibGUnKSB7DQogICAgICAgIG5ld1JvdyA9IHsNCiAgICAgICAgICBhdHRyaWJ1dGU6ICcnLA0KICAgICAgICAgIHR5cGU6ICcnLA0KICAgICAgICAgIHRyaXA6ICcnLA0KICAgICAgICB9Ow0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgbmV3Um93ID0gew0KICAgICAgICAgIGNvZGU6ICcnLA0KICAgICAgICAgIHZhbHVlOiAnJywNCiAgICAgICAgICBzb2x1dGlvbjogJycsDQogICAgICAgIH07DQogICAgICB9DQogICAgICAvLyAkdGFibGUuaW5zZXJ0KG5ld1JvdykudGhlbigoeyByb3cgfSkgPT4gJHRhYmxlLnNldEVkaXRSb3cocm93LCAtMSkpOw0KICAgICAgY29uc3QgeyByb3c6IGRhdGEgfSA9IGF3YWl0ICR0YWJsZS5pbnNlcnRBdChuZXdSb3csIC0xKTsNCiAgICAgIGF3YWl0ICR0YWJsZS5zZXRBY3RpdmVDZWxsKGRhdGEsICduYW1lJyk7DQogICAgfSwNCiAgICBhc3luYyBpbnNlcnRSb3coY3VyclJvdywgdHlwZSkgew0KICAgICAgY29uc3QgJHRhYmxlID0gdGhpcy4kcmVmc1t0eXBlXTsNCiAgICAgIC8vIOWmguaenCBudWxsIOWImeaPkuWFpeWIsOebruagh+iKgueCuemhtumDqA0KICAgICAgLy8g5aaC5p6cIC0xIOWImeaPkuWFpeWIsOebruagh+iKgueCueW6lemDqA0KICAgICAgLy8g5aaC5p6cIHJvdyDliJnmnInmj5LlhaXliLDmlYjnmoTnm67moIfoioLngrnor6XooYznmoTkvY3nva4NCiAgICAgIGxldCByZWNvcmQ7DQogICAgICBpZiAodHlwZSA9PSAneFRhYmxlJykgew0KICAgICAgICByZWNvcmQgPSB7DQogICAgICAgICAgYXR0cmlidXRlOiAnJywNCiAgICAgICAgICB0eXBlOiAnJywNCiAgICAgICAgICBtdXN0OiAwLA0KICAgICAgICAgIHRyaXA6ICcnLA0KICAgICAgICAgIGlkOiBEYXRlLm5vdygpLA0KICAgICAgICAgIHBhcmVudElkOiBjdXJyUm93LmlkLCAvLyDpnIDopoHmjIflrprniLboioLngrnvvIzoh6rliqjmj5LlhaXor6XoioLngrnkuK0NCiAgICAgICAgfTsNCiAgICAgIH0gZWxzZSBpZiAodHlwZSA9PSAncmVzVGFibGUnKSB7DQogICAgICAgIHJlY29yZCA9IHsNCiAgICAgICAgICBhdHRyaWJ1dGU6ICcnLA0KICAgICAgICAgIHR5cGU6ICcnLA0KICAgICAgICAgIHRyaXA6ICcnLA0KICAgICAgICAgIGlkOiBEYXRlLm5vdygpLA0KICAgICAgICAgIHBhcmVudElkOiBjdXJyUm93LmlkLCAvLyDpnIDopoHmjIflrprniLboioLngrnvvIzoh6rliqjmj5LlhaXor6XoioLngrnkuK0NCiAgICAgICAgfTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHJlY29yZCA9IHsNCiAgICAgICAgICBjb2RlOiAnJywNCiAgICAgICAgICB2YWx1ZTogJycsDQogICAgICAgICAgc29sdXRpb246ICcnLA0KICAgICAgICAgIGlkOiBEYXRlLm5vdygpLA0KICAgICAgICAgIHBhcmVudElkOiBjdXJyUm93LmlkLCAvLyDpnIDopoHmjIflrprniLboioLngrnvvIzoh6rliqjmj5LlhaXor6XoioLngrnkuK0NCiAgICAgICAgfTsNCiAgICAgIH0NCiAgICAgIGNvbnN0IHsgcm93OiBuZXdSb3cgfSA9IGF3YWl0ICR0YWJsZS5pbnNlcnRBdChyZWNvcmQsIC0xKTsNCiAgICAgIGF3YWl0ICR0YWJsZS5zZXRUcmVlRXhwYW5kKGN1cnJSb3csIHRydWUpOyAvLyDlsIbniLboioLngrnlsZXlvIANCiAgICAgIGF3YWl0ICR0YWJsZS5zZXRBY3RpdmVSb3cobmV3Um93KTsgLy8g5o+S5YWl5a2Q6IqC54K5DQogICAgfSwNCiAgICBhc3luYyByZW1vdmVSb3cocm93LCB0eXBlKSB7DQogICAgICBjb25zdCAkdGFibGUgPSB0aGlzLiRyZWZzW3R5cGVdOw0KICAgICAgYXdhaXQgJHRhYmxlLnJlbW92ZShyb3cpOw0KICAgIH0sDQogICAgLy8g5L+u5pS55ZCN5a2XDQogICAgYWRkKCkgew0KICAgICAgdGhpcy52YWx1ZSA9ICcnOw0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuaWQgPSAwOw0KICAgICAgdGhpcy5uYW1lTW9kYWwgPSB0cnVlOw0KICAgIH0sDQogICAgLy8g54K55Ye76I+c5Y2VDQogICAgY2xpY2tNZW51KG5hbWUsIHBhcmFtcykgew0KICAgICAgaWYgKG5hbWUgPT0gMSkgew0KICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZSA9IHt9Ow0KICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5waWQgPSBwYXJhbXMgPyBwYXJhbXMuaWQgOiAwOw0KICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5pZCA9IDA7DQogICAgICAgIHRoaXMuaXNFZGl0ID0gdHJ1ZTsNCiAgICAgIH0gZWxzZSBpZiAobmFtZSA9PSAyKSB7DQogICAgICAgIHRoaXMudmFsdWUgPSBwYXJhbXMubmFtZSB8fCAnJzsNCiAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuaWQgPSBwYXJhbXMgPyBwYXJhbXMuaWQgOiAwOw0KICAgICAgICB0aGlzLm5hbWVNb2RhbCA9IHRydWU7DQogICAgICB9IGVsc2UgaWYgKG5hbWUgPT0gMykgew0KICAgICAgICB0aGlzLm9uRGVsKHBhcmFtcyk7DQogICAgICB9IGVsc2UgaWYgKG5hbWUgPT0gNCkgew0KICAgICAgICB0aGlzLmFkZCgpOw0KICAgICAgfQ0KICAgIH0sDQoNCiAgICBhZGRGYWMocGFyYW1zKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZSA9IHsNCiAgICAgICAgaWQ6IHBhcmFtcyA/IHBhcmFtcy5pZCA6IDAsDQogICAgICB9Ow0KICAgICAgdGhpcy5pc0VkaXQgPSB0cnVlOw0KICAgIH0sDQogICAgYXN5bmNPSygpIHsNCiAgICAgIGxldCBkYXRhID0gew0KICAgICAgICBpZDogdGhpcy5mb3JtVmFsaWRhdGUuaWQgfHwgMCwNCiAgICAgICAgdHlwZTogMCwNCiAgICAgICAgbmFtZTogdGhpcy52YWx1ZSwNCiAgICAgIH07DQogICAgICBpbnRlcmZhY2VTYXZlKGRhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgdGhpcy5nZXRJbnRlcmZhY2VMaXN0KCk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8v5L6n6L655qCP5Y+z6ZSu54K55Ye75LqL5Lu2DQogICAgaGFuZGxlQ29udGV4dE1lbnUoZGF0YSwgZXZlbnQsIHBvc2l0aW9uKSB7DQogICAgICBwb3NpdGlvbi5sZWZ0ID0gTnVtYmVyKHBvc2l0aW9uLmxlZnQuc2xpY2UoMCwgLTIpKSArIDc1ICsgJ3B4JzsNCiAgICAgIHRoaXMuY29udGV4dERhdGEgPSBkYXRhOw0KICAgIH0sDQogICAgaGFuZGxlQ29udGV4dENyZWF0ZUZvbGRlcigpIHt9LA0KICAgIGhhbmRsZUNvbnRleHRDcmVhdGVGaWxlKCkge30sDQogICAgLy8g6Ieq5a6a5LmJ5pi+56S6DQogICAgcmVuZGVyQ29udGVudChoLCB7IHJvb3QsIG5vZGUsIGRhdGEgfSkgew0KICAgICAgbGV0IHRoYXQgPSB0aGlzOw0KICAgICAgcmV0dXJuIGgoDQogICAgICAgICdzcGFuJywNCiAgICAgICAgew0KICAgICAgICAgIHN0eWxlOiB7DQogICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJywNCiAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsDQogICAgICAgICAgfSwNCiAgICAgICAgfSwNCiAgICAgICAgWw0KICAgICAgICAgIGgoJ3NwYW4nLCBbDQogICAgICAgICAgICBoKHJlc29sdmVDb21wb25lbnQoJ0ljb24nKSwgew0KICAgICAgICAgICAgICB0eXBlOiAnaW9zLXBhcGVyLW91dGxpbmUnLA0KICAgICAgICAgICAgICBzdHlsZTogew0KICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiAnOHB4JywNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0pLA0KICAgICAgICAgICAgaCgnc3BhbicsIGRhdGEudGl0bGUpLA0KICAgICAgICAgIF0pLA0KICAgICAgICAgIGgoDQogICAgICAgICAgICAnc3BhbicsDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHN0eWxlOiB7DQogICAgICAgICAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsDQogICAgICAgICAgICAgICAgZmxvYXQ6ICdyaWdodCcsDQogICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6ICczMnB4JywNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBbDQogICAgICAgICAgICAgIGgocmVzb2x2ZUNvbXBvbmVudCgnQnV0dG9uJyksIHsNCiAgICAgICAgICAgICAgICAuLi50aGlzLmJ1dHRvblByb3BzLA0KICAgICAgICAgICAgICAgIGljb246ICdpb3MtYWRkJywNCiAgICAgICAgICAgICAgICBzdHlsZTogew0KICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6ICc4cHgnLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgb25DbGljazogKCkgPT4gew0KICAgICAgICAgICAgICAgICAgdGhpcy5hcHBlbmQoZGF0YSk7DQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSksDQogICAgICAgICAgICAgIGgocmVzb2x2ZUNvbXBvbmVudCgnQnV0dG9uJyksIHsNCiAgICAgICAgICAgICAgICAuLi50aGlzLmJ1dHRvblByb3BzLA0KICAgICAgICAgICAgICAgIGljb246ICdpb3MtcmVtb3ZlJywNCiAgICAgICAgICAgICAgICBvbkNsaWNrOiAoKSA9PiB7DQogICAgICAgICAgICAgICAgICB0aGlzLnJlbW92ZShyb290LCBub2RlLCBkYXRhKTsNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9KSwNCiAgICAgICAgICAgIF0sDQogICAgICAgICAgKSwNCiAgICAgICAgXSwNCiAgICAgICk7DQogICAgfSwNCiAgICAvKioNCiAgICAgKiDkvqfovrnmoI/ngrnlh7vkuovku7YNCiAgICAgKiBAcGFyYW0ge09iamVjdH0gZGF0YQ0KICAgICAqLw0KICAgIGNsaWNrRGlyKGRhdGEsIHJvb3QsIG5vZGUpIHsNCiAgICAgIGxldCB0aGF0ID0gdGhpczsNCiAgICAgIHRoYXQubmF2SXRlbSA9IGRhdGE7DQogICAgICB0aGF0LnBhdGhuYW1lID0gZGF0YS5wYXRobmFtZTsNCiAgICB9LA0KICAgIGFwcGVuZChkYXRhKSB7DQogICAgICBjb25zdCBjaGlsZHJlbiA9IGRhdGEuY2hpbGRyZW4gfHwgW107DQogICAgICBjaGlsZHJlbi5wdXNoKHsNCiAgICAgICAgdGl0bGU6ICdhcHBlbmRlZCBub2RlJywNCiAgICAgICAgZXhwYW5kOiB0cnVlLA0KICAgICAgfSk7DQogICAgICB0aGlzLiRzZXQoZGF0YSwgJ2NoaWxkcmVuJywgY2hpbGRyZW4pOw0KICAgIH0sDQogICAgcmVtb3ZlKHJvb3QsIG5vZGUsIGRhdGEpIHsNCiAgICAgIGNvbnN0IHBhcmVudEtleSA9IHJvb3QuZmluZCgoZWwpID0+IGVsID09PSBub2RlKS5wYXJlbnQ7DQogICAgICBjb25zdCBwYXJlbnQgPSByb290LmZpbmQoKGVsKSA9PiBlbC5ub2RlS2V5ID09PSBwYXJlbnRLZXkpLm5vZGU7DQogICAgICBjb25zdCBpbmRleCA9IHBhcmVudC5jaGlsZHJlbi5pbmRleE9mKGRhdGEpOw0KICAgICAgcGFyZW50LmNoaWxkcmVuLnNwbGljZShpbmRleCwgMSk7DQogICAgfSwNCiAgICBvbk1vdXNlT3Zlcihyb290LCBub2RlLCBkYXRhLCBlLCBkKSB7DQogICAgICBjb25zb2xlLmxvZyhyb290LCBub2RlLCBkYXRhKTsNCiAgICB9LA0KICAgIC8vDQogICAgb25EZWwobm9kZSkgew0KICAgICAgdGhpcy4kbXNnYm94KHsNCiAgICAgICAgdGl0bGU6ICfmj5DnpLonLA0KICAgICAgICBtZXNzYWdlOiAn5Yig6Zmk5ZCO5peg5rOV5oGi5aSN77yM6K+356Gu6K6k5ZCO5Yig6Zmk77yBJywNCiAgICAgICAgc2hvd0NhbmNlbEJ1dHRvbjogdHJ1ZSwNCiAgICAgICAgY2FuY2VsQnV0dG9uVGV4dDogJ+WPlua2iCcsDQogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAn56Gu5a6aJywNCiAgICAgICAgaWNvbkNsYXNzOiAnZWwtaWNvbi13YXJuaW5nJywNCiAgICAgICAgY29uZmlybUJ1dHRvbkNsYXNzOiAnYnRuLWN1c3RvbS1jYW5jZWwnLA0KICAgICAgfSkNCiAgICAgICAgLnRoZW4oKCkgPT4gew0KICAgICAgICAgIGludGVyZmFjZURlbChub2RlLmlkKQ0KICAgICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgICAgIG5vZGUucmVtb3ZlKCk7DQogICAgICAgICAgICB9KQ0KICAgICAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIpOw0KICAgICAgICAgICAgfSk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoKSA9PiB7fSk7DQogICAgfSwNCg0KICAgIG9uQ2hhbmdlTmFtZShwYXJhbXMpIHsNCiAgICAgIGlmIChwYXJhbXMuZXZlbnRUeXBlID09ICdibHVyJykgew0KICAgICAgICBsZXQgZGF0YSA9IHsNCiAgICAgICAgICBuYW1lOiBwYXJhbXMubmV3TmFtZSwNCiAgICAgICAgICBpZDogcGFyYW1zLmlkLA0KICAgICAgICB9Ow0KICAgICAgICBpbnRlcmZhY2VFZGl0TmFtZShkYXRhKQ0KICAgICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICB9KQ0KICAgICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVycik7DQogICAgICAgICAgfSk7DQogICAgICB9DQogICAgfSwNCg0KICAgIG9uQWRkTm9kZShwYXJhbXMpIHsNCiAgICAgIC8vIHRoaXMuJHJvdXRlci5wdXNoKHsNCiAgICAgIC8vICAgcGF0aDogJy9hZG1pbi9zZXR0aW5nL3N5c3RlbV9vdXRfaW50ZXJmYWNlL2FkZCcsDQogICAgICAvLyAgIHF1ZXJ5OiB7DQogICAgICAvLyAgICAgcGlkOiBwYXJhbXMucGlkLA0KICAgICAgLy8gICB9LA0KICAgICAgLy8gfSk7DQogICAgfSwNCg0KICAgIGFkZE5vZGUoKSB7DQogICAgICB2YXIgbm9kZSA9IG5ldyBUcmVlTm9kZSh7IG5hbWU6ICduZXcgbm9kZScsIGlzTGVhZjogZmFsc2UgfSk7DQogICAgICBpZiAoIXRoaXMuZGF0YS5jaGlsZHJlbikgdGhpcy5kYXRhLmNoaWxkcmVuID0gW107DQogICAgICB0aGlzLmRhdGEuYWRkQ2hpbGRyZW4obm9kZSk7DQogICAgfSwNCg0KICAgIGdldE5ld1RyZWUoKSB7DQogICAgICB2YXIgdm0gPSB0aGlzOw0KICAgICAgZnVuY3Rpb24gX2RmcyhvbGROb2RlKSB7DQogICAgICAgIHZhciBuZXdOb2RlID0ge307DQoNCiAgICAgICAgZm9yICh2YXIgayBpbiBvbGROb2RlKSB7DQogICAgICAgICAgaWYgKGsgIT09ICdjaGlsZHJlbicgJiYgayAhPT0gJ3BhcmVudCcpIHsNCiAgICAgICAgICAgIG5ld05vZGVba10gPSBvbGROb2RlW2tdOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgIGlmIChvbGROb2RlLmNoaWxkcmVuICYmIG9sZE5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMCkgew0KICAgICAgICAgIG5ld05vZGUuY2hpbGRyZW4gPSBbXTsNCiAgICAgICAgICBmb3IgKHZhciBpID0gMCwgbGVuID0gb2xkTm9kZS5jaGlsZHJlbi5sZW5ndGg7IGkgPCBsZW47IGkrKykgew0KICAgICAgICAgICAgbmV3Tm9kZS5jaGlsZHJlbi5wdXNoKF9kZnMob2xkTm9kZS5jaGlsZHJlbltpXSkpOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgICByZXR1cm4gbmV3Tm9kZTsNCiAgICAgIH0NCg0KICAgICAgdm0ubmV3VHJlZSA9IF9kZnModm0uZGF0YSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAmaA;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;;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;;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;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/setting/systemOutInterface","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"main\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mr20 card-tree\">\r\n        <div class=\"tree\">\r\n          <div class=\"main-btn\">\r\n            <el-button class=\"mb10\" type=\"primary\" v-db-click @click=\"clickMenu(4)\" long>新增分类</el-button>\r\n          </div>\r\n\r\n          <vue-tree-list\r\n            class=\"tree-list\"\r\n            @change-name=\"onChangeName\"\r\n            @delete-node=\"onDel\"\r\n            :model=\"treeData\"\r\n            default-tree-node-name=\"默认文件夹\"\r\n            default-leaf-node-name=\"默认接口名\"\r\n            v-bind:default-expanded=\"true\"\r\n          >\r\n            <template v-slot:leafNameDisplay=\"slotProps\">\r\n              <div></div>\r\n              <div\r\n                class=\"tree-node\"\r\n                :class=\"{ node: slotProps.model.method, open: formValidate.id == slotProps.model.id }\"\r\n                v-db-click\r\n                @click.stop=\"onClick(slotProps.model)\"\r\n              >\r\n                <span class=\"\" :class=\"{ open: formValidate.id == slotProps.model.id }\">{{\r\n                  slotProps.model.name\r\n                }}</span>\r\n                <el-dropdown\r\n                  size=\"small\"\r\n                  @command=\"\r\n                    (name) => {\r\n                      clickMenu(name, slotProps.model);\r\n                    }\r\n                  \"\r\n                >\r\n                  <span class=\"el-dropdown-link\">\r\n                    <i class=\"el-icon-arrow-down el-icon--right\"></i>\r\n                  </span>\r\n                  <template slot=\"dropdown\">\r\n                    <el-dropdown-menu>\r\n                      <el-dropdown-item command=\"1\" v-if=\"!slotProps.model.method\">新增接口</el-dropdown-item>\r\n                      <el-dropdown-item command=\"2\" v-if=\"!slotProps.model.method\">编辑分类名</el-dropdown-item>\r\n                      <el-dropdown-item command=\"3\">删除</el-dropdown-item>\r\n                    </el-dropdown-menu>\r\n                  </template>\r\n                </el-dropdown>\r\n              </div>\r\n            </template>\r\n            <!-- 新建文件夹 -->\r\n            <span class=\"icon\" slot=\"addTreeNodeIcon\"></span>\r\n            <span class=\"icon\" slot=\"addLeafNodeIcon\"></span>\r\n            <span class=\"icon\" slot=\"editNodeIcon\"> </span>\r\n            <span class=\"icon\" slot=\"delNodeIcon\"></span>\r\n            <template v-slot:treeNodeIcon=\"slotProps\">\r\n              <span\r\n                v-if=\"slotProps.model.method\"\r\n                class=\"req-method\"\r\n                :style=\"{\r\n                  color: methodsColor(slotProps.model.method),\r\n                  'font-weight': slotProps.model.id == formValidate.id ? '500' : '500',\r\n                }\"\r\n                >{{ slotProps.model.method == 'delete' ? 'DEL' : slotProps.model.method || '' }}</span\r\n              >\r\n\r\n              <!-- <span v-if=\"slotProps.model.method\"></span> -->\r\n            </template>\r\n          </vue-tree-list>\r\n        </div>\r\n      </el-card>\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt right-card\">\r\n        <div class=\"data\">\r\n          <div class=\"eidt-sub\">\r\n            <div class=\"name\">\r\n              {{ formValidate.name }}\r\n            </div>\r\n            <div>\r\n              <!-- <el-button type=\"primary\" class=\"submission mr20\" v-db-click @click=\"debugging()\">调试</el-button> -->\r\n              <el-button\r\n                v-if=\"formValidate.id\"\r\n                type=\"primary\"\r\n                class=\"submission mr20\"\r\n                v-db-click\r\n                @click=\"isEdit = !isEdit\"\r\n                >{{ isEdit ? '返回' : '编辑' }}</el-button\r\n              >\r\n              <el-button\r\n                v-if=\"isEdit\"\r\n                type=\"primary\"\r\n                class=\"submission\"\r\n                v-db-click\r\n                @click=\"handleSubmit('formValidate')\"\r\n                >保存</el-button\r\n              >\r\n            </div>\r\n          </div>\r\n          <el-form\r\n            class=\"formValidate mt20\"\r\n            ref=\"formValidate\"\r\n            :rules=\"ruleValidate\"\r\n            :model=\"formValidate\"\r\n            label-width=\"100px\"\r\n            :label-position=\"labelPosition\"\r\n            @submit.native.prevent\r\n          >\r\n            <el-row :gutter=\"24\">\r\n              <el-col :span=\"24\">\r\n                <div class=\"title\">接口信息</div>\r\n                <el-form-item label=\"接口名称：\" prop=\"name\">\r\n                  <el-input\r\n                    v-if=\"isEdit\"\r\n                    class=\"perW20\"\r\n                    type=\"text\"\r\n                    :rows=\"4\"\r\n                    v-model.trim=\"formValidate.name\"\r\n                    placeholder=\"请输入\"\r\n                  />\r\n                  <span v-else>{{ formValidate.name || '' }}</span>\r\n                </el-form-item>\r\n                <el-form-item label=\"请求类型：\" prop=\"name\">\r\n                  <el-select v-if=\"isEdit\" v-model=\"formValidate.method\" style=\"width: 120px\">\r\n                    <el-option\r\n                      v-for=\"(item, index) in requestTypeList\"\r\n                      :key=\"index\"\r\n                      :value=\"item.value\"\r\n                      :label=\"item.label\"\r\n                    ></el-option>\r\n                  </el-select>\r\n                  <span v-else class=\"req-method\" :style=\"'background-color:' + methodColor\">{{\r\n                    formValidate.method || ''\r\n                  }}</span>\r\n                </el-form-item>\r\n                <el-form-item label=\"功能描述：\" prop=\"name\">\r\n                  <el-input\r\n                    v-if=\"isEdit\"\r\n                    class=\"perW20\"\r\n                    type=\"textarea\"\r\n                    :rows=\"4\"\r\n                    v-model.trim=\"formValidate.describe\"\r\n                    placeholder=\"请输入\"\r\n                  />\r\n                  <span v-else class=\"text-area\">{{ formValidate.describe || '' }}</span>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"24\">\r\n              <el-col :span=\"24\">\r\n                <div class=\"title\">调用方式</div>\r\n                <el-form-item label=\"调用内容：\" prop=\"url\">\r\n                  <el-input\r\n                    v-if=\"isEdit\"\r\n                    class=\"perW20\"\r\n                    type=\"text\"\r\n                    :rows=\"4\"\r\n                    v-model.trim=\"formValidate.url\"\r\n                    placeholder=\"请输入\"\r\n                  />\r\n                  <span v-else>{{ formValidate.url || '' }}</span>\r\n                </el-form-item>\r\n                <el-form-item label=\"请求参数：\">\r\n                  <vxe-table\r\n                    resizable\r\n                    show-overflow\r\n                    keep-source\r\n                    ref=\"xTable\"\r\n                    row-id=\"id\"\r\n                    :print-config=\"{}\"\r\n                    :export-config=\"{}\"\r\n                    v-loading=\"loading\"\r\n                    :tree-config=\"{ transform: true, rowField: 'id', parentField: 'parentId' }\"\r\n                    :data=\"formValidate.request_params\"\r\n                  >\r\n                    <!-- <vxe-column type=\"checkbox\" width=\"60\"></vxe-column> -->\r\n                    <vxe-column field=\"attribute\" width=\"300\" title=\"属性\" tree-node :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.attribute\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.attribute || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column field=\"type\" title=\"类型\" width=\"200\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <!-- <vxe-select v-if=\"isEdit\" v-model=\"row.type\" type=\"text\" :optionGroups=\"typeList\"></vxe-select> -->\r\n                        <vxe-select v-if=\"isEdit\" v-model=\"row.type\" transfer>\r\n                          <vxe-option\r\n                            v-for=\"item in typeList\"\r\n                            :key=\"item.value\"\r\n                            :value=\"item.value\"\r\n                            :label=\"item.label\"\r\n                          ></vxe-option>\r\n                        </vxe-select>\r\n                        <span v-else>{{ row.type || '' }}</span>\r\n\r\n                        <!-- <vxe-select v-model=\"row.type\">\r\n                      <vxe-option v-for=\"num in 12\" :key=\"num\" :value=\"num\" :label=\"num\"></vxe-option>\r\n                    </vxe-select> -->\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column field=\"must\" title=\"必填\" width=\"100\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-checkbox\r\n                          v-if=\"isEdit\"\r\n                          v-model=\"row.must\"\r\n                          :unchecked-value=\"'0'\"\r\n                          :checked-value=\"'1'\"\r\n                        ></vxe-checkbox>\r\n                        <span v-else>{{ row.must == '1' ? '是' : '否' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column field=\"trip\" title=\"说明\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.trip\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.trip || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column title=\"操作\" width=\"200\" v-if=\"isEdit\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-button\r\n                          type=\"text\"\r\n                          v-if=\"row.type === 'array'\"\r\n                          status=\"primary\"\r\n                          v-db-click\r\n                          @click=\"insertRow(row, 'xTable')\"\r\n                          >插入</vxe-button\r\n                        >\r\n                        <vxe-button type=\"text\" status=\"primary\" v-db-click @click=\"removeRow(row, 'xTable')\"\r\n                          >删除</vxe-button\r\n                        >\r\n                      </template>\r\n                    </vxe-column>\r\n                  </vxe-table>\r\n\r\n                  <el-button class=\"mt10\" v-if=\"isEdit\" type=\"primary\" v-db-click @click=\"insertEvent('xTable')\"\r\n                    >添加参数</el-button\r\n                  >\r\n                </el-form-item>\r\n                <el-form-item label=\"返回参数：\">\r\n                  <vxe-table\r\n                    resizable\r\n                    show-overflow\r\n                    keep-source\r\n                    ref=\"resTable\"\r\n                    row-id=\"id\"\r\n                    :print-config=\"{}\"\r\n                    :export-config=\"{}\"\r\n                    :loading=\"loading\"\r\n                    :tree-config=\"{ transform: true, rowField: 'id', parentField: 'parentId' }\"\r\n                    :data=\"formValidate.return_params\"\r\n                  >\r\n                    <!-- <vxe-column type=\"checkbox\" width=\"60\"></vxe-column> -->\r\n                    <vxe-column field=\"attribute\" title=\"属性\" width=\"300\" tree-node :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.attribute\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.attribute || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column field=\"type\" title=\"类型\" width=\"200\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-select v-if=\"isEdit\" v-model=\"row.type\" transfer>\r\n                          <vxe-option\r\n                            v-for=\"item in typeList\"\r\n                            :key=\"item.value\"\r\n                            :value=\"item.value\"\r\n                            :label=\"item.label\"\r\n                          ></vxe-option>\r\n                        </vxe-select>\r\n                        <span v-else>{{ row.type || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <!-- <vxe-column field=\"type\" title=\"必填\" :edit-render=\"{}\">\r\n                  <template #default=\"{ row }\">\r\n                    <vxe-checkbox v-model=\"row.must\" :unchecked-value=\"0\" :checked-value=\"1\"></vxe-checkbox\r\n                    >{{ row.must }}\r\n                  </template>\r\n                </vxe-column> -->\r\n                    <vxe-column field=\"trip\" title=\"说明\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.trip\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.trip || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column title=\"操作\" width=\"200\" v-if=\"isEdit\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-button\r\n                          type=\"text\"\r\n                          v-if=\"row.type === 'array'\"\r\n                          status=\"primary\"\r\n                          v-db-click\r\n                          @click=\"insertRow(row, 'resTable')\"\r\n                          >插入</vxe-button\r\n                        >\r\n                        <vxe-button type=\"text\" status=\"primary\" v-db-click @click=\"removeRow(row, 'resTable')\"\r\n                          >删除</vxe-button\r\n                        >\r\n                      </template>\r\n                    </vxe-column>\r\n                  </vxe-table>\r\n                  <el-button class=\"mt10\" v-if=\"isEdit\" type=\"primary\" v-db-click @click=\"insertEvent('resTable')\"\r\n                    >添加参数</el-button\r\n                  >\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"24\">\r\n              <el-col :span=\"24\">\r\n                <div class=\"title\">调用示例</div>\r\n                <el-form-item label=\"请求数据示例：\" prop=\"request_example\">\r\n                  <el-input\r\n                    v-if=\"isEdit\"\r\n                    class=\"perW20\"\r\n                    type=\"textarea\"\r\n                    :rows=\"4\"\r\n                    v-model.trim=\"formValidate.request_example\"\r\n                    placeholder=\"请输入\"\r\n                  />\r\n                  <span v-else class=\"text-area\">{{ formValidate.request_example || '' }}</span>\r\n                </el-form-item>\r\n                <el-form-item label=\"返回数据示例：\" prop=\"return_example\">\r\n                  <el-input\r\n                    v-if=\"isEdit\"\r\n                    class=\"perW20\"\r\n                    type=\"textarea\"\r\n                    :rows=\"4\"\r\n                    v-model.trim=\"formValidate.return_example\"\r\n                    placeholder=\"请输入\"\r\n                  />\r\n                  <span v-else class=\"text-area\">{{ formValidate.return_example || '' }}</span>\r\n                </el-form-item>\r\n                <el-form-item label=\"错误码：\">\r\n                  <vxe-table\r\n                    resizable\r\n                    show-overflow\r\n                    keep-source\r\n                    ref=\"codeTable\"\r\n                    row-id=\"id\"\r\n                    :print-config=\"{}\"\r\n                    :export-config=\"{}\"\r\n                    :loading=\"loading\"\r\n                    :tree-config=\"{ transform: true, rowField: 'id', parentField: 'parentId' }\"\r\n                    :data=\"formValidate.error_code\"\r\n                  >\r\n                    <!-- <vxe-column type=\"checkbox\" width=\"60\"></vxe-column> -->\r\n                    <vxe-column field=\"code\" title=\"错误码\" tree-node :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.code\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.code || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column field=\"value\" title=\"错误码取值\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.value\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.value || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column field=\"solution\" title=\"解决方案\" :edit-render=\"{}\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-input v-if=\"isEdit\" v-model=\"row.solution\" type=\"text\"></vxe-input>\r\n                        <span v-else>{{ row.solution || '' }}</span>\r\n                      </template>\r\n                    </vxe-column>\r\n                    <vxe-column title=\"操作\" v-if=\"isEdit\">\r\n                      <template #default=\"{ row }\">\r\n                        <vxe-button type=\"text\" status=\"primary\" v-db-click @click=\"removeRow(row, 'codeTable')\"\r\n                          >删除</vxe-button\r\n                        >\r\n                      </template>\r\n                    </vxe-column>\r\n                  </vxe-table>\r\n                  <el-button class=\"mt10\" v-if=\"isEdit\" type=\"primary\" v-db-click @click=\"insertEvent('codeTable')\"\r\n                    >添加参数</el-button\r\n                  >\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <!-- <el-row :gutter=\"24\" >\r\n              <el-col :span=\"24\">\r\n                <el-form-item>\r\n                  <el-button type=\"primary\" class=\"submission\" v-db-click @click=\"handleSubmit('formValidate')\">保存</el-button>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row> -->\r\n          </el-form>\r\n        </div>\r\n        <!-- <div v-else class=\"nothing\">\r\n          <div class=\"box\" v-db-click @click=\"clickMenu(4)\">\r\n            <div class=\"icon\">\r\n              <Icon type=\"ios-folder\" />\r\n            </div>\r\n            <div class=\"text\">新建文件</div>\r\n          </div>\r\n          <div class=\"box\" v-db-click @click=\"clickMenu(1)\">\r\n            <div class=\"icon\">\r\n              <Icon type=\"logo-linkedin\" />\r\n            </div>\r\n            <div class=\"text\">新建接口</div>\r\n          </div>\r\n        </div> -->\r\n      </el-card>\r\n    </div>\r\n    <el-dialog :visible.sync=\"nameModal\" width=\"470px\" title=\"分组名称\" @on-ok=\"asyncOK\">\r\n      <label>分组名称：</label>\r\n      <el-input v-model=\"value\" placeholder=\"请输入分组名称\" style=\"width: 85%\" />\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"nameModal = false\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"asyncOK\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n    <el-dialog :visible.sync=\"debuggingModal\" :title=\"formValidate.name\" width=\"1000px\">\r\n      <debugging\r\n        v-if=\"debuggingModal\"\r\n        :formValidate=\"formValidate\"\r\n        :typeList=\"typeList\"\r\n        :requestTypeList=\"requestTypeList\"\r\n      />\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { interfaceList, interfaceDet, interfaceSave, interfaceEditName, interfaceDel } from '@/api/systemOutAccount';\r\nimport { VueTreeList, Tree, TreeNode } from 'vue-tree-list';\r\nimport debugging from './debugging.vue';\r\nimport { mapState } from 'vuex';\r\nimport { storageStatusApi } from '@api/setting';\r\nexport default {\r\n  name: 'systemOutInterface',\r\n  components: {\r\n    VueTreeList,\r\n    debugging,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      isEdit: false,\r\n      nameModal: false,\r\n      debuggingModal: false,\r\n      formValidate: {},\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      ruleValidate: {\r\n        title: [{ message: '请输入正确的描述 (不能多于200位数)', trigger: 'blur', max: 200 }],\r\n      },\r\n      loading: false,\r\n\r\n      typeList: [\r\n        {\r\n          value: 'string',\r\n          label: 'String',\r\n        },\r\n        {\r\n          value: 'array',\r\n          label: 'Array',\r\n        },\r\n        {\r\n          value: 'number',\r\n          label: 'Number',\r\n        },\r\n        {\r\n          value: 'boolean',\r\n          label: 'Boolean',\r\n        },\r\n        {\r\n          value: 'null',\r\n          label: 'Null',\r\n        },\r\n        {\r\n          value: 'any',\r\n          label: 'Any',\r\n        },\r\n      ],\r\n      requestTypeList: [\r\n        {\r\n          value: 'get',\r\n          label: 'get',\r\n        },\r\n        {\r\n          value: 'post',\r\n          label: 'post',\r\n        },\r\n        {\r\n          value: 'delete',\r\n          label: 'delete',\r\n        },\r\n        {\r\n          value: 'put',\r\n          label: 'put',\r\n        },\r\n        {\r\n          value: 'options',\r\n          label: 'options',\r\n        },\r\n      ],\r\n      contextData: null, //左侧导航右键点击是产生的数据对象\r\n      treeData: undefined,\r\n      buttonProps: {\r\n        type: 'default',\r\n        size: 'small',\r\n      },\r\n      methodColor: '#fff',\r\n    };\r\n  },\r\n  watch: {\r\n    ['formValidate.method']: {\r\n      deep: true,\r\n      handler(newVal, oldVal) {\r\n        let method = newVal.toUpperCase();\r\n        if (method == 'GET') {\r\n          this.methodColor = '#61affe';\r\n        } else if (method == 'POST') {\r\n          this.methodColor = '#49cc90';\r\n        } else if (method == 'PUT') {\r\n          this.methodColor = '#fca130';\r\n        } else if (method == 'DELETE') {\r\n          this.methodColor = '#f93e3e';\r\n        }\r\n      },\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('media', ['isMobile']),\r\n    labelWidth() {\r\n      return this.isMobile ? undefined : '50px';\r\n    },\r\n    labelPosition() {\r\n      return this.isMobile ? 'top' : 'right';\r\n    },\r\n  },\r\n  created() {\r\n    this.getInterfaceList('one');\r\n  },\r\n  methods: {\r\n    debugging() {\r\n      this.debuggingModal = true;\r\n    },\r\n    onClicksss(e) {},\r\n    methodsColor(newVal) {\r\n      let method = newVal.toUpperCase();\r\n      if (method == 'GET') {\r\n        return '#61affe';\r\n      } else if (method == 'POST') {\r\n        return '#49cc90';\r\n      } else if (method == 'PUT') {\r\n        return '#fca130';\r\n      } else if (method == 'DELETE') {\r\n        return '#f93e3e';\r\n      }\r\n    },\r\n    insertBefore(params) {},\r\n    insertAfter(params) {},\r\n    moveInto(params) {},\r\n    async addTableData() {\r\n      const { row: data } = await $table.insertAt(newRow, -1);\r\n      await $table.setActiveCell(data, 'name');\r\n    },\r\n    getInterfaceList(disk_type) {\r\n      interfaceList()\r\n        .then((res) => {\r\n          res.data[0].expand = false;\r\n          this.treeData = new Tree(res.data);\r\n\r\n          if (res.data.length) {\r\n            if (res.data[0].children.length) {\r\n              this.onClick(res.data[0].children[0]);\r\n            }\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err);\r\n        });\r\n    },\r\n    onClick(params) {\r\n      if (params.method) {\r\n        this.isEdit = false;\r\n        interfaceDet(params.id)\r\n          .then((res) => {\r\n            this.formValidate = res.data;\r\n          })\r\n          .catch((err) => {\r\n            this.$message.error(err);\r\n          });\r\n      }\r\n    },\r\n    async handleSubmit() {\r\n      if (!this.formValidate.name) {\r\n        return this.$message.warning('请输入接口名称');\r\n      } else if (!this.formValidate.method) {\r\n        return this.$message.warning('请选择请求类型');\r\n      } else if (!this.formValidate.url) {\r\n        return this.$message.warning('请输入调用方式');\r\n      }\r\n      this.formValidate.request_params = await this.$refs.xTable.getTableData().tableData;\r\n      this.formValidate.return_params = await this.$refs.resTable.getTableData().tableData;\r\n      this.formValidate.error_code = await this.$refs.codeTable.getTableData().tableData;\r\n      await interfaceSave(this.formValidate)\r\n        .then((res) => {\r\n          this.isEdit = false;\r\n          this.$message.success(res.msg);\r\n          this.getInterfaceList();\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err);\r\n        });\r\n    },\r\n    async insertEvent(type) {\r\n      const $table = this.$refs[type];\r\n      let newRow;\r\n      if (type == 'xTable') {\r\n        newRow = {\r\n          attribute: '',\r\n          type: '',\r\n          must: 0,\r\n          trip: '',\r\n        };\r\n      } else if (type == 'resTable') {\r\n        newRow = {\r\n          attribute: '',\r\n          type: '',\r\n          trip: '',\r\n        };\r\n      } else {\r\n        newRow = {\r\n          code: '',\r\n          value: '',\r\n          solution: '',\r\n        };\r\n      }\r\n      // $table.insert(newRow).then(({ row }) => $table.setEditRow(row, -1));\r\n      const { row: data } = await $table.insertAt(newRow, -1);\r\n      await $table.setActiveCell(data, 'name');\r\n    },\r\n    async insertRow(currRow, type) {\r\n      const $table = this.$refs[type];\r\n      // 如果 null 则插入到目标节点顶部\r\n      // 如果 -1 则插入到目标节点底部\r\n      // 如果 row 则有插入到效的目标节点该行的位置\r\n      let record;\r\n      if (type == 'xTable') {\r\n        record = {\r\n          attribute: '',\r\n          type: '',\r\n          must: 0,\r\n          trip: '',\r\n          id: Date.now(),\r\n          parentId: currRow.id, // 需要指定父节点，自动插入该节点中\r\n        };\r\n      } else if (type == 'resTable') {\r\n        record = {\r\n          attribute: '',\r\n          type: '',\r\n          trip: '',\r\n          id: Date.now(),\r\n          parentId: currRow.id, // 需要指定父节点，自动插入该节点中\r\n        };\r\n      } else {\r\n        record = {\r\n          code: '',\r\n          value: '',\r\n          solution: '',\r\n          id: Date.now(),\r\n          parentId: currRow.id, // 需要指定父节点，自动插入该节点中\r\n        };\r\n      }\r\n      const { row: newRow } = await $table.insertAt(record, -1);\r\n      await $table.setTreeExpand(currRow, true); // 将父节点展开\r\n      await $table.setActiveRow(newRow); // 插入子节点\r\n    },\r\n    async removeRow(row, type) {\r\n      const $table = this.$refs[type];\r\n      await $table.remove(row);\r\n    },\r\n    // 修改名字\r\n    add() {\r\n      this.value = '';\r\n      this.formValidate.id = 0;\r\n      this.nameModal = true;\r\n    },\r\n    // 点击菜单\r\n    clickMenu(name, params) {\r\n      if (name == 1) {\r\n        this.formValidate = {};\r\n        this.formValidate.pid = params ? params.id : 0;\r\n        this.formValidate.id = 0;\r\n        this.isEdit = true;\r\n      } else if (name == 2) {\r\n        this.value = params.name || '';\r\n        this.formValidate.id = params ? params.id : 0;\r\n        this.nameModal = true;\r\n      } else if (name == 3) {\r\n        this.onDel(params);\r\n      } else if (name == 4) {\r\n        this.add();\r\n      }\r\n    },\r\n\r\n    addFac(params) {\r\n      this.formValidate = {\r\n        id: params ? params.id : 0,\r\n      };\r\n      this.isEdit = true;\r\n    },\r\n    asyncOK() {\r\n      let data = {\r\n        id: this.formValidate.id || 0,\r\n        type: 0,\r\n        name: this.value,\r\n      };\r\n      interfaceSave(data)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getInterfaceList();\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err);\r\n        });\r\n    },\r\n    //侧边栏右键点击事件\r\n    handleContextMenu(data, event, position) {\r\n      position.left = Number(position.left.slice(0, -2)) + 75 + 'px';\r\n      this.contextData = data;\r\n    },\r\n    handleContextCreateFolder() {},\r\n    handleContextCreateFile() {},\r\n    // 自定义显示\r\n    renderContent(h, { root, node, data }) {\r\n      let that = this;\r\n      return h(\r\n        'span',\r\n        {\r\n          style: {\r\n            display: 'inline-block',\r\n            width: '100%',\r\n          },\r\n        },\r\n        [\r\n          h('span', [\r\n            h(resolveComponent('Icon'), {\r\n              type: 'ios-paper-outline',\r\n              style: {\r\n                marginRight: '8px',\r\n              },\r\n            }),\r\n            h('span', data.title),\r\n          ]),\r\n          h(\r\n            'span',\r\n            {\r\n              style: {\r\n                display: 'inline-block',\r\n                float: 'right',\r\n                marginRight: '32px',\r\n              },\r\n            },\r\n            [\r\n              h(resolveComponent('Button'), {\r\n                ...this.buttonProps,\r\n                icon: 'ios-add',\r\n                style: {\r\n                  marginRight: '8px',\r\n                },\r\n                onClick: () => {\r\n                  this.append(data);\r\n                },\r\n              }),\r\n              h(resolveComponent('Button'), {\r\n                ...this.buttonProps,\r\n                icon: 'ios-remove',\r\n                onClick: () => {\r\n                  this.remove(root, node, data);\r\n                },\r\n              }),\r\n            ],\r\n          ),\r\n        ],\r\n      );\r\n    },\r\n    /**\r\n     * 侧边栏点击事件\r\n     * @param {Object} data\r\n     */\r\n    clickDir(data, root, node) {\r\n      let that = this;\r\n      that.navItem = data;\r\n      that.pathname = data.pathname;\r\n    },\r\n    append(data) {\r\n      const children = data.children || [];\r\n      children.push({\r\n        title: 'appended node',\r\n        expand: true,\r\n      });\r\n      this.$set(data, 'children', children);\r\n    },\r\n    remove(root, node, data) {\r\n      const parentKey = root.find((el) => el === node).parent;\r\n      const parent = root.find((el) => el.nodeKey === parentKey).node;\r\n      const index = parent.children.indexOf(data);\r\n      parent.children.splice(index, 1);\r\n    },\r\n    onMouseOver(root, node, data, e, d) {\r\n      console.log(root, node, data);\r\n    },\r\n    //\r\n    onDel(node) {\r\n      this.$msgbox({\r\n        title: '提示',\r\n        message: '删除后无法恢复，请确认后删除！',\r\n        showCancelButton: true,\r\n        cancelButtonText: '取消',\r\n        confirmButtonText: '确定',\r\n        iconClass: 'el-icon-warning',\r\n        confirmButtonClass: 'btn-custom-cancel',\r\n      })\r\n        .then(() => {\r\n          interfaceDel(node.id)\r\n            .then((res) => {\r\n              this.$message.success(res.msg);\r\n              node.remove();\r\n            })\r\n            .catch((err) => {\r\n              this.$message.error(err);\r\n            });\r\n        })\r\n        .catch(() => {});\r\n    },\r\n\r\n    onChangeName(params) {\r\n      if (params.eventType == 'blur') {\r\n        let data = {\r\n          name: params.newName,\r\n          id: params.id,\r\n        };\r\n        interfaceEditName(data)\r\n          .then((res) => {\r\n            this.$message.success(res.msg);\r\n          })\r\n          .catch((err) => {\r\n            this.$message.error(err);\r\n          });\r\n      }\r\n    },\r\n\r\n    onAddNode(params) {\r\n      // this.$router.push({\r\n      //   path: '/admin/setting/system_out_interface/add',\r\n      //   query: {\r\n      //     pid: params.pid,\r\n      //   },\r\n      // });\r\n    },\r\n\r\n    addNode() {\r\n      var node = new TreeNode({ name: 'new node', isLeaf: false });\r\n      if (!this.data.children) this.data.children = [];\r\n      this.data.addChildren(node);\r\n    },\r\n\r\n    getNewTree() {\r\n      var vm = this;\r\n      function _dfs(oldNode) {\r\n        var newNode = {};\r\n\r\n        for (var k in oldNode) {\r\n          if (k !== 'children' && k !== 'parent') {\r\n            newNode[k] = oldNode[k];\r\n          }\r\n        }\r\n\r\n        if (oldNode.children && oldNode.children.length > 0) {\r\n          newNode.children = [];\r\n          for (var i = 0, len = oldNode.children.length; i < len; i++) {\r\n            newNode.children.push(_dfs(oldNode.children[i]));\r\n          }\r\n        }\r\n        return newNode;\r\n      }\r\n\r\n      vm.newTree = _dfs(vm.data);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.reset {\r\n  margin-left: 10px;\r\n}\r\n.card-tree {\r\n  height: 72px;\r\n  box-sizing: border-box;\r\n  overflow-x: scroll; /* 设置溢出滚动 */\r\n  white-space: nowrap;\r\n  overflow-y: hidden;\r\n  /* 隐藏滚动条 */\r\n  scrollbar-width: none; /* firefox */\r\n  -ms-overflow-style: none; /* IE 10+ */\r\n}\r\n.card-tree::-webkit-scrollbar {\r\n  display: none; /* Chrome Safari */\r\n}\r\n.main {\r\n  width: 100%;\r\n  display: flex;\r\n  .main-btn {\r\n  }\r\n  .card-tree {\r\n    width: 270px;\r\n    height: calc(100vh - 115px);\r\n    overflow-y: scroll;\r\n  }\r\n  ::v-deep .tree {\r\n    .tree-list {\r\n      margin-left: 10px;\r\n    }\r\n    .vtl-caret {\r\n      padding-right: 2px;\r\n    }\r\n    .req-method {\r\n      display: block;\r\n      padding: 0px 2px;\r\n      font-size: 12px;\r\n      margin-right: 5px;\r\n      border-radius: 4px;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n    .tree-node {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      cursor: pointer;\r\n\r\n      padding: 3px 7px 3px 0;\r\n    }\r\n    .node {\r\n      padding: 7px 2px 7px 0px;\r\n    }\r\n    .open {\r\n      font-weight: 500;\r\n      color: #333;\r\n    }\r\n  }\r\n  ::v-deep .vtl-node-main .vtl-operation {\r\n    position: absolute;\r\n    right: 20px;\r\n  }\r\n  ::v-deep .vtl-node-content {\r\n    width: 100%;\r\n  }\r\n  .pop-menu {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n  ::v-deep .vtl-node-content .add {\r\n    display: none;\r\n    margin-right: 10px;\r\n  }\r\n  ::v-deep .vtl-node-content:hover .add {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  ::v-deep .vtl-node-content:hover .add:hover {\r\n    background-color: #fff;\r\n    .pop-menu {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n  ::v-deep .vtl-node-main {\r\n    padding: 0;\r\n  }\r\n  ::v-deep .line1 {\r\n    display: table-caption;\r\n    white-space: nowrap;\r\n    width: 120px;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n  ::v-deep .ivu-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n  .right-card {\r\n    flex: 1;\r\n    max-height: calc(100vh - 115px);\r\n    overflow-y: scroll;\r\n  }\r\n  .data {\r\n    flex: 1;\r\n    .req-method {\r\n      text-transform: uppercase;\r\n      border-radius: 4px;\r\n      color: #fff;\r\n      padding: 3px 7px;\r\n    }\r\n    .eidt-sub {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      .name {\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n      }\r\n    }\r\n    .title {\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      margin-bottom: 15px;\r\n    }\r\n    .perW20 {\r\n      width: 500px;\r\n    }\r\n    .text-area {\r\n      white-space: pre-wrap;\r\n      word-break: break-word;\r\n    }\r\n  }\r\n  ::v-deep .ivu-tree-title {\r\n    width: 100% !important;\r\n  }\r\n  ::v-deep .vtl-tree-margin {\r\n    margin-left: 5px;\r\n  }\r\n  ::v-deep .ivu-btn-icon-only.ivu-btn-small {\r\n    width: 28px;\r\n  }\r\n  .nothing {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 800px;\r\n    .box:hover {\r\n      border: 1px solid pink;\r\n    }\r\n    .box {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      width: 150px;\r\n      height: 200px;\r\n      margin: 0 20px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      border: 1px solid #fff;\r\n      .icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        height: 150px;\r\n        font-size: 40px;\r\n        color: #2d8cf0;\r\n        background: #f1f1f1;\r\n      }\r\n      .text {\r\n        width: 100%;\r\n        height: 50px;\r\n        background: #ddd;\r\n        text-align: center;\r\n        line-height: 50px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}