diff --git a/src/assets/super/list-detail.svg b/src/assets/super/list-detail.svg
new file mode 100644
index 0000000..27e807d
--- /dev/null
+++ b/src/assets/super/list-detail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_230_71490"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_230_71490)"><g><path d="M0.6666596973495483,5.666666626930237L0.6666596973495483,1.6666666269302368Q0.6666596973495483,1.601005726930237,0.6794696973495483,1.5366066269302368Q0.6922796973495483,1.4722076269302369,0.7174066973495483,1.4115446269302367Q0.7425346973495484,1.3508816269302368,0.7790136973495484,1.2962866269302369Q0.8154926973495483,1.241691626930237,0.8619226973495484,1.1952626269302369Q0.9083516973495483,1.1488326269302367,0.9629466973495484,1.1123536269302368Q1.0175416973495484,1.0758746269302368,1.0782046973495483,1.0507466269302368Q1.1388676973495484,1.025619626930237,1.2032666973495483,1.012809626930237Q1.2676657973495484,0.9999996269302368,1.3333266973495483,0.9999996269302368L14.666626697349548,0.9999996269302368Q14.732326697349547,0.9999996269302368,14.796726697349548,1.012809626930237Q14.861126697349547,1.025619626930237,14.921826697349548,1.0507466269302368Q14.982426697349549,1.0758746269302368,15.037026697349548,1.1123536269302368Q15.091626697349549,1.1488326269302367,15.138026697349549,1.1952626269302369Q15.184526697349549,1.241691626930237,15.221026697349549,1.2962866269302369Q15.257426697349548,1.3508816269302368,15.282626697349547,1.4115446269302367Q15.307726697349548,1.4722076269302369,15.320526697349548,1.5366066269302368Q15.333326697349548,1.601005726930237,15.333326697349548,1.6666666269302368L15.333326697349548,5.666666626930237Q15.333326697349548,5.732326626930237,15.320526697349548,5.796726626930237Q15.307726697349548,5.861126626930237,15.282626697349547,5.921786626930237Q15.257426697349548,5.982446626930237,15.221026697349549,6.037046626930237Q15.184526697349549,6.091636626930237,15.138026697349549,6.138066626930237Q15.091626697349549,6.184496626930237,15.037026697349548,6.220976626930237Q14.982426697349549,6.257456626930237,14.921826697349548,6.282586626930237Q14.861126697349547,6.307716626930237,14.796726697349548,6.320526626930237Q14.732326697349547,6.333336626930237,14.666626697349548,6.333336626930237L1.3333266973495483,6.333336626930237Q1.2676657973495484,6.333336626930237,1.2032666973495483,6.320526626930237Q1.1388676973495484,6.307716626930237,1.0782046973495483,6.282586626930237Q1.0175416973495484,6.257456626930237,0.9629466973495484,6.220976626930237Q0.9083516973495483,6.184496626930237,0.8619226973495484,6.138066626930237Q0.8154926973495483,6.091636626930237,0.7790136973495484,6.037046626930237Q0.7425346973495484,5.982446626930237,0.7174066973495483,5.921786626930237Q0.6922796973495483,5.861126626930237,0.6794696973495483,5.796726626930237Q0.6666596973495483,5.732326626930237,0.6666596973495483,5.666666626930237ZM14.000026697349549,2.3333336269302367L1.9999936973495482,2.3333336269302367L1.9999936973495482,4.999996626930237L14.000026697349549,4.999996626930237L14.000026697349549,2.3333336269302367Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g><g><path d="M10.271626697349548,9.936481L11.294156697349548,10.93335L11.295316697349548,10.93216Q11.388426697349548,11.02297,11.508926697349548,11.07198Q11.629426697349547,11.121,11.759526697349548,11.121Q11.825026697349548,11.121,11.889226697349548,11.10822Q11.953526697349549,11.09544,12.014026697349548,11.07038Q12.074526697349548,11.04532,12.129026697349548,11.00893Q12.183426697349548,10.97254,12.229726697349548,10.92623Q12.276026697349549,10.87991,12.312426697349549,10.82545Q12.348826697349548,10.771,12.373926697349548,10.71048Q12.398926697349548,10.64997,12.411726697349549,10.58574Q12.424526697349549,10.5215,12.424526697349549,10.456Q12.424526697349549,10.32153,12.372326697349548,10.19762Q12.32002669734955,10.07371,12.223726697349548,9.97984L12.224926697349549,9.978646L10.731446697349549,8.522646Q10.684836697349548,8.477207,10.630316697349548,8.441642Q10.575806697349549,8.406077,10.515436697349548,8.381729Q10.45506669734955,8.357381,10.391136697349548,8.34517Q10.327196697349548,8.332958,10.262106697349548,8.333345Q10.197016697349548,8.333732,10.133226697349548,8.346702Q10.069436697349548,8.359672,10.009366697349549,8.384735Q9.94929669734955,8.409799,9.895206697349549,8.446009Q9.841116697349548,8.482219,9.795046697349548,8.528208L7.575266697349548,10.74434L5.852966697349548,9.0949482Q5.806046697349548,9.0500137,5.751336697349548,9.0149833Q5.696626697349548,8.979953,5.636176697349549,8.9561451Q5.575726697349548,8.9323371,5.511826697349548,8.9206474Q5.447916697349548,8.9089577,5.382956697349548,8.909826Q5.317996697349548,8.9106944,5.254426697349548,8.9240882Q5.190856697349549,8.937482,5.1310666973495485,8.9628972Q5.071276697349548,8.9883124,5.017516697349548,9.0247927Q4.963756697349549,9.061273,4.918056697349549,9.107446L0.8595176973495484,13.207709999999999L0.8607016973495483,13.20888Q0.7682696973495483,13.30227,0.7182976973495483,13.42379Q0.6683266973495483,13.54531,0.6683266973495483,13.6767Q0.6683266973495483,13.7422,0.6811046973495484,13.806429999999999Q0.6938826973495483,13.87067,0.7189466973495483,13.931180000000001Q0.7440116973495483,13.99169,0.7803996973495484,14.04615Q0.8167876973495484,14.10061,0.8631006973495483,14.146930000000001Q0.9094136973495484,14.19324,0.9638726973495484,14.22963Q1.0183306973495483,14.26601,1.0788426973495484,14.291080000000001Q1.1393536973495484,14.31614,1.2035916973495484,14.32892Q1.2678298973495483,14.3417,1.3333266973495483,14.3417Q1.4664876973495484,14.3417,1.5893816973495483,14.29043Q1.7122756973495483,14.23915,1.8059516973495484,14.14451L1.8071356973495483,14.14569L5.404366697349548,10.51147L7.123866697349548,12.15818Q7.170606697349548,12.20295,7.225076697349548,12.23788Q7.279556697349548,12.27282,7.339736697349548,12.29662Q7.399916697349548,12.32043,7.463546697349548,12.33222Q7.527186697349548,12.344,7.591896697349548,12.34333Q7.656616697349548,12.34266,7.719986697349548,12.32955Q7.783366697349549,12.31644,7.8430366973495484,12.29139Q7.902706697349548,12.26634,7.9564466973495485,12.23028Q8.010186697349548,12.19422,8.05598669734955,12.148489999999999L10.271626697349548,9.936481Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g><g><path d="M14.001666984558106,5.3906331062316895Q14.001666984558106,5.325136306231689,14.014444984558105,5.260898106231689Q14.027222984558106,5.19666010623169,14.052286984558105,5.13614910623169Q14.077351984558106,5.07563710623169,14.113739984558105,5.021179106231689Q14.150127984558106,4.96672010623169,14.196440984558105,4.920407106231689Q14.242753984558105,4.87409410623169,14.297212984558106,4.837706106231689Q14.351670984558105,4.801318106231689,14.412182984558106,4.77625310623169Q14.472693984558106,4.751189106231689,14.536931984558105,4.738411106231689Q14.601170184558105,4.725633106231689,14.666666984558105,4.725633106231689Q14.732163784558105,4.725633106231689,14.796401984558106,4.738411106231689Q14.860639984558105,4.751189106231689,14.921150984558105,4.77625310623169Q14.981662984558106,4.801318106231689,15.036120984558105,4.837706106231689Q15.090579984558106,4.87409410623169,15.136892984558106,4.920407106231689Q15.183205984558105,4.96672010623169,15.219593984558106,5.021179106231689Q15.255981984558105,5.07563710623169,15.281046984558106,5.13614910623169Q15.306110984558105,5.19666010623169,15.318888984558106,5.260898106231689Q15.331666984558105,5.325136306231689,15.331666984558105,5.3906331062316895L15.333333984558106,5.3906331062316895L15.333333984558106,14.05730310623169L15.331666984558105,14.05730310623169Q15.331666984558105,14.12279310623169,15.318888984558106,14.18703310623169Q15.306110984558105,14.25127310623169,15.281046984558106,14.31178310623169Q15.255981984558105,14.37229310623169,15.219593984558106,14.42675310623169Q15.183205984558105,14.481213106231689,15.136892984558106,14.527523106231689Q15.090579984558106,14.573833106231689,15.036120984558105,14.61022310623169Q14.981662984558106,14.646613106231689,14.921150984558105,14.67167310623169Q14.860639984558105,14.69674310623169,14.796401984558106,14.70952310623169Q14.732163784558105,14.72230310623169,14.666666984558105,14.72230310623169Q14.601170184558105,14.72230310623169,14.536931984558105,14.70952310623169Q14.472693984558106,14.69674310623169,14.412182984558106,14.67167310623169Q14.351670984558105,14.646613106231689,14.297212984558106,14.61022310623169Q14.242753984558105,14.573833106231689,14.196440984558105,14.527523106231689Q14.150127984558106,14.481213106231689,14.113739984558105,14.42675310623169Q14.077351984558106,14.37229310623169,14.052286984558105,14.31178310623169Q14.027222984558106,14.25127310623169,14.014444984558105,14.18703310623169Q14.001666984558106,14.12279310623169,14.001666984558106,14.05730310623169L13.999999984558105,14.05730310623169L13.999999984558105,5.3906331062316895L14.001666984558106,5.3906331062316895Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g><g><path d="M0.6683266973495483,5.3906331062316895Q0.6683266973495483,5.325136306231689,0.6811046973495484,5.260898106231689Q0.6938826973495483,5.19666010623169,0.7189466973495483,5.13614910623169Q0.7440116973495483,5.07563710623169,0.7803996973495484,5.021179106231689Q0.8167876973495484,4.96672010623169,0.8631006973495483,4.920407106231689Q0.9094136973495484,4.87409410623169,0.9638726973495484,4.837706106231689Q1.0183306973495483,4.801318106231689,1.0788426973495484,4.77625310623169Q1.1393536973495484,4.751189106231689,1.2035916973495484,4.738411106231689Q1.2678298973495483,4.725633106231689,1.3333266973495483,4.725633106231689Q1.3988234973495484,4.725633106231689,1.4630616973495483,4.738411106231689Q1.5272996973495483,4.751189106231689,1.5878106973495483,4.77625310623169Q1.6483226973495484,4.801318106231689,1.7027806973495483,4.837706106231689Q1.7572396973495483,4.87409410623169,1.8035526973495484,4.920407106231689Q1.8498656973495482,4.96672010623169,1.8862536973495483,5.021179106231689Q1.9226416973495484,5.07563710623169,1.9477066973495485,5.13614910623169Q1.9727706973495485,5.19666010623169,1.9855486973495484,5.260898106231689Q1.9983266973495484,5.325136306231689,1.9983266973495484,5.3906331062316895L1.9999936973495482,5.3906331062316895L1.9999936973495482,10.05730310623169L1.9983266973495484,10.05730310623169Q1.9983266973495484,10.12279310623169,1.9855486973495484,10.18703310623169Q1.9727706973495485,10.25127310623169,1.9477066973495485,10.31178310623169Q1.9226416973495484,10.37229310623169,1.8862536973495483,10.42675310623169Q1.8498656973495482,10.481213106231689,1.8035526973495484,10.52752310623169Q1.7572396973495483,10.573843106231688,1.7027806973495483,10.61022310623169Q1.6483226973495484,10.64661310623169,1.5878106973495483,10.67168310623169Q1.5272996973495483,10.69674310623169,1.4630616973495483,10.70952310623169Q1.3988234973495484,10.722303106231688,1.3333266973495483,10.722303106231688Q1.2678298973495483,10.722303106231688,1.2035916973495484,10.70952310623169Q1.1393536973495484,10.69674310623169,1.0788426973495484,10.67168310623169Q1.0183306973495483,10.64661310623169,0.9638726973495484,10.61022310623169Q0.9094136973495484,10.573843106231688,0.8631006973495483,10.52752310623169Q0.8167876973495484,10.481213106231689,0.7803996973495484,10.42675310623169Q0.7440116973495483,10.37229310623169,0.7189466973495483,10.31178310623169Q0.6938826973495483,10.25127310623169,0.6811046973495484,10.18703310623169Q0.6683266973495483,10.12279310623169,0.6683266973495483,10.05730310623169L0.6666596973495483,10.05730310623169L0.6666596973495483,5.3906331062316895L0.6683266973495483,5.3906331062316895Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g><g><path d="M4.338500022888184,15.000000015441895L14.666700022888184,15.000000015441895L14.666700022888184,14.998333015441894Q14.732200022888184,14.998333015441894,14.796400022888184,14.985555015441895Q14.860600022888184,14.972777015441894,14.921200022888184,14.947713015441895Q14.981700022888184,14.922648015441894,15.036100022888183,14.886260015441895Q15.090600022888184,14.849872015441894,15.136900022888184,14.803559015441895Q15.183200022888183,14.757246015441895,15.219600022888184,14.702787015441894Q15.256000022888184,14.648329015441895,15.281000022888184,14.587817015441894Q15.306100022888183,14.527306015441894,15.318900022888183,14.463068015441895Q15.331700022888183,14.398829815441895,15.331700022888183,14.333333015441895Q15.331700022888183,14.267836215441895,15.318900022888183,14.203598015441894Q15.306100022888183,14.139360015441895,15.281000022888184,14.078849015441895Q15.256000022888184,14.018337015441894,15.219600022888184,13.963879015441895Q15.183200022888183,13.909420015441894,15.136900022888184,13.863107015441894Q15.090600022888184,13.816794015441895,15.036100022888183,13.780406015441894Q14.981700022888184,13.744018015441895,14.921200022888184,13.718953015441894Q14.860600022888184,13.693889015441895,14.796400022888184,13.681111015441894Q14.732200022888184,13.668333015441895,14.666700022888184,13.668333015441895L14.666700022888184,13.666666015441894L4.338500022888184,13.666666015441894L4.338500022888184,13.668333015441895Q4.273003222888184,13.668333015441895,4.208765022888183,13.681111015441894Q4.144527022888184,13.693889015441895,4.084016022888184,13.718953015441894Q4.023504022888184,13.744018015441895,3.9690460228881834,13.780406015441894Q3.914587022888184,13.816794015441895,3.868274022888184,13.863107015441894Q3.8219610228881837,13.909420015441894,3.7855730228881836,13.963879015441895Q3.7491850228881836,14.018337015441894,3.7241200228881834,14.078849015441895Q3.6990560228881835,14.139360015441895,3.6862780228881835,14.203598015441894Q3.6735000228881836,14.267836215441895,3.6735000228881836,14.333333015441895Q3.6735000228881836,14.398829815441895,3.6862780228881835,14.463068015441895Q3.6990560228881835,14.527306015441894,3.7241200228881834,14.587817015441894Q3.7491850228881836,14.648329015441895,3.7855730228881836,14.702787015441894Q3.8219610228881837,14.757246015441895,3.868274022888184,14.803559015441895Q3.914587022888184,14.849872015441894,3.9690460228881834,14.886260015441895Q4.023504022888184,14.922648015441894,4.084016022888184,14.947713015441895Q4.144527022888184,14.972777015441894,4.208765022888183,14.985555015441895Q4.273003222888184,14.998333015441894,4.338500022888184,14.998333015441894L4.338500022888184,15.000000015441895Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g><g><path d="M5.666666507720947,4.333333746139527L12.666666507720947,4.333333746139527L12.666666507720947,4.331666746139526Q12.732166507720947,4.331666746139526,12.796396507720948,4.3188887461395264Q12.860636507720947,4.3061107461395265,12.921146507720948,4.281046746139526Q12.981666507720949,4.255981746139526,13.036116507720948,4.219593746139527Q13.090576507720947,4.183205746139526,13.136896507720948,4.136892746139527Q13.183206507720946,4.090579746139526,13.219596507720947,4.0361207461395265Q13.255976507720948,3.981662746139526,13.281046507720948,3.9211507461395265Q13.306106507720948,3.8606397461395265,13.318886507720947,3.7964017461395265Q13.331666507720946,3.7321635461395264,13.331666507720946,3.6666667461395264Q13.331666507720946,3.6011699461395263,13.318886507720947,3.536931746139526Q13.306106507720948,3.472693746139526,13.281046507720948,3.412182746139526Q13.255976507720948,3.3516707461395265,13.219596507720947,3.297212746139526Q13.183206507720946,3.2427537461395266,13.136896507720948,3.1964407461395266Q13.090576507720947,3.1501277461395265,13.036116507720948,3.1137397461395264Q12.981656507720947,3.0773517461395263,12.921146507720948,3.052286746139526Q12.860636507720947,3.0272227461395262,12.796396507720948,3.0144447461395263Q12.732166507720947,3.0016667461395263,12.666666507720947,3.0016667461395263L12.666666507720947,2.9999997461395265L5.666666507720947,2.9999997461395265L5.666666507720947,3.0016667461395263Q5.601169707720947,3.0016667461395263,5.536931507720947,3.0144447461395263Q5.4726935077209475,3.0272227461395262,5.4121825077209476,3.052286746139526Q5.351670507720947,3.0773517461395263,5.297212507720947,3.1137397461395264Q5.2427535077209475,3.1501277461395265,5.196440507720947,3.1964407461395266Q5.150127507720947,3.2427537461395266,5.113739507720947,3.297212746139526Q5.077351507720947,3.3516707461395265,5.052286507720948,3.412182746139526Q5.027222507720947,3.472693746139526,5.014444507720947,3.536931746139526Q5.001666507720947,3.6011699461395263,5.001666507720947,3.6666667461395264Q5.001666507720947,3.7321635461395264,5.014444507720947,3.7964017461395265Q5.027222507720947,3.8606397461395265,5.052286507720948,3.9211507461395265Q5.077351507720947,3.981662746139526,5.113739507720947,4.0361207461395265Q5.150127507720947,4.090579746139526,5.196440507720947,4.136892746139527Q5.2427535077209475,4.183205746139526,5.297212507720947,4.219593746139527Q5.351670507720947,4.255981746139526,5.4121825077209476,4.281046746139526Q5.4726935077209475,4.3061107461395265,5.536931507720947,4.3188887461395264Q5.601169707720947,4.331666746139526,5.666666507720947,4.331666746139526L5.666666507720947,4.333333746139527Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g><g><path d="M3.333326578140259,4.330533304214478L3.333326578140259,4.332200304214478L3.666666578140259,4.332200304214478L3.666666578140259,4.330533304214478Q3.7321635781402587,4.330533304214478,3.7964015781402587,4.317755304214478Q3.8606395781402587,4.304977304214478,3.921151578140259,4.279913304214477Q3.981662578140259,4.254848304214478,4.036120578140259,4.218460304214478Q4.090579578140259,4.182072304214477,4.136892578140259,4.135759304214478Q4.183205578140258,4.089446304214477,4.219593578140259,4.034987304214478Q4.255981578140259,3.9805293042144774,4.281046578140259,3.9200173042144777Q4.306111578140259,3.8595063042144777,4.318888578140259,3.7952683042144777Q4.331666578140259,3.7310301042144776,4.331666578140259,3.6655333042144775Q4.331666578140259,3.6000365042144775,4.318888578140259,3.5357983042144774Q4.306111578140259,3.4715603042144774,4.281046578140259,3.4110493042144774Q4.255981578140259,3.3505373042144777,4.219593578140259,3.2960793042144774Q4.183205578140258,3.2416203042144778,4.136892578140259,3.1953073042144777Q4.090579578140259,3.1489943042144777,4.036120578140259,3.1126063042144776Q3.981662578140259,3.0762183042144775,3.921151578140259,3.0511533042144774Q3.8606395781402587,3.0260893042144774,3.7964015781402587,3.0133113042144775Q3.7321635781402587,3.0005333042144775,3.666666578140259,3.0005333042144775L3.666666578140259,2.9988663042144776L3.333326578140259,2.9988663042144776L3.333326578140259,3.0005333042144775Q3.2678297781402588,3.0005333042144775,3.2035915781402586,3.0133113042144775Q3.1393535781402586,3.0260893042144774,3.0788425781402586,3.0511533042144774Q3.018330578140259,3.0762183042144775,2.9638725781402586,3.1126063042144776Q2.909413578140259,3.1489943042144777,2.863100578140259,3.1953073042144777Q2.816787578140259,3.2416203042144778,2.780399578140259,3.2960793042144774Q2.7440115781402588,3.3505373042144777,2.7189465781402586,3.4110493042144774Q2.6938825781402587,3.4715603042144774,2.6811045781402587,3.5357983042144774Q2.6683265781402588,3.6000365042144775,2.6683265781402588,3.6655333042144775Q2.6683265781402588,3.7310301042144776,2.6811045781402587,3.7952683042144777Q2.6938825781402587,3.8595063042144777,2.7189465781402586,3.9200173042144777Q2.7440115781402588,3.9805293042144774,2.780399578140259,4.034987304214478Q2.816787578140259,4.089446304214477,2.863100578140259,4.135759304214478Q2.909413578140259,4.182072304214477,2.9638725781402586,4.218460304214478Q3.018330578140259,4.254848304214478,3.0788425781402586,4.279913304214477Q3.1393535781402586,4.304977304214478,3.2035915781402586,4.317755304214478Q3.2678297781402588,4.330533304214478,3.333326578140259,4.330533304214478Z" fill-rule="evenodd" fill="#BABDC2" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/views/super/Ranking/YearProfit.vue b/src/views/super/Ranking/YearProfit.vue
index c67760a..a55ede3 100644
--- a/src/views/super/Ranking/YearProfit.vue
+++ b/src/views/super/Ranking/YearProfit.vue
@@ -2,41 +2,35 @@
     <div class="demo-wrap min-flex-right">
         <div class="flex-between">
             <h2>总利润 - 年排行</h2>
