diff --git a/src/assets/register/jingdong.svg b/src/assets/register/jingdong.svg
new file mode 100644
index 0000000..84a541b
--- /dev/null
+++ b/src/assets/register/jingdong.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="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="master_svg0_560_004642"><rect x="0" y="0" width="26" height="26" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_560_004642)"><g><rect x="1" y="4" width="24" height="20" rx="0" fill="#FF292B" fill-opacity="1"/></g><g><path d="M21.7860125,0L4.2147825,0C1.8957325,0,0.007812797353,1.88795,0.007812797353,4.22185L0.007812797353,21.7633C0.007812797353,24.0972,1.8957325,25.9851,4.2147825,25.9851L21.7860125,25.9851C24.1050125,25.9851,25.9929125,24.0972,25.9929125,21.7633L25.9929125,4.22185C25.9929125,1.90277,24.1050125,0,21.7860125,0ZM9.7596625,17.4225C8.7785225,17.4225,7.9906525,17.2144,6.9946525,17.0212L4.2445225,18.4036L5.0323925,16.04C3.0552725,14.6575,1.8808825,12.8736,1.8808825,10.7181C1.8808825,6.97196,5.4337625,4.0137,9.7596625,4.0137C13.6396125,4.0137,17.0289125,6.37731,17.7128125,9.54373C17.4604125,9.51401,17.2072125,9.49912,16.9546125,9.49912C13.2085125,9.49912,10.2502125,12.2939,10.2502125,15.7278C10.2502125,16.3076,10.3394125,16.8576,10.4881125,17.3779C10.2502125,17.4076,10.0124125,17.4225,9.7596625,17.4225ZM21.3846125,20.1727L21.9792125,22.1349L19.8237125,20.9457C19.0358125,21.1389,18.2479125,21.3471,17.4601125,21.3471C13.7139125,21.3471,10.7557125,18.7902,10.7557125,15.6238C10.7557125,12.4723,13.7139125,9.90051,17.4600125,9.90051C20.9981125,9.90051,24.1496125,12.4723,24.1496125,15.6238C24.1347125,17.4225,22.9603125,18.9983,21.3846125,20.1727Z" fill="#FF292B" fill-opacity="1"/></g><g><path d="M5.843109999999999,10.59365C5.87748,11.04857,5.92905,11.5078,5.9462399999999995,11.964870000000001C5.97847,12.81649,5.64329,13.49347,4.95359,13.98935C4.42288,14.37096,3.84061,14.64909,3.20463,14.80001C2.461211,14.97464,1.842415,14.36234,2.0357888,13.62068C2.145367,13.1981,2.287175,12.7669,2.506332,12.39391C3.05208,11.47114,3.38726,10.47076,3.66013,9.444510000000001C3.70955,9.25262,3.7782999999999998,9.06289,3.86425,8.88395C4.0125,8.57348,4.34983,8.41394,4.67427,8.51096C4.9084699999999994,8.58211,5.13622,8.681280000000001,5.35323,8.79771C5.6991499999999995,8.97881,6.03648,9.18579,6.37596,9.38198C6.58437,9.15776,6.78419,8.9206,7.0012,8.705C7.76181,7.94824,8.698599999999999,7.46746,9.654720000000001,7.02332C11.1523,6.32909,12.6928,5.7405,14.3129,5.402008C15.0627,5.246777,15.8298,5.145445,16.5947,5.0872327C17.5079,5.0182407,18.4253,4.9837447,19.3385,5.00746072C20.5245,5.0354887,21.6933,5.192877,22.7762,5.7405C23.3606,6.03587,23.8505,6.44336,23.9558,7.11172C24.0289,7.57957,24.0009,8.07545,23.9472,8.551919999999999C23.8591,9.360420000000001,23.5304,10.10424,23.2102,10.83944C23.1243,11.03348,22.9008,11.18871,22.7096,11.30298C22.2197,11.58972,21.674,11.738489999999999,21.1196,11.84413C19.5576,12.14382,18.0235,12.01014,16.5302,11.47114C15.6429,11.152059999999999,14.9274,10.569939999999999,14.2764,9.90373C14.2076,9.83474,14.1539,9.74203,14.0701,9.70323C13.982,9.66011,13.8423,9.62561,13.78,9.66873C13.7156,9.71401,13.6769,9.862770000000001,13.6941,9.951170000000001C13.7177,10.056809999999999,13.7972,10.16245,13.8746,10.24654C14.82,11.27279,15.9716,11.960560000000001,17.3274,12.27533C18.9474,12.65048,20.561,12.631070000000001,22.151,12.1007C22.2412,12.070509999999999,22.3315,12.03602,22.4195,11.995049999999999C22.5055,11.956240000000001,22.5893,11.908809999999999,22.7075,11.88941C22.5313,12.14597,22.3658,12.40685,22.1832,12.656939999999999C20.9499,14.31706,19.3664,15.4856,17.3703,16.0699C16.0962,16.4429,14.8221,16.389,13.5544,16.0807C11.43806,15.5632,9.49358,14.67065,7.81767,13.24769C7.29556,12.805710000000001,6.80353,12.327079999999999,6.45975,11.72555C6.32654,11.49486,6.21481,11.242609999999999,6.15036,10.988199999999999C6.10094,10.77907,6.01714,10.647549999999999,5.843109999999999,10.59365ZM21.2529,5.520588C21.0079,5.544304,20.7587,5.552928,20.5159,5.591736C20.1399,5.652104,19.7811,5.774996,19.4824,6.02294C19.2181,6.23854,19.2482,6.55116,19.5426,6.71717C19.6608,6.78185,19.794,6.83144,19.9229,6.8659300000000005C20.518,7.02979,21.1239,6.98667,21.7256,6.91983C22.035,6.88534,22.3401,6.78616,22.6301,6.67405C22.8299,6.59643,22.9803,6.42395,22.9717,6.17817C22.961,5.943164,22.7719,5.85908,22.6,5.777152C22.1768,5.5788,21.7191,5.522744,21.2529,5.520588ZM14.1883,8.27595C14.5449,8.27595,14.8221,8.0237,14.8221,7.706770000000001C14.82,7.3919999999999995,14.5277,7.13112,14.184,7.13328C13.8252,7.1354299999999995,13.5566,7.38337,13.5544,7.706770000000001C13.5544,8.0237,13.8316,8.2738,14.1883,8.27595ZM16.949199999999998,21.9859C16.7838,21.9859,16.6248,21.9967,16.470100000000002,21.9816C16.4271,21.9773,16.3691,21.904,16.3562,21.8501C16.2402,21.3974,16.1435,20.936,16.0167,20.4854C15.9695,20.3086,15.8792,20.1383,15.7761,19.9852C15.6214,19.7502,15.3593,19.72,15.1852,19.9399C15.0155,20.1512,14.8651,20.3905,14.7598,20.6428C14.6072,21.0093,14.4955,21.3952,14.3881,21.7811C14.343,21.9407,14.2871,22.0226,14.1131,21.9946C14.0142,21.9795,13.9089,21.9924,13.7865,21.9924C13.8123,21.3327,13.8337,20.694499999999998,13.8595,19.996000000000002C13.7048,20.0736,13.5867,20.1124,13.4964,20.1814C13.288,20.3495,13.0817,20.5242,12.8948,20.713900000000002C12.5532,21.0632,12.2223,21.4254,11.89141,21.7876C11.683,22.014,11.60995,22.0377,11.25113,21.9536C11.67441,21.2313,12.0955,20.5156,12.5295,19.7847C12.1127,19.663899999999998,11.74961,19.4979,11.59491,19.0689C11.49607,18.8015,11.51111,18.5385,11.62069,18.2625C11.64647,18.3552,11.66581,18.4523,11.69374,18.545C11.8334,19.0258,12.2545,19.2759,12.7294,19.1314C12.8518,19.092599999999997,12.9872,18.991300000000003,13.056,18.8813C13.4728,18.2065,13.8746,17.523,14.2699,16.837400000000002C14.343,16.712400000000002,14.416,16.6887,14.5514,16.712400000000002C15.2046,16.8159,15.8577,16.9129,16.5152,16.7404C16.6592,16.7016,16.7967,16.641199999999998,16.949199999999998,16.5873L16.949199999999998,21.9859Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/register/pinduoduo.svg b/src/assets/register/pinduoduo.svg
new file mode 100644
index 0000000..ebeb5d3
--- /dev/null
+++ b/src/assets/register/pinduoduo.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="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="master_svg0_560_004633"><rect x="0" y="0" width="26" height="26" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_560_004633)"><g><rect x="1" y="4" width="24" height="20" rx="0" fill="#FF4D4F" fill-opacity="1"/></g><g><path d="M21.7860125,0L4.2147825,0C1.8957325,0,0.007812797353,1.88795,0.007812797353,4.22185L0.007812797353,21.7633C0.007812797353,24.0972,1.8957325,25.9851,4.2147825,25.9851L21.7860125,25.9851C24.1050125,25.9851,25.9929125,24.0972,25.9929125,21.7633L25.9929125,4.22185C25.9929125,1.90277,24.1050125,0,21.7860125,0ZM9.7596625,17.4225C8.7785225,17.4225,7.9906525,17.2144,6.9946525,17.0212L4.2445225,18.4036L5.0323925,16.04C3.0552725,14.6575,1.8808825,12.8736,1.8808825,10.7181C1.8808825,6.97196,5.4337625,4.0137,9.7596625,4.0137C13.6396125,4.0137,17.0289125,6.37731,17.7128125,9.54373C17.4604125,9.51401,17.2072125,9.49912,16.9546125,9.49912C13.2085125,9.49912,10.2502125,12.2939,10.2502125,15.7278C10.2502125,16.3076,10.3394125,16.8576,10.4881125,17.3779C10.2502125,17.4076,10.0124125,17.4225,9.7596625,17.4225ZM21.3846125,20.1727L21.9792125,22.1349L19.8237125,20.9457C19.0358125,21.1389,18.2479125,21.3471,17.4601125,21.3471C13.7139125,21.3471,10.7557125,18.7902,10.7557125,15.6238C10.7557125,12.4723,13.7139125,9.90051,17.4600125,9.90051C20.9981125,9.90051,24.1496125,12.4723,24.1496125,15.6238C24.1347125,17.4225,22.9603125,18.9983,21.3846125,20.1727Z" fill="#FF4D4F" fill-opacity="1"/></g><g><path d="M6.4,4.517773C6.62129,4.324414,6.85977,4.152539,7.11328,4L7.11328,11.37558C6.01328,10.6,4.97988,9.75781,3.87988,8.980080000000001C3.2332,8.52676,2.650977,8.07559,2.00429687,7.62227C3.49102,6.58887,4.91758,5.55117,6.4043,4.517773L6.4,4.517773ZM4.91328,6.26445C4.91328,6.459960000000001,4.84668,6.58887,4.84668,6.78223C4.78008,6.97773,5.04219,7.23555,4.84668,7.42891C4.71777,7.75332,4.58887,8.01113,4.459960000000001,8.271090000000001C4.389060000000001,8.36777,4.389060000000001,8.49883,4.459960000000001,8.59551C4.52656,8.724409999999999,4.71777,8.66211,4.84668,8.66211C4.97559,8.72871,5.04219,8.79101,5.1710899999999995,8.79101C5.3,8.79101,5.3666,8.724409999999999,5.4955099999999995,8.724409999999999C5.62441,8.724409999999999,5.75332,8.79101,5.81992,8.724409999999999C5.88652,8.724409999999999,5.94883,8.65781,6.07773,8.59551L6.4,8.59551C6.52891,8.52891,6.52891,8.33769,6.4666,8.20879C6.2582,8.00039,6.08418,7.75976,5.94883,7.4955099999999995C5.75332,7.237690000000001,6.07773,6.91328,5.94883,6.65332C5.88223,6.58672,5.88223,6.39551,5.88223,6.2666L5.75332,6.2666C5.69961,6.43418,5.58359,6.57383,5.42891,6.65332C5.26133,6.59961,5.12168,6.4835899999999995,5.04219,6.3289100000000005C5.04219,6.2623,4.97559,6.2623,4.91328,6.2623L4.91328,6.26445ZM7.5,4.00214844C8.14668,4.455469,8.79551,4.90664,9.50449,5.35996L12.8045,7.68887C12.6842,7.75762,12.5746,7.8457,12.4801,7.946680000000001C10.8623,9.04668,9.24668,10.213280000000001,7.5623,11.313279999999999C7.5,8.91777,7.5,6.459960000000001,7.5,4.00214844ZM8.017769999999999,6.78437C8.08867,6.94336,8.17676,7.0959,8.275590000000001,7.237690000000001C8.34219,7.237690000000001,8.40449,7.1710899999999995,8.47109,7.1710899999999995L8.47109,8.724409999999999C9.051169999999999,8.78887,9.637699999999999,8.78887,10.21777,8.724409999999999C10.25,8.20664,10.25,7.68887,10.21777,7.1710899999999995C10.28437,7.1710899999999995,10.34668,7.237690000000001,10.41328,7.237690000000001C10.55723,7.0916,10.66895,6.915430000000001,10.73769,6.71992C10.41328,6.65332,10.09101,6.46211,9.7666,6.39551C9.697849999999999,6.58887,9.51738,6.71777,9.313279999999999,6.71992C9.11777,6.71992,8.98887,6.52441,8.92656,6.39551C8.60859,6.48574,8.30566,6.61465,8.02207,6.78223L8.017769999999999,6.78437ZM13.1934,7.75547C14.9422,6.459960000000001,16.755499999999998,5.23105,18.5,4.00214844L18.5,11.31543C16.7533,10.14668,14.9422,8.91777,13.1955,7.75547L13.1934,7.75547ZM16.0379,6.2666C15.9412,6.58242,15.9412,6.92187,16.0379,7.237690000000001C16.166800000000002,7.5621100000000006,16.4912,7.75547,16.6846,8.01328C16.813499999999998,8.14219,16.7512,8.33769,16.7512,8.4666C16.5664,8.52676,16.392400000000002,8.6127,16.2334,8.724409999999999L17.4,8.724409999999999C17.2045,8.65781,17.0756,8.52891,16.882199999999997,8.4666C16.882199999999997,8.33769,16.8156,8.07988,16.9488,8.01328C17.2303,7.817769999999999,17.453699999999998,7.54922,17.5955,7.237690000000001C17.7244,6.91328,17.5955,6.59102,17.5289,6.2666L16.0379,6.2666ZM18.8244,4.00214844L20.1822,4.973242C21.2822,5.74883,22.3156,6.459960000000001,23.4156,7.23984L23.9979,7.62656C22.2512,8.85547,20.5689,10.08437,18.8223,11.37988L18.8223,4.00214844L18.8244,4.00214844ZM19.7955,6.00664C19.8514,6.24512,20.0211,6.43848,20.2488,6.52441L20.6355,6.52441C20.5689,6.39551,20.5689,6.2,20.44,6.13769C20.2467,5.94004,19.9867,6.00664,19.7955,6.00664ZM20.8289,6.20215C20.7494,6.30098,20.685,6.410550000000001,20.6334,6.52656C20.7623,6.52656,20.9578,6.52656,21.0201,6.459960000000001C21.0996,6.36113,21.1662,6.25156,21.2156,6.13555C21.0846,6.1248000000000005,20.9514,6.14844,20.8289,6.20215ZM20.4422,6.65547C19.8428,6.75215,19.4346,7.31719,19.5312,7.9166C19.5334,7.92734,19.5355,7.94023,19.5377,7.9509799999999995C19.6258,8.51172,20.135,8.907029999999999,20.7,8.85547C20.9965,8.82109,21.2693,8.683589999999999,21.4756,8.46875C21.7312,8.137889999999999,21.8043,7.69961,21.6711,7.30215C21.4348,6.85098,20.9449,6.59316,20.4422,6.65547ZM19.0178,11.70215C20.7,10.47324,22.3178,9.30664,24,8.077729999999999L24,15.391C22.3178,14.16,20.7,12.99336,19.0178,11.76445C19.0178,11.76445,18.9512,11.697849999999999,19.0178,11.697849999999999L19.0178,11.70215ZM21.6711,10.98887C21.2457,11.042580000000001,20.8805,11.313279999999999,20.7,11.70215C20.6334,11.959959999999999,20.8955,12.08887,21.0244,12.28437C21.2264,12.45625,21.4734,12.56797,21.7377,12.60879C21.9225,12.75273,22.1158,12.88164,22.3199,12.99551C22.3736,12.82793,22.3951,12.6539,22.3865,12.47773C22.6121,12.34238,22.8291,12.18984,23.0332,12.02441C23.2287,12.09101,23.3576,12.28222,23.4865,12.34883C23.5531,12.34883,23.682,12.34883,23.682,12.28222C23.6691,12.12324,23.6262,11.9707,23.5531,11.82891C23.6348,11.6914,23.6777,11.53457,23.682,11.37558C23.682,11.24668,23.5531,11.18008,23.4242,11.24668C23.2867,11.31973,23.1729,11.433589999999999,23.0998,11.57109C22.842,11.44219,22.6465,11.24668,22.3865,11.11777L22.3865,10.6C22.0621,10.6,21.8687,10.85781,21.6732,10.98672L21.6711,10.98887ZM2,8.14219C3.6822299999999997,9.371089999999999,5.3,10.53769,6.98223,11.7666C7.04883,11.7666,6.98223,11.8332,6.98223,11.8332C5.3,12.99551,3.6822299999999997,14.2266,2,15.3889L2,8.14219ZM3.48672,10.666599999999999C3.4373,10.78262,3.3707000000000003,10.89219,3.29121,10.99101C3.22891,11.070509999999999,3.13437,11.11777,3.0334000000000003,11.11992C2.859375,11.26172,2.762695,11.47656,2.775586,11.7C2.7111330000000002,11.91055,2.7111330000000002,12.13613,2.775586,12.34668C2.794922,12.54219,2.966797,12.68613,3.1623,12.67109L4.64902,12.67109C4.76934,12.66894,4.88535,12.62383,4.97344,12.54219C5.10234,12.41328,5.040039999999999,12.15547,5.040039999999999,11.959959999999999C5.01426,11.69355,4.94766,11.43144,4.84453,11.184370000000001C4.71133,11.10488,4.5802700000000005,11.01894,4.45781,10.92656C4.39766,10.705269999999999,4.22578,10.53125,4.0044900000000005,10.47324C3.81543,10.477540000000001,3.63496,10.546289999999999,3.48672,10.666599999999999ZM10.99336,10.213280000000001C11.25117,9.88887,11.31777,9.5,11.51113,9.17988C11.68945,9.49141,11.83984,9.81582,11.96445,10.15098C12.0934,10.15098,12.2223,10.21758,12.4178,10.21758L12.4178,10.60215C12.6133,10.53555,12.8045,10.53555,13.0645,10.47324C12.9355,10.019919999999999,12.74,9.56875,12.6111,9.17773C13.0645,9.37324,13.4533,9.50215,13.84,9.695509999999999C13.7111,9.95332,13.6445,10.27773,13.5156,10.6C13.7111,10.5334,13.9023,10.5334,14.0334,10.47109C14.1,10.47109,14.1,10.40449,14.1623,10.34219C14.3406,9.96406,14.4932,9.57519,14.6156,9.17559C14.94,9.371089999999999,15.1979,9.628910000000001,15.5201,9.82226L15.3246,10.017769999999999C15.1291,10.213280000000001,14.8713,10.34219,14.6779,10.53555L15.5201,10.53555C15.5867,10.73105,15.649,10.98887,15.7156,11.18223L15.2021,11.18223C15.1355,11.44004,15.0732,11.7,15.0066,12.02441C15.2516,12.05879,15.49,12.12539,15.7199,12.21992C15.8445,12.41758,15.9326,12.63672,15.9777,12.8666C15.7199,12.9332,15.3955,12.9332,15.1355,12.99551L14.94,14.3533C14.8047,14.4822,14.6521,14.5918,14.4867,14.6777C14.3578,14.0955,14.2912,13.51113,14.1623,12.93105C13.9646,12.94179,13.7691,12.91816,13.5801,12.86445C13.4512,13.31777,13.3846,13.83555,13.2557,14.2889C13.1268,14.4844,12.9313,14.4844,12.7379,14.6133C12.7486,14.0525,12.7271,13.48965,12.6713,12.93105C12.5381,12.93965,12.4049,12.91816,12.2846,12.86445C12.218,12.66894,12.1557,12.54004,12.0891,12.34668C11.83125,12.60449,11.89355,12.99336,11.83125,13.31777C11.76465,13.77109,11.70234,14.2223,11.63574,14.6133C11.2748,14.3748,10.93105,14.117,10.60234,13.83769C10.79785,13.77109,11.05566,13.70879,11.24902,13.64219C11.18242,13.31777,11.18242,12.99551,11.12012,12.67109C10.99121,12.73769,10.8623,12.8666,10.7334,12.92891C10.60449,12.60449,10.53789,12.21562,10.40898,11.89551C10.65176,11.88906,10.89238,11.84609,11.12226,11.7666C11.12226,11.508790000000001,11.05566,11.313279999999999,11.05566,11.05332C10.98906,11.05332,10.92676,10.98672,10.86016,10.98672C10.71621,10.780470000000001,10.5873,10.56348,10.47344,10.34004C10.65391,10.335740000000001,10.83008,10.29062,10.99121,10.21113L10.99336,10.213280000000001ZM11.8334,11.831050000000001L12.4801,11.831050000000001L12.2846,12.21777L12.8668,12.02227C12.8002,11.82676,12.8002,11.56894,12.7379,11.37558C12.609,11.30898,12.4801,11.30898,12.3512,11.24668C12.2223,11.11777,12.2223,10.98887,12.1557,10.859960000000001C11.89785,11.05547,11.89785,11.44219,11.83125,11.831050000000001L11.8334,11.831050000000001ZM13.709,11.313279999999999C13.6424,11.57109,13.6424,11.831050000000001,13.5801,12.08887C13.8379,12.02227,14.0334,12.02227,14.2934,11.959959999999999C14.2934,11.70215,14.2268,11.44219,14.2268,11.24668C14.0506,11.23808,13.8766,11.25957,13.709,11.313279999999999ZM3.80898,10.666599999999999C4.0044900000000005,10.6,4.1957,10.79551,4.2623,10.99101L3.48672,10.99101C3.61562,10.862110000000001,3.6822299999999997,10.7332,3.81113,10.666599999999999L3.80898,10.666599999999999ZM13.4533,15.8422L18.5,12.15547L18.5,19.531100000000002L16.9467,18.3645C15.7801,17.5223,14.6178,16.617800000000003,13.4512,15.84L13.4533,15.8422ZM16.4955,14.3555C16.4289,14.4844,16.4289,14.6799,16.3666,14.8088C16.4955,14.7422,16.6244,14.7422,16.7533,14.6799C16.9768,14.6283,17.2131,14.6756,17.4,14.8088C17.333399999999997,14.6799,17.333399999999997,14.4844,17.2711,14.3555L16.4955,14.3555ZM16.6244,14.9377C16.362299999999998,15.015,16.1496,15.2041,16.0422,15.4555C15.9391,15.8293,16.098,16.2268,16.4289,16.4266C16.7447,16.6113,17.1443,16.5576,17.4,16.2977C17.7244,16.0248,17.767400000000002,15.5414,17.494500000000002,15.217C17.4172,15.1225,17.316200000000002,15.0494,17.2045,15.0021C17.009,14.8732,16.8178,14.9355,16.6223,14.9355L16.6244,14.9377ZM16.3666,16.6199C16.4332,16.7488,16.4332,16.9443,16.4955,17.0732L17.2088,17.0732C17.2604,16.925,17.3033,16.7725,17.337699999999998,16.6199C17.0777,16.8154,16.691000000000003,16.750999999999998,16.3666,16.6199ZM18.8244,12.09101C20.5711,13.31777,22.2533,14.4844,24,15.7133L21.2822,17.6555C20.5066,18.2377,19.6645,18.8221,18.8867,19.4021C18.8223,17.0066,18.8223,14.5467,18.8223,12.08887L18.8244,12.09101ZM20.5066,14.1621L20.5066,14.6799L20.7,14.6799C20.7666,14.551,20.7,14.4844,20.7,14.3555C20.8289,14.16,20.5711,14.2266,20.5045,14.16L20.5066,14.1621ZM19.7955,14.2287L19.7955,14.682C19.8621,14.682,19.9244,14.7486,19.991,14.7486C19.9244,14.5531,20.1199,14.2309,19.7955,14.2309L19.7955,14.2287ZM21.2822,14.2287C21.2156,14.3576,21.2822,14.4865,21.2822,14.6154C21.2822,14.682,21.4777,14.682,21.4777,14.6154C21.5443,14.4865,21.4777,14.3576,21.4777,14.2287L21.2822,14.2287ZM19.6,14.9355L19.6,16.8111C19.6,16.8777,19.7289,16.939999999999998,19.7955,16.939999999999998L21.2822,16.939999999999998C21.4111,16.939999999999998,21.54,17.0066,21.6066,16.8734C21.6604,16.750999999999998,21.6818,16.617800000000003,21.6732,16.4867C21.8021,16.420099999999998,21.8687,16.420099999999998,21.9977,16.357799999999997C22.2018,16.209600000000002,22.2576,15.9281,22.1266,15.7111C21.9977,15.5457,21.815,15.4297,21.6088,15.3867L21.6088,14.9355L19.6,14.9355ZM2,15.7133C3.6822299999999997,14.5467,5.3666,13.31777,7.11328,12.15547L7.11328,19.4666C6.07988,18.7533,5.10879,17.9799,4.07109,17.2C3.3578099999999997,16.6844,2.64668,16.231099999999998,2,15.7133ZM6.27109,14.4844C6.14219,14.6799,5.946680000000001,14.8088,5.8843700000000005,15.0021C5.68887,15.3266,5.62656,15.7154,5.3666,16.0355C4.97988,16.1645,4.46211,16.1645,4.137700000000001,16.5533C4.51582,16.8154,4.9949200000000005,16.8863,5.433199999999999,16.7488C5.69102,16.6822,5.75762,16.4244,5.81992,16.231099999999998C5.84785,15.984,5.96172,15.7541,6.14434,15.5844C6.21094,15.5178,6.27324,15.651,6.27324,15.7133L6.27324,16.813299999999998L6.4,16.813299999999998C6.4,16.4266,6.3334,15.9711,6.52891,15.5844C6.63848,15.3889,6.68359,15.1611,6.65781,14.9377C6.58477,14.7465,6.44727,14.5875,6.27109,14.4844ZM7.5,12.15547C8.5334,12.86875,9.50449,13.57988,10.47559,14.3555C11.12226,14.8732,11.8334,15.3266,12.4801,15.8422C10.8,17.0711,9.11777,18.3021,7.5,19.531100000000002L7.5,12.15547ZM8.92441,14.551C8.79551,14.6176,8.79551,14.7465,8.666599999999999,14.8088C8.49258,14.798,8.316410000000001,14.8217,8.14883,14.8754C8.08223,14.8754,8.019919999999999,15.0043,8.019919999999999,15.0709L8.019919999999999,16.5576C8.019919999999999,16.686500000000002,8.21543,16.686500000000002,8.27773,16.686500000000002L10.41113,16.686500000000002C10.54004,16.686500000000002,10.54004,16.5576,10.54004,16.4287L10.54004,14.9355C10.36387,14.8324,10.15977,14.7873,9.95781,14.8066C9.880469999999999,14.6863,9.7666,14.5961,9.6334,14.5488L8.92441,14.551ZM7.69551,19.788899999999998C9.44219,18.560000000000002,11.12441,17.3311,12.8711,16.1645L12.8711,20.0467C12.9377,21.2133,12.8711,22.3756,12.8711,23.4756C11.64219,22.6334,10.47559,21.7289,9.24668,20.8889C8.728909999999999,20.5021,8.14668,20.1133,7.69336,19.788899999999998L7.69551,19.788899999999998ZM10.92891,18.3645L11.18672,18.3645C11.12012,18.297800000000002,11.12012,18.235500000000002,11.05781,18.235500000000002L10.92891,18.3645ZM10.02441,18.9467C9.85684,19.185200000000002,9.72578,19.4451,9.637699999999999,19.7223C9.7043,19.7223,9.8332,19.6557,9.89551,19.6557C10.09101,19.6557,10.28223,19.7223,10.41328,19.6557C10.55723,19.5912,10.72266,19.5912,10.8666,19.6557C10.87734,20.0037,10.85586,20.3518,10.8,20.6955C10.8,20.8244,10.60449,20.8244,10.54219,20.8244L10.34668,20.4377C10.28008,20.5043,10.21777,20.5043,10.21777,20.5666C10.18984,20.7943,10.3252,21.0092,10.54219,21.0844C10.78496,21.1596,11.04492,21.0221,11.12012,20.7793L11.12656,20.76L11.12656,19.66C11.32207,19.617,11.52832,19.6406,11.70879,19.726599999999998C11.94082,19.662100000000002,12.1879,19.662100000000002,12.4221,19.726599999999998C12.3812,19.4645,12.2695,19.217399999999998,12.0977,19.0133C11.9752,18.869300000000003,11.81836,18.7576,11.64434,18.6889C11.12441,18.3129,10.40039,18.4289,10.02441,18.9467ZM13.1955,16.166600000000003C14.9422,17.3955,16.6244,18.5621,18.3711,19.791C16.6889,21.0199,14.9422,22.3154,13.2578,23.5443C13.1934,21.0199,13.1934,18.5621,13.1934,16.1709L13.1955,16.166600000000003ZM14.8777,18.2377C14.8111,18.304299999999998,14.8111,18.4332,14.6822,18.4332C14.4867,18.5621,14.2955,18.7576,14.1,18.886499999999998C14.1752,18.9381,14.2676,18.9617,14.3578,18.9531L15.7822,18.9531C15.6533,18.7576,15.4578,18.6953,15.3289,18.5664C15.1334,18.4375,15.0045,18.3086,14.8756,18.242L14.8777,18.2377ZM14.1,19.2066L14.1,20.5644C14.1,20.6311,14.1,20.76,14.2289,20.76L15.7156,20.76C15.7693,20.5709,15.7908,20.3732,15.7822,20.1777L15.7822,19.2066C15.7822,19.14,15.6533,19.14,15.5867,19.14C15.0904,19.1271,14.5941,19.148600000000002,14.1,19.2066Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/register/taobao.svg b/src/assets/register/taobao.svg
new file mode 100644
index 0000000..d330f5c
--- /dev/null
+++ b/src/assets/register/taobao.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="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="master_svg0_163_65485"><rect x="0" y="0" width="26" height="26" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_163_65485)"><g><rect x="1" y="4" width="24" height="20" rx="0" fill="#FB832D" fill-opacity="1"/></g><g><path d="M21.7860125,0L4.2147825,0C1.8957325,0,0.007812797353,1.88795,0.007812797353,4.22185L0.007812797353,21.7633C0.007812797353,24.0972,1.8957325,25.9851,4.2147825,25.9851L21.7860125,25.9851C24.1050125,25.9851,25.9929125,24.0972,25.9929125,21.7633L25.9929125,4.22185C25.9929125,1.90277,24.1050125,0,21.7860125,0ZM9.7596625,17.4225C8.7785225,17.4225,7.9906525,17.2144,6.9946525,17.0212L4.2445225,18.4036L5.0323925,16.04C3.0552725,14.6575,1.8808825,12.8736,1.8808825,10.7181C1.8808825,6.97196,5.4337625,4.0137,9.7596625,4.0137C13.6396125,4.0137,17.0289125,6.37731,17.7128125,9.54373C17.4604125,9.51401,17.2072125,9.49912,16.9546125,9.49912C13.2085125,9.49912,10.2502125,12.2939,10.2502125,15.7278C10.2502125,16.3076,10.3394125,16.8576,10.4881125,17.3779C10.2502125,17.4076,10.0124125,17.4225,9.7596625,17.4225ZM21.3846125,20.1727L21.9792125,22.1349L19.8237125,20.9457C19.0358125,21.1389,18.2479125,21.3471,17.4601125,21.3471C13.7139125,21.3471,10.7557125,18.7902,10.7557125,15.6238C10.7557125,12.4723,13.7139125,9.90051,17.4600125,9.90051C20.9981125,9.90051,24.1496125,12.4723,24.1496125,15.6238C24.1347125,17.4225,22.9603125,18.9983,21.3846125,20.1727Z" fill="#FB832D" fill-opacity="1"/></g><g><path d="M5.57036,5.294376C6.58904,5.294376,7.41797,6.0477799999999995,7.41797,6.98081C7.41797,7.91384,6.58904,8.66724,5.57036,8.66724C4.5417000000000005,8.66724,3.71278,7.90885,3.71278,6.98081C3.71777,6.04279,4.5417000000000005,5.294376,5.57036,5.294376ZM7.11336,15.4279C6.624,16.9647,6.74884,16.395899999999997,4.80636,20.681800000000003L2,18.9006Q5.1409199999999995,16.0017,5.7800899999999995,14.67453Q6.4642,13.27749,5.0210799999999995,12.53406L2.863878,11.17194L4.03735,9.34581C5.66025,10.57321,5.7800899999999995,10.673,6.87367,11.79063C7.72257,12.663789999999999,7.61271,13.86126,7.11336,15.4279ZM22.4085,17.4287Q21.8592,22.6527,15.1629,20.7068L15.5274,19.209899999999998L17.080399999999997,19.5442Q19.9467,19.7288,19.6671,17.1892L19.6671,9.79985C19.687,6.9907900000000005,17.0654,6.69641,12.3516,8.40779L13.4451,8.71215C13.3553,9.03646,13.0007,9.550370000000001,12.5413,10.10919L18.8481,10.10919L18.8481,11.40645L15.3027,11.40645L15.3027,13.02303L18.8381,13.02303L18.8381,14.32029L15.3027,14.32028L15.3027,17.029600000000002C15.837,16.8549,16.3264,16.6104,16.750799999999998,16.286099999999998L16.4413,15.1086L18.1091,14.57973L19.5023,18.032400000000003L17.4499,18.9006L17.0854,17.5235C16.166600000000003,18.237000000000002,14.2641,19.2698,10.9334,19.175Q7.38301,19.2698,8.29682,15.1086L8.38671,15.0637L10.88846,15.0637C10.86849,15.5976,10.65376,16.4707,10.94838,16.944699999999997C11.19306,17.3339,11.81725,17.3988,12.2117,17.4237C12.2567,17.4287,12.3066,17.4287,12.3466,17.4287L12.3466,14.32528L8.731259999999999,14.32528L8.731259999999999,13.02802L12.3466,13.02802L12.3466,11.411439999999999L11.40779,11.411439999999999Q10.59384,12.28459,9.84981,13.01305L8.75623,12.0451C9.535219999999999,11.21186,10.30921,9.894639999999999,10.78859,9.02149C10.39909,9.18116,9.99961,9.355789999999999,9.585149999999999,9.535409999999999C9.18567,10.0593,8.72127,10.588180000000001,8.20195,11.11706Q8.22192,11.142009999999999,6.40927,10.084240000000001Q8.27685,8.46766,9.32549,5L11.92711,5.738437Q11.71738,6.25235,11.26797,7.035690000000001Q21.6645,4.047016,22.2787,8.86682Q22.9528,12.199770000000001,22.4085,17.4287Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index b8f9711..34c7701 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -101,6 +101,28 @@ const routes = [{
     }
   },
   {
+    path: '/agent/SitePersonalization',
+    name: '个性化设置',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/SitePersonalization.vue')
+  },
+  {
+    path: '/agent/payList',
+    isFirst: true,
+    name: '收款方式',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/payList.vue'),
+    meta: {
+      title: '收款方式',
+      breadcrumbParent: '首页',
+      hideBreadcrumb: true // 一级页面不显示面包屑
+    }
+  },
+  {
     path: '/franchise',
     name: '加盟',
     component: () => import( /* webpackChunkName: "franchise" */ '../views/Franchise.vue'),
diff --git a/src/store/index.js b/src/store/index.js
index 003030e..208fceb 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -133,6 +133,17 @@ export default new Vuex.Store({
             path: '/franchise'
           }
         ]
+      },
+      {
+        index: '4',
+        title: '财务',
+        icon: 'Totalprofit',
+        children: [{
+            index: '3-1',
+            title: '收款方式',
+            path: '/agent/payList'
+          },
+        ]
       }
     ],
     siteSettingData1:[
diff --git a/src/views/agent/payList.vue b/src/views/agent/payList.vue
new file mode 100644
index 0000000..91ab7e0
--- /dev/null
+++ b/src/views/agent/payList.vue
@@ -0,0 +1,683 @@
+<template>
+    <div class="main-content12">
+        <div class="pageheader">
+            <div class="pageheader-title">
+                <h3>收款列表</h3>
+            </div>
+            
+            <div class="button-group">
+                <GuipButton :key="item.type" v-for="item in addablePays" :btnstyle="{ width: '150px', height: '33px' }" @click="showAddPaymentMethodDialog(item.type, item.type_desc)">添加{{ item.type_desc }}</GuipButton>
+            </div>
+        </div>
+        <!-- 支付宝 -->
+        <div class="register-wrap">
+            <div class="step3-wrap">
+                <div class="step3-top flex-common">
+                    <h3 class="flex gap8">
+                    <img src="@/assets/register/zhifubao.svg" alt="">
+                    支付宝收款</h3>
+                </div>
+                <div>
+                    <div class="flex-common table-wrap">
+                        <el-form>
+                            <GuipTable :border="true" :tableData="payList[3]" :loading="tableLoading">
+                              <el-table-column prop="short_name" fixed="left" label="公司简称"></el-table-column>
+                              <el-table-column prop="account" label="账号"></el-table-column>
+                              <el-table-column prop="expires_time" label="有效期" min-width="30px"></el-table-column>
+                              <el-table-column prop="is_auto_refund" fixed="right" label="授权平台退款" min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.is_auto_refund" active-value="1" inactive-value="0" @change="updateAutoRefund(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column prop="status" fixed="right" label="启用状态"  min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column label="操作" fixed="right" min-width="30px">
+                                  <template slot-scope="scope">
+                                  <div class="flex">
+                                      <el-button @click="handleClick(scope.row)" type="text">设置</el-button>
+                                  </div>
+                                  </template>
+                              </el-table-column>
+                            </GuipTable>
+                        </el-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 微信 -->
+        <div class="register-wrap">
+            <div class="step3-wrap">
+                <div class="step3-top flex-common">
+                    <h3 class="flex gap8">
+                    <img src="@/assets/register/weixin.svg" alt="">
+                    微信收款</h3>
+                </div>
+                <div>
+                    <div class="flex-common table-wrap">
+                        <el-form>
+                            <GuipTable :border="true" :tableData="payList[2]" :loading="tableLoading">
+                              <el-table-column prop="short_name" fixed="left" label="公司简称"></el-table-column>
+                              <el-table-column prop="account" label="账号"></el-table-column>
+                              <el-table-column prop="expires_time" label="有效期" min-width="30px"></el-table-column>
+                              <el-table-column prop="is_auto_refund" fixed="right" label="授权平台退款" min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.is_auto_refund" active-value="1" inactive-value="0" @change="updateAutoRefund(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column prop="status" fixed="right" label="启用状态"  min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column label="操作" fixed="right" min-width="30px">
+                                  <template slot-scope="scope">
+                                  <div class="flex">
+                                      <el-button @click="handleClick(scope.row)" type="text">设置</el-button>
+                                  </div>
+                                  </template>
+                              </el-table-column>
+                            </GuipTable>
+                        </el-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 淘宝 -->
+        <div class="register-wrap">
+            <div class="step3-wrap">
+                <div class="step3-top flex-common">
+                    <h3 class="flex gap8">
+                    <img src="@/assets/register/taobao.svg" alt="">
+                    淘宝/天猫店铺</h3>
+                </div>
+                <div>
+                    <div class="flex-common table-wrap">
+                        <el-form>
+                            <GuipTable :border="true" :tableData="payList[0]" :loading="tableLoading">
+                              <el-table-column prop="short_name" fixed="left" label="公司简称"></el-table-column>
+                              <el-table-column prop="account" label="账号"></el-table-column>
+                              <el-table-column prop="expires_time" label="有效期" min-width="50px">
+                                <template slot-scope="scope">
+                                  <span v-if="scope.row.is_expired==true" class="red">授权过期</span>
+                                  <span v-else>{{ scope.row.expires_time }}</span>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="status" fixed="right" label="启用状态"  min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column label="操作" fixed="right" min-width="30px">
+                                  <template slot-scope="scope">
+                                  <div class="flex">
+                                      <el-button @click="handleClick(scope.row)" type="text">设置</el-button>
+                                  </div>
+                                  </template>
+                              </el-table-column>
+                            </GuipTable>
+                        </el-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 拼多多 -->
+        <div class="register-wrap">
+            <div class="step3-wrap">
+                <div class="step3-top flex-common">
+                    <h3 class="flex gap8">
+                    <img src="@/assets/register/pinduoduo.svg" alt="">
+                    拼多多店铺</h3>
+                </div>
+                <div>
+                    <div class="flex-common table-wrap">
+                        <el-form>
+                            <GuipTable :border="true" :tableData="payList[11]" :loading="tableLoading">
+                              <el-table-column prop="short_name" fixed="left" label="公司简称"></el-table-column>
+                              <el-table-column prop="account" label="账号"></el-table-column>
+                              <el-table-column prop="expires_time" label="有效期" min-width="50px">
+                                <template slot-scope="scope">
+                                  <span v-if="scope.row.is_expired==true" class="red">授权过期</span>
+                                  <span v-else>{{ scope.row.expires_time }}</span>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="status" fixed="right" label="启用状态"  min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column label="操作" fixed="right" min-width="30px">
+                                  <template slot-scope="scope">
+                                  <div class="flex">
+                                      <el-button @click="handleClick(scope.row)" type="text">设置</el-button>
+                                  </div>
+                                  </template>
+                              </el-table-column>
+                            </GuipTable>
+                        </el-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 京东 -->
+        <div class="register-wrap">
+            <div class="step3-wrap">
+                <div class="step3-top flex-common">
+                    <h3 class="flex gap8">
+                    <img src="@/assets/register/jingdong.svg" alt="">
+                    京东店铺</h3>
+                </div>
+                <div>
+                    <div class="flex-common table-wrap">
+                        <el-form>
+                            <GuipTable :border="true" :tableData="payList[4]" :loading="tableLoading">
+                              <el-table-column prop="short_name" fixed="left" label="公司简称"></el-table-column>
+                              <el-table-column prop="account" label="账号"></el-table-column>
+                              <el-table-column prop="expires_time" label="有效期" min-width="50px">
+                                <template slot-scope="scope">
+                                  <span v-if="scope.row.is_expired==true" class="red">授权过期</span>
+                                  <span v-else>{{ scope.row.expires_time }}</span>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="status" fixed="right" label="启用状态"  min-width="30px">
+                                  <template slot-scope="scope">
+                                    <!-- :active-value="1"  :inactive-value="0"（关闭） 加冒号表示数字格式 -->
+                                    <!-- active-value="1"  inactive-value="0"（关闭） 不加冒号表示字符串 -->
+                                    <!-- 传入的modelvalue 为数字 0 或者 1 -->
+                                    <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
+                                  </template>
+                              </el-table-column>
+                              <el-table-column label="操作" fixed="right" min-width="30px">
+                                  <template slot-scope="scope">
+                                  <div class="flex">
+                                      <el-button @click="handleClick(scope.row)" type="text">设置</el-button>
+                                  </div>
+                                  </template>
+                              </el-table-column>
+                            </GuipTable>
+                        </el-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <GuipDialog :dialogVisible="addPayDialogVisible" :title="addPayTitle" :show-close-button="false"
+            :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel"
+            @close="handleClose" @dialogVisibleChange="dialogVisibleChange">
+            <!-- 自定义内容 -->
+            <div>
+                <div class="beforeNotice" v-if="addPayType==0">
+                    <h4 class="flex"> <img src="@/assets/site/siteSemInfo_Icon.svg" alt=""> 前期准备事项</h4>
+                    <p class="mt12 flex">
+                      请确保使用要添加的淘宝主账号登录并授权
+                    </p>
+                    <p class="mt10 flex">
+                      如未购买＂快乐帮手＂服务或已过期，会跳转到购买服务页面
+                    </p>
+                </div>
+                <div class="beforeNotice" v-else-if="addPayType==2">
+                    <h4 class="flex"> <img src="@/assets/site/siteSemInfo_Icon.svg" alt=""> 前期准备事项</h4>
+                    <p class="">1.申请公司微信支付。<img src="@/assets/site/form_qua_ic.svg" alt=""> 指南 </p>
+                    <p class="mt12 flex">
+                      <a href="https://pay.weixin.qq.com/"
+                                        class="flex" target="_blank">
+                                        <img src="@/assets/site/form_linkActive.svg" alt="">前往微信商户平台</a>
+                    </p>
+                    <p class="mt10 flex">
+                      登录微信商户平台，在产品中心开通Native支付，如需使用微信版，开通JSAPI支付。
+                    </p>
+                </div>
+                <p>这是一个自定义内容的弹框。</p>
+            </div>
+        </GuipDialog>
+    </div>
+</template>
+<script>
+import GuipButton from '@/components/GuipButton.vue';
+// import GuipFormItem from '@/components/GuipFormItem.vue';
+// import GuipInput from '@/components/GuipInput.vue';
+// import GuipRadio from '@/components/GuipRadio.vue';
+// import GuipSelect from '@/components/GuipSelect.vue';
+import GuipSwitch from '@/components/GuipSwitch.vue';
+import GuipDialog from '@/components/GuipDialog.vue';
+// import PaymentMethod from '@/components/paymentMethod.vue';
+// import DomainModal from '@/components/domainModal.vue';
+// import CustomDropdown from '@/components/CustomDropdown.vue';
+// import SvgIcon from '@/components/SvgIcon.vue';
+import GuipTable from '@/components/GuipTable.vue';
+// import GuipToolTip from '@/components/GuipToolTip.vue';
+
+export default {
+  components: {
+    GuipButton,
+    // GuipFormItem,
+    // GuipInput,
+    // GuipRadio,
+    // GuipSelect,
+    // SvgIcon,
+    GuipSwitch,
+    GuipDialog,
+    // PaymentMethod,
+    // DomainModal,
+    // CustomDropdown,
+    GuipTable,
+    // GuipToolTip
+  },
+  data() {
+    return {
+      // AUTH
+      token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+      addablePays: [],
+      payList: [],
+      tableLoading: false,
+      addPayDialogVisible: false,
+      showCancelButton: true, // 控制是否显示取消按钮
+      showCloseButton: true, // 控制是否显示关闭按钮
+      addPayTitle: '',
+      addPayType: '',
+    }
+  },
+  computed: {
+    
+  },
+  mounted() {
+    this.getAddablePays()
+    this.getPayList()
+  },
+  methods: {
+    // 获取可添加的收款方式
+    getAddablePays() {
+        this.$http('POST', '/agentnew/ajax_get_addable_pays', {
+            gid: this.gid,
+        },{
+            headers:{
+                'Auth': this.token
+            }
+        }).then(response => {
+            this.tableLoading = false
+            this.$nextTick(() => {
+                this.addablePays = response.data
+                console.log(this.addablePays)
+            })
+        }).catch(error => {
+            console.error(error, 'error')
+        })
+    },
+    // 获取支付列表
+    getPayList() {
+        this.tableLoading = true
+        const that = this
+        that.payList = []
+        this.$http('POST', '/agentnew/ajax_get_pay_list', {
+            gid: this.gid,
+        },{
+            headers:{
+                'Auth': this.token
+            }
+        }).then(response => {
+            this.tableLoading = false
+            this.$nextTick(() => {
+                that.payList = response.data.paylist
+            })
+        }).catch(error => {
+            console.error(error, 'error')
+        })
+    },
+    updatePayStatus(row) { 
+      this.$http('POST', '/agentnew/ajax_update_pay_status', {
+          payid: row.payid,
+          status: row.status==1 ? 0 : 1,
+      }, {
+          headers: {
+              'Auth': this.token
+          }
+      }).then(response => {
+          this.$nextTick(() => {
+              if (response.status) {
+                  this.$Message.success(response.info);
+              } else {
+                  this.$Message.error(response.info);
+              }
+          })
+      }).catch(error => {
+          console.error(error, 'error')
+      })
+    },
+    updateAutoRefund(row) { 
+      this.$http('POST', '/agentnew/ajax_setting_auto_refund', {
+          payid: row.payid,
+          status: row.status==1 ? 0 : 1,
+      }, {
+          headers: {
+              'Auth': this.token
+          }
+      }).then(response => {
+          this.$nextTick(() => {
+              if (response.status) {
+                  this.$Message.success(response.info);
+              } else {
+                  this.$Message.error(response.info);
+              }
+          })
+      }).catch(error => {
+          console.error(error, 'error')
+      })
+    },
+    
+    // 弹框相关方法---start
+    showAddPaymentMethodDialog(type, type_desc) {
+      console.log(type, 'type');
+      this.addPayDialogVisible = true;
+      this.addPayTitle = '添加' + type_desc;
+      this.addPayType = type;
+    },
+    // 确认按钮事件
+    handleConfirm() {
+        this.$message.success('点击了确认按钮');
+        this.addPayDialogVisible = false;
+    },
+    // 取消按钮事件
+    handleCancel() {
+        this.$message.warning('点击了取消按钮');
+        this.addPayDialogVisible = false;
+    },
+    // 关闭弹框事件
+    handleClose() {
+        this.$message.info('弹框已关闭');
+        this.addPayDialogVisible = false;
+    },
+    dialogVisibleChange(data) {
+        console.log(data, 'data098908090');
+    },
+    // 弹框相关方法---end
+  },
+
+};
+</script>
+<style lang="scss" scoped>
+.pageheader {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
+}
+
+.pageheader-title {
+    flex: 1;
+    min-width: 300px;
+}
+
+.pageheader-title h3 {
+    display: flex;
+    align-items: center;
+    font-size: 18px;
+    font-weight: bold;
+    line-height: normal;
+    letter-spacing: 0.08em;
+    color: #1E2226;
+    margin-top:8px;
+}
+
+.button-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 3px;
+}
+.red {
+  color:#FF4D4F !important;
+}
+
+.el-table {
+  min-height: auto !important;
+}
+
+.beforeNotice {
+
+    h4 {
+        margin: 0;
+        gap: 8px;
+    }
+
+    margin-bottom: 18px;
+    text-align: left;
+    box-sizing: border-box;
+    padding: 20px 14px;
+    border-radius: 4px;
+    /* middle/middle_blue_1 */
+    background: #F2F7FF;
+    /* middle/middle_blue_3 */
+    border: 1px solid #BFDAFF;
+
+    div {
+        margin-top: 2px;
+        padding-left: 23px;
+
+        p {
+            color: #8A9099;
+        }
+
+    }
+
+    p {
+        color: #1E2226;
+
+        i {
+            font-style: normal;
+        }
+
+        &:last-child {
+            display: flex;
+            align-items: stretch;
+
+            b {
+                font-weight: normal;
+                color: #8A9099;
+                display: inline-flex;
+
+                img {
+                    margin-left: 4px;
+                }
+            }
+        }
+    }
+
+    a {
+        text-decoration: none;
+        color: #006AFF;
+        margin-right: 10px;
+
+        img {
+            margin-left: 12px;
+            margin-right: 12px;
+        }
+    }
+}
+
+::v-deep .custom-popover {
+    position: fixed !important;
+    // max-height: 290px;
+    // overflow-y: auto;
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    transform: none !important;
+}
+
+.register-wrap {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .custom-icon {
+    width: 24px;
+    height: 24px;
+  }
+
+  .register-top {
+    display: flex;
+    justify-content: space-between;
+    // height: 72px;
+    align-items: center;
+    padding: 20px 40px 20px 110px;
+    background: linear-gradient(270deg, #F6EEF7 3%, #EDE9FB 97%);
+    color: #23242B;
+    letter-spacing: 0.08em;
+    line-height: 32px;
+
+    .register-top-left {
+      display: flex;
+      align-items: center;
+
+      .register-top-left img {
+        margin-right: 12px;
+      }
+    }
+  }
+
+  .step3-wrap {
+    flex: 1;
+
+    .step3-top {
+      display: flex;
+      justify-content: space-between;
+      padding-bottom: 0;
+      align-items: end;
+      h3{
+        margin: 0;
+      }
+
+    }
+  }
+
+}
+
+
+.table-wrap {
+  span {
+    color: #1E2226;
+  }
+
+  .edit_icon {
+    display: none;
+    transition: all .3s;
+    margin-left: 8px;
+  }
+
+  .el-table__row:hover {
+    .edit_icon {
+      display: block;
+      transition: all .3s;
+    }
+  }
+}
+
+.green,
+.blue {
+  width: 80px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  color: #0DAF49 !important;
+  letter-spacing: 0.08em;
+  /* 基本 */
+  width: 80px;
+  border-radius: 4px;
+  background: rgba(239, 255, 224, 0.5);
+  box-sizing: border-box;
+  border: 1px solid rgba(0, 194, 97, 0.6);
+  margin-right: 8px;
+}
+
+.blue {
+  background: #F2F7FF;
+  border: 1px solid #BFDAFF;
+  color: #006AFF !important;
+}
+
+
+
+
+.step-wrap {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24px 0 0 0;
+
+  .step-item {
+    align-items: center;
+    display: flex;
+
+    span {
+      color: #1E2226;
+      letter-spacing: 0.08em;
+    }
+
+    .custom-icon {
+      margin-right: 12px;
+    }
+  }
+
+  .checked span {
+    font-size: 16px;
+    font-weight: bold;
+    color: #006AFF !important;
+    transition: all .3s;
+
+  }
+
+  .success span {
+    font-size: 16px;
+    font-weight: normal;
+    color: #006AFF !important;
+    transition: all .3s;
+  }
+
+  .step-line {
+    flex: 1;
+    margin: 0 32px;
+    border-bottom: 1px solid #DFE2E6;
+  }
+
+  .step_active-line {
+    transition: all .3s;
+    border-bottom: 1px solid #006AFF;
+  }
+}
+
+.step-desc {
+  padding-top: 6px;
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 24px;
+  color: #8A9099;
+
+  span {
+    padding-left: 36px;
+  }
+}
+
+
+</style>
diff --git a/src/views/agent/siteList.vue b/src/views/agent/siteList.vue
index 77a75f3..46e2c4a 100644
--- a/src/views/agent/siteList.vue
+++ b/src/views/agent/siteList.vue
@@ -113,7 +113,6 @@ import GuipSelect from '@/components/GuipSelect.vue';
 import GuipButton from '@/components/GuipButton.vue';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipDialog from '@/components/GuipDialog.vue';
-// import store from '@/store';
 
 export default {
     name: 'siteList',