12345678 |
- ;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._wrap_zudyf_1{margin-top:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}._wrap_zudyf_1 ._wrapLeft_zudyf_8{display:flex;flex-direction:row;align-items:center}._wrap_zudyf_1 ._wrapLeft_zudyf_8 ._hotIcon_zudyf_13{width:24px;height:28px;margin-right:10px}._wrap_zudyf_1 ._wrapLeft_zudyf_8 ._tagWrap_zudyf_18{display:flex;flex-direction:row}._wrap_zudyf_1 ._wrapLeft_zudyf_8 h5{font-weight:500;color:#000;line-height:28px;font-size:20px}._wrap_zudyf_1 ._wrapRight_zudyf_28{display:flex;flex-direction:row;cursor:pointer;font-size:16px}._wrap_zudyf_1 ._wrapRight_zudyf_28 span{color:#666}._wrap_zudyf_1 ._wrapRight_zudyf_28 ._arrow_zudyf_37{width:20px;height:20px;margin-left:8px}._wrap_zudyf_1 ._searchWrap_zudyf_42{cursor:pointer}._wrap_zudyf_1 ._searchWrap_zudyf_42 span{color:#000!important;line-height:28px}._wrap_zudyf_1 ._searchWrap_zudyf_42 ._search_zudyf_42{width:28px;height:28px;margin-left:8px}._searchDetail_zudyf_54 ._searchResult_zudyf_54{line-height:58px;display:flex;flex-direction:row}._searchDetail_zudyf_54 ._searchResult_zudyf_54 ._resultTitle_zudyf_59{padding:0 20px 0 14px;display:flex;flex-direction:row;align-items:center;color:#999;font-size:18px}._searchDetail_zudyf_54 ._searchResult_zudyf_54 ._resultTitle_zudyf_59 img{width:14px;height:14px;margin-left:4px}._searchDetail_zudyf_54 ._searchResult_zudyf_54 ._tagList_zudyf_72{width:1010px;display:flex;flex-direction:row;align-items:center}._searchDetail_zudyf_54 ._searchResult_zudyf_54 ._clearBtn_zudyf_78{cursor:pointer;display:flex;flex-direction:row;align-items:center;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666}._searchDetail_zudyf_54 ._searchResult_zudyf_54 ._clearBtn_zudyf_78 ._clearIcon_zudyf_88{width:28px;height:28px;margin-left:6px}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93{background-color:#fff;border-radius:8px;padding:20px}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93 ._chioseLineWrap_zudyf_98{border-bottom:1px solid #ededed}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93 ._chioseLineWrap_zudyf_98 ._chioseRow_zudyf_101{display:flex;flex-direction:row;align-items:center}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93 ._chioseLineWrap_zudyf_98 ._chioseRow_zudyf_101 p{margin-bottom:14px;width:112px;text-align:center;margin-right:5px}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93 ._chioseLineWrap_zudyf_98 ._chioseRow_zudyf_101 ._chioseTagWrap_zudyf_112{flex:1;position:relative;padding-left:20px}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93 ._chioseLineWrap_zudyf_98 ._chioseRow_zudyf_101 ._chioseTagWrap_zudyf_112:before{position:absolute;content:\"\";width:1px;height:calc(100% - 14px);background:#ededed;left:0}._searchDetail_zudyf_54 ._searchChioseWrap_zudyf_93 ._chioseLineWrap_zudyf_98 ._chioseRow_zudyf_101 ._chioseTagWrap_zudyf_112 /deep/ ._el-tag_zudyf_125{margin-bottom:14px}._searchDetail_zudyf_54 ._submitBtn_zudyf_128{width:194px;height:42px;background:#2dc7aa;border-radius:23px;text-align:center;line-height:42px;margin:18px auto 0;color:#fff;cursor:pointer}.el-tag--Light,.el-tag--light{border:1px solid #2dc7aa;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#2dc7aa;line-height:20px;border-radius:6px}.chioseTagWrap .el-tag{margin-bottom:14px;margin-right:12px;cursor:pointer}.chioseTagWrap .el-tag:last-child{margin-right:0!important}.chioseTag{margin-right:14px}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.cfa14d2b.js','./hot-legacy.8fb65c96.js','./arrow-legacy.c72c6a83.js','./index-legacy.5f0c0cf4.js','./vendor-legacy.f45053fa.js'],function(exports){'use strict';var tagItem,hot,arrow$1,request,defineComponent,reactive,useRouter,onMounted,createVNode,Fragment,createTextVNode,ElTag;return{setters:[function(module){tagItem=module.t;},function(module){hot=module.h;},function(module){arrow$1=module.a;},function(module){request=module.r;},function(module){defineComponent=module.d;reactive=module.r;useRouter=module.u;onMounted=module.o;createVNode=module.c;Fragment=module.F;createTextVNode=module.a;ElTag=module.M;}],execute:function execute(){var wrap="_wrap_zudyf_1";var wrapLeft="_wrapLeft_zudyf_8";var hotIcon="_hotIcon_zudyf_13";var tagWrap="_tagWrap_zudyf_18";var wrapRight="_wrapRight_zudyf_28";var arrow="_arrow_zudyf_37";var searchWrap="_searchWrap_zudyf_42";var search$1="_search_zudyf_42";var searchDetail="_searchDetail_zudyf_54";var searchResult="_searchResult_zudyf_54";var resultTitle="_resultTitle_zudyf_59";var tagList="_tagList_zudyf_72";var clearBtn="_clearBtn_zudyf_78";var clearIcon$1="_clearIcon_zudyf_88";var searchChioseWrap="_searchChioseWrap_zudyf_93";var chioseLineWrap="_chioseLineWrap_zudyf_98";var chioseRow="_chioseRow_zudyf_101";var chioseTagWrap="_chioseTagWrap_zudyf_112";var submitBtn="_submitBtn_zudyf_128";var classes={wrap:wrap,wrapLeft:wrapLeft,hotIcon:hotIcon,tagWrap:tagWrap,wrapRight:wrapRight,arrow:arrow,searchWrap:searchWrap,search:search$1,searchDetail:searchDetail,searchResult:searchResult,resultTitle:resultTitle,tagList:tagList,clearBtn:clearBtn,clearIcon:clearIcon$1,searchChioseWrap:searchChioseWrap,chioseLineWrap:chioseLineWrap,chioseRow:chioseRow,chioseTagWrap:chioseTagWrap,"el-tag":"_el-tag_zudyf_125",submitBtn:submitBtn};var search="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABNlJREFUaEPtmWtoHFUUx//nTppXFZFKsYjUIlItfUjJ2qRBRFFbVHxAGynYmtLsnV0Q9HM/SIpIPwoGs3tvdkMx9EM2WKS2QhELFpq0vl1tfeEDlPhFRaVpWrszR26YLdOQ7M7MziY17P22O+f+z/mdc+6dmTuEJT5oifOhAfh/r3Cjgo0KXucZaLSov0DJZHIbER0AsBnAsgUuXomZPxVCHFBKvRvUd+AK2ra9nZmPAbCCitfJzhFCPJrNZk8G0Q8MKKX8EEAiiOgC2IxrrbuD+AkDOA2g1RMdA/B2EAcx2jwNYKend0FrfWMQ7TCA3wBY64n+4bpuIpfL/RTESa02fX19a4QQHwFY4Wmd01qvD6IbBjANYNAn+sX09HT3yMjIVBBHUW127969vK2tbRzARp+GrbXWQTQDAxoxKWXB1yYgooJS6tkgjqLazPYJYExr3RNULxSgyWZ7e/tpZt5UdsDM+4eGhg4GdRjGTkq5H8CrtXRNKEDjyFsPZke9xXPsENGTYe5NQSCllI8DOApAePa/CyES2Wz25yDzyzahAc3EVCr1kOu6JwA0eUJ/MfOWoaGh78I4n882nU6vdRznLICbPJuS67rbcrlcoHufXzcSoLceXwLwmk/s66mpqc7Dhw//UwuklNJAGbjyjm3kXtRavx5FNzKgB3kIwPM+x0e11uZ+xVGC6e/vF5OTk6YtTXvODCI6pJTaG0VvZn7UiWZeb29va3Nz86lZTzivaK1fjqIrpTQbitlYyuNsS0vLAwMDA5ej6NUM6K3H21zX/RjAreY3M7MQYodS6kiYoKSUO5l5lIjKSf+tVCp1DA8PT4bRmW1bUwXLYvv27esWQpwkombvvwuO43Tl8/mvggSXTqc3lkqlcSJa7tlfJqIHlVITQeZXsokF0FuPEoDyOfvBcZz78vn8n5UC2LNnz4rW1lbzGLbGt+76lFL5WuFiaVF/EMlkMkNEKV+gJ5RS2ysFKqV8D8DDPps3tNYvxAEXO6CUchkRvc/M95cDtCzr7kwm8+1cAdu2vY6Zz/mufQDgEa31lesS0GvVLQDOlAMUQmzOZrOfzQPYwcymPWcGESWUUmbDim3EtgbLEUkpzXHGJ1EALcvalMlkirHR1XofnCuQBqAvK7ZtX9OiS72C3NTUtHpwcPCXJdOiqVTqDtd1zRuCw8zD9XivXNRNJs5KzafVAAyb5TC7aFjtKPaNCobNWpgKbjx9ZCXTlYMgWl3RD8NxgF3nt/ZUfHCfS2NRK7hhvKBAMG8h1UeTuPPLxI4fqxtea7G4gBOF4wAeqxo04e8bXKya2NpjPh+EGosMOJoEic5KETO7lwSsN4tdO8xBVOhRd0DXdTtyudzVh+/QEdY4oe6AlmV1ZDKZBmCNhZp3+qJXcEPx2M3OxYurKgE2WXCKiZ45TwWqJSZ2wGQyeS8RXX2Dr9SiG86MPQXGKMAt1QK14Kz5vGtXqO8SRnNxAScK5uz0mWpwM4HSv7cXO5/7NYit3yZ2QNu272Lmqx9hKlVw/UThHQKeqBY0EU4UO3sqns7NpxE7oHEkpcwy814isph53Xxfne459dYq0UIrKwFaonSpePz89+jvd6slYq7rdQGMEki95jQA65XZhdJtVHChMl0vP40K1iuzC6W75Cv4H+ZH6Uiv2WQMAAAAAElFTkSuQmCC";var clearIcon="data:image/png;base64,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";var hotSearch=exports('h',defineComponent({name:'hotSearch',components:{tagItem:tagItem},emits:['searchRust','hotTag'],props:{type:{type:String,default:'more'}},setup:function setup(props,conent){var state=reactive({hotList:[],type:props.type,showDetail:true,tagTree:[],chioseTagList:[],chioseParentList:[],searchTagList:[]});var router=useRouter();var getHotList=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(){var res;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return request.get('/api-website/open/music/sheet/hotTag',{params:{status:1}});case 3:res=_context.sent;state.hotList=res.data;_context.next=10;break;case 7:_context.prev=7;_context.t0=_context["catch"](0);console.log(_context.t0);case 10:case"end":return _context.stop();}}},_callee,null,[[0,7]]);}));return function getHotList(){return _ref.apply(this,arguments);};}();var getTagTree=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee2(){var res;return regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.prev=0;_context2.next=3;return request.get('/api-website/open/MusicTag/tree',{});case 3:res=_context2.sent;state.tagTree=res.data;// state.hotList = res.data
- _context2.next=10;break;case 7:_context2.prev=7;_context2.t0=_context2["catch"](0);console.log(_context2.t0);case 10:case"end":return _context2.stop();}}},_callee2,null,[[0,7]]);}));return function getTagTree(){return _ref2.apply(this,arguments);};}();var chioseTag=function chioseTag(tag){// 选择判断
- var chioseParentIndex=state.chioseParentList.indexOf(tag.parentTagId);var chioseIndex=state.chioseTagList.indexOf(tag.id);if(chioseParentIndex!==-1&&chioseIndex!==-1){// 这里就是反复点击这一个
- tag.isCheck=false;state.chioseParentList.splice(chioseParentIndex,1);state.chioseTagList.splice(chioseIndex,1);setSearchTagList();return;}if(chioseIndex==-1&&chioseParentIndex==-1){state.chioseParentList.push(tag.parentTagId);state.chioseTagList.push(tag.id);tag.isCheck=true;// 添加进去 并且设置其余的元素不可点击
- setSearchTagList();return;}if(chioseIndex!==-1||chioseParentIndex!==-1){// 选的没有且父元素也没有选中
- state.tagTree.forEach(function(tree){if(tree.id==tag.parentTagId){tree.children.forEach(function(item){item.isCheck=false;var index=state.chioseTagList.indexOf(item.id);if(index!==-1){state.chioseTagList.splice(index,1);}});}});tag.isCheck=true;state.chioseTagList.push(tag.id);setSearchTagList();return;}};var setSearchTagList=function setSearchTagList(){state.searchTagList=[];state.tagTree.forEach(function(tree){tree.children.forEach(function(item){if(state.chioseTagList.indexOf(item.id)!=-1){state.searchTagList.push(item);}});});console.log(state.searchTagList,'searchTagList');};var isChiose=function isChiose(tag){if(tag.isCheck){return'dark';}else{return'light';}};var closeChioseTag=function closeChioseTag(tag){chioseTag(tag);};var clearSearch=function clearSearch(){state.chioseTagList=[];state.chioseParentList=[];state.searchTagList=[];state.tagTree.forEach(function(tree){tree.children.forEach(function(item){item.isCheck=false;});});};var searchSubmit=function searchSubmit(){// 请求
- conent.emit('searchRust',state.chioseTagList);state.showDetail=true;};var clickHotTag=function clickHotTag(key){conent.emit('hotTag',key);};var gotoSearch=function gotoSearch(){router.push({path:'/searchdetail'});};onMounted(function(){getHotList();getTagTree();});return function(){return createVNode(Fragment,null,[state.showDetail?createVNode("div",{"class":classes.wrap},[createVNode("div",{"class":classes.wrapLeft},[createVNode("img",{"src":hot,"class":classes.hotIcon,"alt":""},null),createVNode("h5",null,[createTextVNode("\u70ED\u95E8\u641C\u7D22\uFF1A")]),createVNode("div",{"class":classes.tagWrap},[state.hotList.map(function(item){//
- return createVNode(tagItem,{"title":item.key,"onSearchTag":function onSearchTag(key){return clickHotTag(key);}},{default:function _default(){return[item.key];}});})])]),state.type=='more'?createVNode("div",{"class":classes.wrapRight,"onClick":gotoSearch},[createVNode("span",null,[createTextVNode("\u66F4\u591A")]),createVNode("img",{"class":classes.arrow,"src":arrow$1,"alt":""},null)]):null,state.type=='search'?createVNode("div",{"class":[classes.wrapRight,classes.searchWrap],"onClick":function onClick(){return state.showDetail=false;}},[createVNode("span",null,[createTextVNode("\u7B5B\u9009")]),createVNode("img",{"class":classes.search,"src":search,"alt":""},null)]):null]):createVNode("div",{"class":classes.searchDetail},[createVNode("div",{"class":classes.searchResult},[createVNode("div",{"class":classes.resultTitle},[createVNode("span",null,[createTextVNode("\u641C\u7D22\u7ED3\u679C")]),createVNode("img",{"src":arrow$1,"alt":""},null)]),createVNode("div",{"class":classes.tagList},[state.searchTagList.map(function(item){return createVNode(ElTag,{"closable":true,"onClose":function onClose(){return closeChioseTag(item);},"class":"chioseTag","size":"large"},{default:function _default(){return[item.name];}});})]),createVNode("div",{"class":classes.clearBtn,"onClick":clearSearch},[createVNode("span",null,[createTextVNode("\u6E05\u7A7A")]),createVNode("img",{"src":clearIcon,"class":classes.clearIcon,"alt":""},null)])]),createVNode("div",{"class":classes.searchChioseWrap},[createVNode("div",{"class":classes.chioseLineWrap},[state.tagTree.map(function(tree){return createVNode("div",{"class":classes.chioseRow},[createVNode("p",null,[tree.name,createTextVNode("\uFF1A")]),createVNode("div",{"class":[classes.chioseTagWrap,'chioseTagWrap']},[tree.children.map(function(tag){return createVNode(ElTag,{"class":classes.tags,"size":"large","effect":isChiose(tag),"onClick":function onClick(){chioseTag(tag);}},{default:function _default(){return[tag.name];}});})])]);})]),createVNode("div",{"class":classes.submitBtn,"onClick":searchSubmit},[createTextVNode("\u641C\u7D22")])])])]);};}}));}};});})();
|