-            <el-form :model="form">
-                <GuipSelect v-model="form.payword" :defaultValue="form.payword" prop="payword" width="100%"
-                    :options="options_payword" />
-            </el-form>
+            <GuipForm />
         </div>
         <div class=" flex-common" id="">
             <el-form>
-                <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
-                    style="width: 100%" :key="random()">
+                <el-table :data="tableData" style="width: 100%" @sort-change="handleSortChange" @cell-mouse-enter="handleRowHover">
                     <el-table-column type="index" label="排序" width="100">
-                      <template slot-scope="scope">
+                      <template #default="scope">
                         {{ scope.row.sort }}
                       </template>
                     </el-table-column>
                     <!-- 其他列 -->
-                    <el-table-column prop="name" label="年份">
-                        <template slot-scope="scope">
+                    <el-table-column prop="1" label="年份" sortable="custom">
+                        <template #default="scope">
                           {{ scope.row.value_1 }}
                         </template>
                     </el-table-column>
-                    <el-table-column prop="count" label="总利润/元" sortable>
-                        <template slot-scope="scope">
+                    <el-table-column prop="2" label="总利润/元" sortable="custom">
+                        <template #default="scope">
                             <div class="flex">
                               {{ scope.row.value_2 }}
-                              {{scope.row.value }}%上年持平
                             </div>
                         </template>
                     </el-table-column>
 
