| 1 |
- {"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"]}]}
|