-                    <el-table-column prop="count" label="代理商排行">
-                      <template slot-scope="scope">
-                        <div class="flex">
-                          {{ scope.row.value_1 }}
-                          <span class="flex"><img class="edit_icon" src="../../../assets/site/form_link.svg" alt=""></span>
-                        </div>
+                    <el-table-column label="代理商排行">
+                      <template #default="scope">
+                        <span v-if="profit_top_list[scope.row.id]['name']">
+                          No.1 {{ profit_top_list[scope.row.id]['name'] }} <img v-if="show_detail_index == scope.row.sort" class="detail_icon" src="../../../assets/super/list-detail.svg" alt="">
+                        </span>
                       </template>
                     </el-table-column>
                 </el-table>
@@ -49,35 +43,16 @@
     </div>
 </template>
 <script>
-import GuipSelect from '@/components/GuipSelect.vue'
+import GuipForm from '@/components/GuipForm.vue'
 export default {
     // 站点设置
     name: '',
     props: [''],
     components: {
-        GuipSelect,
-        // GuipSelectFilter,
+      GuipForm
     },
     data() {
         return {
-            phoneService: [
-                {
-                    text: '不限',
-                    value: '0'
-                },
-                {
-                    text: 'H5',
-                    value: '1'
-                },
-                {
-                    text: '小程序',
-                    value: '2'
-                },
-                {
-                    text: 'H5以及小程序',
-                    value: '3'
-                },
-            ],
             currentPage: 1,    //当前页
             pageSize: 20,   //每页的容量
             total: 0,   //列表总数
@@ -97,15 +72,9 @@ export default {
             ],
             filteredOptions: this.options,
 
-            phoneServicelist:
-            {
-                0: '不限',
-                1: ' H5',
-                2: '小程序',
-                3: '无手机服务'
-
-            },
             tableData: [],
+            profit_top_list: [],
+            show_detail_index:0,
             form: {
                 payword: '0',
             }
@@ -116,16 +85,40 @@ export default {
       this.getRankingData();
     },
     methods: {
-        getRankingData(){
+        handleSortChange({ prop, order }) {
+          this.currentPage = 1;
+
+          let sortBy = 0;
+          let sortOrder = 0;
+          if(order == 'ascending'){
+            sortBy = prop;
+            sortOrder = 1;
+          }
+          if(order == 'descending'){
+            sortBy = prop;
+            sortOrder = 2;
+          }
+          this.getRankingData({sortBy:sortBy,sortOrder:sortOrder})
+        },
+        handleRowHover(row) {
+          this.show_detail_index = row.sort
+        },
+        getRankingData(obj){
           const that = this
           this.$http('POST', this.reqUri + '/super/ajax_get_rank_detail',{
             rank_type:1,
+            cur_page:that.currentPage,
+            page_size:that.pageSize,
+            ...obj
           }).then(response => {
-            that.tableData = response.data.list
-            console.log(response.data.list, '0001')
+            this.$nextTick(() => {
+              that.tableData = response.data.list
+              that.profit_top_list = response.data.profit_top_list
+              that.total = response.data.total
+            })
           })
           .catch(error => {
-            console.error(error, '-----')
+            console.error(error, 'error')
           })
         },
         // 列筛选
@@ -151,10 +144,6 @@ export default {
         handleCurrentChange(val) {
             this.currentPage = val
         },
-        random() {
-            var randomNumber = Math.random();
-            return randomNumber
-        },
     }
 }
 </script>
@@ -163,4 +152,7 @@ export default {
     width: 100%;
     letter-spacing: 0.08em;
 }
+.detail_icon{
+  vertical-align: text-top;
+}
 </style>
\ No newline at end of file