From 7113754872c39afdea000e5f8d8bc0acd7f1338f Mon Sep 17 00:00:00 2001
From: rainbro <33367671@qq.com>
Date: Wed, 16 Jul 2025 10:07:40 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=9C=8D=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/home/service_classification_1.png | Bin 0 -> 6276 bytes
 src/assets/home/service_classification_2.png | Bin 0 -> 5603 bytes
 src/assets/home/service_classification_3.png | Bin 0 -> 4323 bytes
 src/router/index.js                          |   6 +-
 src/views/agent/home.vue                     | 753 +++++++++++++++++++++++++++
 5 files changed, 756 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/home/service_classification_1.png
 create mode 100644 src/assets/home/service_classification_2.png
 create mode 100644 src/assets/home/service_classification_3.png
 create mode 100644 src/views/agent/home.vue

diff --git a/src/assets/home/service_classification_1.png b/src/assets/home/service_classification_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e0541bf8c0053e92efa44516e6aaf4ee4f1a5d9
GIT binary patch
literal 6276
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

literal 0
HcmV?d00001

diff --git a/src/assets/home/service_classification_2.png b/src/assets/home/service_classification_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..42ef214a70dd535346523b37eff13b88ce4503df
GIT binary patch
literal 5603
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

literal 0
HcmV?d00001

diff --git a/src/assets/home/service_classification_3.png b/src/assets/home/service_classification_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..86c4320aad6500858e11db03ec5728e0cb6cfd6d
GIT binary patch
literal 4323
zcmV<95FGD`P)<h;3K|Lk000e1NJLTq003|R003|Z1^@s6#^Cfz00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZ(jY&j7RCt`_U0;kIRTclu_+i-frR~-iOUr6;ONk~l
z(i&TYHb7gAP$G$z7!?{xG@8&N@eg8RNU**bicgIRvPSSvgSJITOMtXMQ9y}J3>In(
zUl;I!Zkv7CT@xeY!+d}4oO{l>=iZrb_d`$8?7cJhch9-^oZp#yXXcw`V5Hc+cO37{
zZ%2`BMuBl;Si-f7lL9E5a_>(;nz?leLvSGshcjaoJ;63sJyILY0L4iZ#WQ#ZliB3H
zHi%>uUAup<1Q(3n2jCXku(s422y7FU=sdPfKo8r7)Ga|v9j;?0@ecN6llx}6EqV?t
zcJCd>1@AcqU>r@#pa#x4IE6)x>1mXCvOPu7Mv-mlvM~dC%=-(PcAg~#TAWuJPP%R~
z1uFIo2lFVdjUro@P41h?0icsM$I+w|#Gt}8$W3L1(?%FXK?YuMn1W#3J_v@hr>BR*
zaASav;p`DH2w>cPy)ldf#eD#fbyDZ+XjBFjflQhSF?{$^V5I#TCjVdyt^5`=DNS5s
zxOV?vixt_P3g$nz=g6|F(Ufq5SIe}jI9bAbhYPtK=k!pSnfGYtafXP@bDM>Nw%FW4
zfy=9#i4-xUg4BTzY+v|pOqmpyjkoG=(y0Q$D3kMOKanitFlwre(BnCrsj#WmB3i1I
zlokN6q-9khb{L!cE!P+`qcvR(F;BJ4s;6n@^-ttT7Gnyen1DfcM$<L}VxE`MrHbMR
zQ6ibg%vAyd7cc^Qe>f*}&nGba-L^XA+I8yj4qV6xjAo*d;UdgAckj3Sb|+r}4m_%u
zV8{ZY`H0LM5e{68+;3%`hKXfSr#!Y4o{U@=*{?y5HU<Nu?bpCs&Qm%wtpI7k5Ya00
zqzN*Jm=(BVRy`KB^79#H;G*A|&~UL)D`2>OMM=pV4P%@(0S0QRK~QFzR7MXQfu!EV
zs<Bq)aGPm*++&eJV$K|;$P7%mGf_GHE@fWGd8q+Apli0kKx?E($7(Py#d(}TgJNFD
zc`PJ>dB#f@VW43`8;|sq2vqE8N>50vYlBVefgRg{=U)O2A8C9(s}2-xkBD@xY>q&;
z&a|@(-lQjh3C@GTd1K3fZ|nkAttjg|wgV?#1g6jHc1Dt+B{qzT6eVR2)zgH49%&4k
z9*P-T2JF}dY}(*scYF$X;GuL|7$3BJ%2uqE%c3LPW|8brG1}oKnP*I)9A?LMVB>mV
z`7$1I<p$u%W5Co~Mq31(-Esl6;;t#QZoz1bcI#dat&s(+7@-eU7(JUd05@!t9p}o;
zp9OyO6Q{e_Y*V$rRcRcIKugpzcyWRxUB*d`&K$IAOwW?O<x7E`Hv;QED%;qV>GQy$
zBfyClY<30?cTcvGnP-WV%IRTZo)WO?V;u*x>t_Bs$I0O%z;iDG)8_;|@yzR1S{0+1
zKKuigGCfp-dBGGY>9IQ8ZRQ;O&b@xyxp~EQMozp~I`1r5c{cb4Kr8JDwWdspCfbh`
zV_|s1nWI2wxv%Isd=yx734h(2J`eorx4_GPtzrg{ImkXR5b5r@ASS|jqKa7ODRx>T
zox^jfcKUp|Ip49pdhGC#l6jWQVX-riIrtQsl*$rW)R>-zm<Q5Mv;Xjs@;bPD8E~R=
zr)BzF#C#g{C;{6tDf7y-S|bI9gqu`WkD*-?%%k$a!zJ^&3lt0Ug7Ygm&$qL`3QdW?
zIw><M0tH=7M7pV8W(?ixtADQ?j%QK5%pp8ZQU)6mPa%V`Fq{G`QOk8P@uBkdi1~To
zjek0e6QN(O56jvhF$FT6=w;$?=2qG;F;5$Kz@E=s2W<RUd2iB{*Zu)K_-o+Y`FhNw
zn9&j7o^O{6m?w^Pwj2V++;13@o1AB1N+ZnE9PS<t4F1cX1FpZ$cOC$&Sq<FzHRq+J
z6y`B@Zruzl9|LauH1OklfUR3(OoOj)<o$-7gGJ#33j!=C#;LQILTD4Ar#A>EKqv+P
zmMsM~ULj5ifO6G%{kDMp0X@CBLdm|ZTl)QvjsRb{sdVHgKh9&MaZ(@9c_KlPM@1l8
z4q(^_OwePzGr_(N$jQ2o*z|}>o$}VrrPHV^9|Lat67b#Kz@;Dd@xhG5=qH%SeV|eY
zjLxHuu;`WAa2Ra@92p%cAN@T4lED_mo{<a7w5iG3iSpm6)4;*U%D<s;8lM8?;Ryoo
z2r7eO9tCle8nR82P3r|)s3^fSHxKN+zq*}}WbFiS*B#}*i!W0874$Q<<e*-s(d_2u
zO0j#M<Y@JJ!R2*FPr+djz!2MFWX&aI%JqVe8#iIMJI+^613%mc?A=#=;vmV|3E<wl
zf$i7u%ww;={5<6qAeCq)%8?>>D)k#EvnCW|pJ$LYmsIg}GRLXYz#ZQQ9)1Lvn+xmy
z+i9Z5no;`aau&!&AOVLWrPnl;;YLPlm>B6j(=%iakTFY{<LJ}Cp1XnHJtjNy**^eh
zruuc$>eSKG!Q{3TAT1aoMP;7EPPP*U6IO4QRVyGekCsJU3}$W~IQTfQ=X<^*=jMRl
z{oaAZGp~!uD<`>VVxwKcbn8siiWtWrbMAL+p?a*_h^~x|03#!$UqH_S%sAQ1Q2?{^
zrL%V5RWcI*jyw&VJ?HDO%qP(!zg7sQ-o&br(^LC7q;qQHdPK|eWx&*&(~l){Xu@D-
z=Yd}w0FFLYmN`AaEa2;DvB0QFmeL`0M6B}!TQogmORHN0tIP?`8^qIuv*(n4<Mrgh
z39}gGm1(s>=4ny8Yp2wKF4N}&6DCb+gq>`^^t2MBf}WOdkYx~xGV_MM;YeSznrsP-
zGR-hz5Shb*@!EtjIjVKJBhDx_QUp3#FkTzckbe2ro0ay8(0${eGDo9#s`}!;nQc}U
z7b*Q>!^{KhZ$)!5^;U!}q%JbACWf;|!1%upwCqW|!;8qgv1P!uS1Fi)Ouebt640-i
z8pJ4iBAx;{Z)SV^wWZ8Z?pHBFAKV}$J-c@Dk8-SX=FMu~(J8Y=<}ha@86&?F!wrOK
z7Cu1-V$fr~#@w(qZQ<g|sui685GIVZ3FUTRZm#^7k~u;S7j3Dw^WV%~5a!j-{n)gj
z`ciGG-1fzK_*1U|`zM{(3M1!<!*J~chm&hytn;WXO70Hj{*jUL4YG;V<-f6|a=)uq
zls_&R23flXxckoX>3fZPn*3?S2OZIGrI~YdMDC}0K5<3)0+O_feCk=?@DtS^mVA8|
z-*&O&{bRsQ*8}?>>>NlTg5`2T>jl}!lm6nJ$95u@CsqTuexBFgm20mm+4-|ymi3h@
z(zgtQl(iF`g5ZdxwE)q<_@KO%)^kLsBk>uSql|ShsTTpvwO7I<?)}Y`AFyE-MFi%F
zZx)0woDW<-S-zD<BZVu+G7lXCFN$!+$`$suizOE3Q9x*Ipmq`S3*G3vP7RVUMj5@3
zzu*sx{P|?3V42UlYmR;)_ZqNb$?No@47pv346*M30M9%RHLybxBoJ61_&+Zj*gZjp
z(a}P#v%?~fJlcQ1C3Y3gGST9L9s>i{D|X%^o#%<h)&OP*{a1Y;>`3i>p+=xm`nS@e
zpFmJ2)X4qscDZ<Ecy6NB4*~}8^zg40a%Jfq6wRn6ebnoF2p#{v(Q4h|2s(}g=b`ZK
zg$^!K<lJwSA#_|<-kvW1rmWm+uJ(mhXhfuNWpnP2lwtMZnJKV~1q<^+m;iyuK2QM;
zYIPbVL+HWw6ma~6bD+Vsfx!oP6=PwcmI4h%{VzEW0FFGVoK#rEmg(UzfdczL8E9jt
z6=RhGL+8le+W?le0IeskIh=O6J|PC?aqvddCh2#`{D;dfg`NT(Y2wZH-k-8;-v<Vx
zD<zLd$gnxCE3<QkfHll#;`%}Od6{IbmKvnyfm9nML+HicPsFS#5WZu$GTVmsQ&{(b
zRs)rkX$}(6+E~ECNZZ*$G`=<n&!_+MGFIwG3XhMJg7&q@a{L7F%Bix<1vV86^JtmP
zZ2f~RdcYPLRt#fQWe~B>7$WBZz@J{Ou{KDVPrnWSG=igSRhto$z*dXOp%cq>o(8sn
zw-TsxTKIVx0ebIr#9%s16R)jSDSSPPE#s@ux2N!(*Gn?g5z2gu7`IIy<9uq10eX@i
zDIz{fhRAt9xrOLT#WX2x5`4;2plS!gFLb%iMF!Q({Z<*K#Y<P(XOwFftw+wM5#y&&
zKyd_>SmzOV?~{xM>9(CUe1ByjWOfdCeab%`<p>e1V5(sM#opL^b(To+`t8(bBOKWM
zC9UO4NDCnc4g#~Yor)H)vGeKWSrt=#FVyt<1EU~>@glBspz^<%D01p_pLu8A1fKn)
z4L2w`a1eO>Xs063$r{+9HAleV{63IgkU4`=_A%6;6E6U(E&{eW-`b>d<_+MdKd<)t
z&~M5YiMC%O;|3wGoC1zN2ON8@Z%=f}w9KcG(M5r*_{uk_Ck#dz6vhl>bfo;Aru%4S
zZod2t-kCR;emjNbW58t-GQ*|gqD|l@?(MVXEwf(Aq&jK_c8yzZjspi6DWZc@29=^m
znc(Q)Guq$Oe6sV~FYEt@F2}r(1P3A*6)Ll47=lT)Uz;#X7mA(~=V^8d80AY%fmC2&
z-XMNYsJ5}{scV0P9<~js*T@{omzvzR0Y(KCY6I~)(aV856RaLf770!m{7JTy2b?*=
z{{iHpzc(7oq7?fBdU}5%^aL>}jP}P6_tkn!q@*}cl#~?cHfumn?@wgr;K(4t;+fYi
zM1HABF>q*CjSXTvdloTsbc(ru&={$qGBfW%=dnQ2i8x_W7X!>3qN$o=^yaJ{Q3d_T
z!9uO>Qka)=U0M)^FEH~+UH@vm+fnb2g@yERr1K>GW?KY3nw@6bQkbU&w%aVi&W_l=
z)Z}$;HE;loUMM{lOt4J~Mi{3M<l!$hak!Kx$tja6ik1QmdQvin^>shVPIKk}?*l<k
ztI{AUeOM#Km@<cDbr(#T3&Cj3o~ra$p+T?Hfk192osw)>^nIb#ek=1BX_$Fkajt<W
zkrEN<EQT>Q6oHHKG+_ubhak)sd#RCHq)4Kr21QSF1g4}w81zWC(0&#ub10Jd)%pnL
zSt77<x<Q7gFweSJS&)0gVaWl^unHIQX@X_&Aw5kokL{QClaM(~&SP}xGLxey+ND8V
zbio_QI+$R3Z8QvIjMp!mHj#QXOs|cC>HU!~j(&>q`sL<{!^C>9IGH2Mj#rP7N|5GE
zq;s7u=F^0b9t)#uXAU79c$f$&vS)JO-}m<nWTVTCKm;67IBl#L_!tNnk9kZM5HW7Q
z8e1id+eTxnrQZge2LQ+?^K5c|8z?3#28#V!nP<T$dd$p|n$=}^fO)iC6!YA}HJn#u
zliATj?Q$EDU9blz+H#~2c6t%WF^@2!&NW73UetAoV=Je}#h{8&vj8*Bko{@W#=o*X
zKxZGAP41gP{>~NvZLg`S$C?V5h*Z-Qg+(wjl-ktHp|FUxg~BZ?tmQZWXrsutWXBK9
z0M14}o7~?<KDQ3QWF@+3)P^QVWUCPAJw0x}8jFm2INQ8_4VhzLj82duo5Xy+E<1Xt
z-941C?RI{394*`e;A)__9LSao?6JsV-Wucd56K3-BQq$o;&BxD{jTG>@?VQkui~KP
RC9D7d002ovPDHLkV1n<7HpKt{

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index 38104c4..c979b78 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import store from '../store';
-import HomeView from '../views/HomeView.vue';
+// import HomeView from '../views/HomeView.vue';
 
 Vue.use(VueRouter)
 // 第三种侧边栏展示白名单
@@ -44,7 +44,7 @@ const blackFooterList = [
 const routes = [{
     path: '/',
     name: '首页',
-    component: HomeView,
+    component: () => import( /* webpackChunkName: "register" */ '../views/agent/home.vue'),
     isFirst: true, //是否属于一级路由
     meta: {
       title: '首页', //面包屑名称（此页面确认不需要放置在面包屑可以不添加此属性；如果获取不到title 会自动 获取 name 作为面包屑名称）
@@ -56,7 +56,7 @@ const routes = [{
     name: 'register',
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
-    component: () => import( /* webpackChunkName: "register" */ '../views/Register.vue'),
+    component: () => import( /* webpackChunkName: "register" */ '../views/agent/home.vue'),
     meta: {
       title: '注册页',
       hideBreadcrumb: true, // 一级页面不显示面包屑
diff --git a/src/views/agent/home.vue b/src/views/agent/home.vue
new file mode 100644
index 0000000..94feb8b
--- /dev/null
+++ b/src/views/agent/home.vue
@@ -0,0 +1,753 @@
+<template>
+  <div class="home-wrap column">
+    <div class="home-main flex">
+      <div class="home-main-left column">
+        <div class="systemNotice common-area">
+          <h2 class="flex-between">
+            <b>系统通知</b>
+            <span class="hoverCommon" @click="lookMoreSystem">查看更多</span>
+          </h2>
+          <div class="systemNotice-main">
+            <div class="sales-item flex" v-for="(item) in systemList" :key="item.name">
+              <img :src="require(`@/assets/home/NEW.svg`)" alt="">
+              <div class="column">
+                <b class="flex">{{ item.label }} <img class="systemIcon" src="@/assets/home/systemIcon.svg" alt=""> </b>
+                <p>{{ item.desc }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="salesStatistics common-area">
+          <h2 class="flex-between">
+            <b>销售统计 <span>2024–10-28数据</span></b>
+            <span class="hoverCommon" @click="lookMoreSystem">查看全部</span>
+
+          </h2>
+          <div class="salesStatistics-main flex">
+            <div class="sales-item flex" v-for="(item, index) in salesList" :key="item.name">
+              <img :src="require(`@/assets/home/sales${index + 1}.png`)" alt="">
+              <div class="column">
+                <p class="flex"><span class="number">{{ item.num }}</span> <span v-if="index < 2" class="unit">元</span></p>
+                <span class="label">{{ item.label }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="supplyPrice common-area">
+          <h2>供货价格 </h2>
+          <div class="supplyPrice-main flex">
+            <div style="height:500px;overflow: hidden;" :class="['supplyPric-item', 'supplyPric-item' + classification_id]" v-for="(classification_name, classification_id) in serviceClassifications" :key="classification_id">
+              <div class="item-top flex-between">
+                <div class="flex">
+                  <img :src="require(`@/assets/home/service_classification_${classification_id}.png`)" alt="">
+                  <b>{{ classification_name }}</b>
+                </div>
+                <span>详情</span>
+              </div>
+              <div class="list-wrap">
+                <div v-for="(veritem, key) in serviceClassificationServices[classification_id]" :key="key" class="item-list">
+                  <p class="item-list-name">{{ veritem.name }}</p>
+                  <p class="flex-between" v-for="(type, index3) in veritem.types" :key="index3">
+                    {{ type2name[type] }}
+                    <span>{{ supplyPriceList[type].price }}元 / {{ supplyPriceList[type].unit_format }}</span>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <Footer></Footer>
+
+      </div>
+      <div class="home-main-right">
+        <div class="accountBalance flex-between common-area">
+          <span>账户余额&nbsp; <b>4560</b>&nbsp;元</span>
+          <span class="hoverCommon">展开</span>
+        </div>
+        <div style=" background: #fff">
+          <div class="importantReminder common-area">
+            <h2>重要提醒</h2>
+            <div class="reminder1 column">
+              <p>淘宝账号即将过期</p>
+              <div @click="lookTaoBaoNum">查看</div>
+            </div>
+            <div class="reminder2 column hide">
+              <p>请尽快建立站点，开始售卖</p>
+              <div @click="lookTaoBaoNum1">立即前往</div>
+            </div>
+          </div>
+          <div class="carouselImage common-area">
+            <!-- 轮播图 -->
+            <img src="@/assets/home/home-right.png" alt="">
+          </div>
+          <div class="preferredMarket common-area">
+            <h2>优选营销</h2>
+            <div class="column">
+              <div class="sales-item flex" v-for="(item, index) in preferredMarketList" :key="item.name">
+                <img :src="require(`@/assets/home/preferredMarket${index + 1}.png`)" alt="">
+                <div class="column">
+                  <span class="flex">{{ item.label }} 
+                    <!-- <img class="systemIcon" src="@/assets/home/systemIcon.svg" alt=""> -->
+                  </span>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="usageGuide common-area">
+            <h2 class="flex-between">
+              <b>使用指南</b>
+              <span class="hoverCommon">查看全部</span>
+            </h2>
+            <p class="hoverCommon">我想将商品绑定淘宝店应该怎么做？</p>
+            <p class="hoverCommon">基于成交量的推广支持</p>
+            <p class="hoverCommon">二级、裂变分销，发展代理网络</p>
+          </div>
+          <div class="customWrap common-area">
+            <h2>联系客服</h2>
+            <img src="@/assets/home/customer.png" alt="">
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Footer from '@/components/Footer.vue';
+
+export default {
+  name: 'HomeView',
+  data() {
+    return {
+      // AUTH
+      token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+      // 表格加载
+      tableLoading: true,
+      type2name:[],
+      serviceClassifications: [],
+      serviceClassificationServices: [],
+      supplyPriceList: [],
+      serviceList: [],
+
+
+      preferredMarketList: [
+        {
+          desc: '电脑版、小程序、微信H5',
+          label: '多端系统'
+        },
+        {
+          desc: '电脑版、小程序、微信H5',
+          label: 'OCPC推广'
+        },
+        {
+          desc: '电脑版、小程序、微信H5',
+          label: '多级分销'
+        },
+        {
+          desc: '电脑版、小程序、微信H5',
+          label: '嵌入广告'
+        },
+        {
+          desc: '电脑版、小程序、微信H5',
+          label: '发放卡券'
+        },
+      ],
+      salesList: [
+        {
+          num: 4560,
+          label: '销售金额'
+        },
+        {
+          num: 1000,
+          label: '成本支出'
+        },
+        {
+          num: 20,
+          label: '查重订单量'
+        },
+        {
+          num: 60,
+          label: 'AIGC订单量'
+        },
+      ],
+      systemList: [
+        {
+          desc: 'AI中文范文2万字版、AI中文范文万字版已整合到AI中文范文内(可选3000/5000AI中文范文2万字版、AI中文范文万字版已整合到AI中文范文内(可选3000/5000/8000/10000/15000/000000/10000/…',
+          label: 'AI范文整合的通知'
+        },
+        {
+          desc: 'AI中文范文2万字版、AI中文范文万字版已整合到AI中文范文内(可选3000/5000AI中文范文2万字版、AI中文范文万字版已整合到AI中文范文内(可选3000/5000/8000/10000/15000/000000/10000/…',
+          label: 'AI范文整合的通知'
+        },
+      ],
+      supplyList1: [
+        '查重服务',
+        'AIGC服务',
+        '写作辅助',
+      ],
+      supplyList: [
+        {
+          name: '万方系统',
+          list: [
+            {
+              name: '万方硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+            {
+              name: '万方硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+            {
+              name: '万方硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+          ]
+
+        },
+        {
+          name: '维普系统',
+          list: [
+            {
+              name: '维普硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+            {
+              name: '维普系统硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+            {
+              name: '维普系统硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+          ]
+
+        },
+        {
+          name: 'PaperPass旗舰版',
+          list: [
+            {
+              name: '万方硕博版',
+              word: '千字符',
+              price: 2.4
+            },
+          ]
+
+        },
+        {
+          name: '学术不端',
+          list: [
+            {
+              name: '硕博预审版',
+              word: '篇',
+              price: 2.4
+            },
+            {
+              name: '期刊小论文小篇幅版',
+              word: '篇',
+              price: 2.4
+            },
+            {
+              name: '期刊小论文小篇幅版',
+              word: '篇',
+              price: 2.4
+            },
+            {
+              name: '期刊小论文小篇幅版',
+              word: '篇',
+              price: 2.4
+            },
+          ]
+
+        },
+      ]
+
+    }
+  },
+  components: {
+    // HelloWorld
+    Footer,
+  },
+  mounted() {
+      this.getSupplyServiceList()
+  },
+  methods: {
+    getSupplyServiceList() {
+
+        this.tableLoading = true
+        const that = this
+        that.serviceList = []
+        this.$http('POST', '/agentnew/ajax_get_supply_services', {
+
+        },{
+            headers:{
+                'Auth': this.token
+            }
+        }).then(response => {
+            this.tableLoading = false
+            this.$nextTick(() => {
+                that.serviceList = response.data.list
+                this.type2name = response.data.type2name;
+                this.serviceClassifications = response.data.service_classification;
+                this.serviceClassificationServices = response.data.service_classification_services;
+                this.supplyPriceList = response.data.supply_price;
+                console.log(this.supplyPriceList[2].price)
+                console.log(this.supplyPriceList[2].unit_format)
+            })
+        }).catch(error => {
+            console.error(error, 'error')
+        })
+    },
+    lookTaoBaoNum() {
+      // 查看淘宝账号
+    },
+    lookTaoBaoNum1() {
+      // 查看淘宝账号
+    },
+    lookMoreSystem() {
+      // 系统通知 -查看更多
+    },
+    lookAllSales() {
+      // 销售统计 -查看全部
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+.home-wrap {
+  padding: 12px;
+
+
+
+  .home-main {
+    width: 100%;
+    display: flex;
+    gap: 12px;
+    min-width: 1018px;
+    max-width: 1750px;
+    margin: 0 auto;
+    align-items: stretch;
+    box-sizing: border-box;
+    .home-main-left {
+      min-width: 746px;
+      max-width: 1398px;
+      flex: 1;
+
+      .common-area {
+        width: 100%;
+        padding: 20px 14px;
+        box-sizing: border-box;
+        /* 确保 padding 不会影响宽度计算 */
+        background: #fff;
+        margin-bottom: 12px;
+
+        h2 {
+          font-size: 16px;
+          font-weight: bold;
+          letter-spacing: 0.08em;
+          color: #1E2226;
+          margin: 0 0 20px 0;
+          text-align: left;
+
+          span {
+            font-size: 14px;
+            font-weight: normal;
+            letter-spacing: 0.08em;
+            color: #8A9099;
+          }
+        }
+      }
+
+      .systemNotice-main {
+        img {
+          width: 32px;
+          height: 32px;
+          margin-right: 8px;
+        }
+
+        .sales-item {
+          width: 100%;
+          justify-content: flex-start;
+          padding: 18px 12px;
+          box-sizing: border-box;
+          transition: all .3s;
+
+          .systemIcon {
+            display: none;
+            width: 12px;
+            height: 8px;
+          }
+
+          &:hover {
+            background: #F6F7FA;
+
+            b {
+              color: #006AFF;
+            }
+
+            .systemIcon {
+              margin-left: 12px;
+              display: block;
+            }
+          }
+
+          div {
+            width: calc(100% - 30px);
+          }
+
+          /* 确保 padding 不会影响宽度计算 */
+          b {
+            font-size: 14px;
+            font-weight: normal;
+            line-height: normal;
+            letter-spacing: 0.08em;
+            color: #1E2226;
+          }
+
+          p {
+            width: 100%;
+            margin-top: 6px;
+            overflow: hidden;
+            -webkit-box-orient: vertical;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            text-align: left;
+            color: #8A9099;
+          }
+        }
+
+      }
+
+      .salesStatistics-main {
+        img {
+          width: 54px;
+          height: 54px;
+          margin-right: 12px;
+        }
+
+        .sales-item {
+          width: 25%;
+          justify-content: flex-start;
+          padding: 14px 12px;
+          transition: all .3s;
+          .number{
+            font-size: 22px;
+            font-weight: bold;
+            font-family: 'Roboto Condensed';
+            display: inline-block;
+            margin-right: 2px;
+            color: #1E2226;
+            line-height: 29px;
+          }
+          .unit{
+            color: #1E2226;
+            font-size: 12px;
+          }
+          .label{
+            color: #8A9099;
+            letter-spacing: 0.08em;
+          }
+          &:hover {
+            border-radius: 8px;
+            background: #F6F7FA;
+          }
+        }
+      }
+
+      .supplyPrice-main {
+        display: flex;
+        gap: 20px;
+
+        .supplyPric-item {
+          padding: 20px 14px;
+          box-sizing: border-box;
+          color: #8A9099;
+          flex: 1;
+          border-radius: 4px;
+          transition: all .5s;
+          cursor: pointer;
+
+          .item-top {
+            border-bottom: 1px solid #EAECF0;
+            padding-bottom: 20px;
+
+            b {
+              color: #1E2226;
+            }
+
+            img {
+              width: 28px;
+              height: 28px;
+              margin-right: 12px;
+            }
+          }
+
+          .item-list {
+            margin-top: 16px;
+            text-align: left;
+            line-height: 18px;
+
+            p {
+              margin-bottom: 8px;
+
+              &:last-child {
+                margin-bottom: 0;
+              }
+            }
+
+            .item-list-name {
+              margin-bottom: 8px;
+              color: #1E2226;
+            }
+          }
+        }
+
+        .supplyPric-item1 {
+
+          background: linear-gradient(180deg, #F3F8FF 0%, #FFFFFF 17%, #FFFFFF 100%);
+          border: 1px solid #DFE2E6;
+          transition: all .5s ease;
+          
+          &:hover {
+            color: #626573;
+            transition: all .5s ease;
+            background: linear-gradient(180deg, #F3F8FF 0%, #FFFFFF 60%);
+            box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.13);
+          }
+        }
+
+        .supplyPric-item2 {
+          background: linear-gradient(180deg, #FFFAF6 1%, rgba(255, 255, 255, 0.6233) 14%);
+          border: 1px solid #DFE2E6;
+          transition: all .5s ease;
+
+          &:hover {
+            color: #626573;
+            transition: all .5s ease;
+            box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.13);
+            background: linear-gradient(180deg, #FFFAF6 0%, #FFFFFF 60%);
+          }
+        }
+
+        .supplyPric-item3 {
+          background: linear-gradient(180deg, #FFF6F6 0%, rgba(255, 255, 255, 0.8151) 14%, rgba(255, 255, 255, 0) 100%);
+          border: 1px solid #DFE2E6;
+          transition: all .5s ease;
+
+          &:hover {
+            color: #626573;
+            transition: all .5s ease;
+            box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.13);
+            background: linear-gradient(180deg, #FFF6F6 0%, #FFFFFF 60%);
+          }
+        }
+      }
+    }
+
+    .home-main-right {
+      flex: 0 0 auto;
+      /* 右边盒子不伸缩 */
+      min-width: 260px;
+      /* 右边盒子最小宽度 */
+      max-width: 328px;
+      /* 右边盒子最大宽度 */
+      width: 260px;
+
+      /* 在 1440px 屏幕下的固定宽度 */
+      .common-area {
+        padding: 20px 0px;
+        margin: 0 14px;
+        text-align: left;
+        font-size: 14px;
+        line-height: normal;
+        letter-spacing: 0.08em;
+
+        /* text/text_1 */
+        h2 {
+          font-weight: bold;
+          margin: 0;
+          font-size: 16px;
+          color: #1E2226;
+
+          span {
+            font-size: 14px;
+            color: #8A9099;
+            font-weight: normal;
+          }
+        }
+      }
+
+      .accountBalance {
+        padding: 27px 14px;
+        margin: 0;
+        margin-bottom: 12px;
+        align-items: baseline;
+        background: #fff;
+
+        b {
+          font-family: Roboto Condensed;
+          font-size: 32px;
+          font-weight: bold;
+          line-height: 27px;
+          letter-spacing: normal;
+          color: #1F2026;
+        }
+
+        span {
+          font-size: 14px;
+          font-weight: normal;
+          // color: #8A9099;
+          color: #1F2026;
+          &:nth-last-child(1){
+            color: #8A9099;
+          }
+
+        }
+      }
+
+      .importantReminder {
+        border-bottom: 1px solid #EAECF0;
+
+        .reminder1,
+        .reminder2 {
+          border-radius: 4px;
+          background: linear-gradient(271deg, #F8DCDC 0%, #FCEEEE 60%);
+          padding: 14px 8px;
+          border: 1px solid transparent;
+          margin-top: 20px;
+          transition: all .3s;
+
+          &:hover {
+            transition: all .3s;
+            border-radius: 4px;
+            background: linear-gradient(271deg, #F8DCDC 0%, #FCEEEE 60%);
+            /* main/main_erro */
+            border: 1px solid #FF4D4F;
+          }
+
+          div {
+            display: flex;
+            justify-content: flex-end;
+            color: #FF4D4F;
+            margin-top: 10px;
+            width: 100%;
+          }
+        }
+      }
+
+      .carouselImage {
+        padding-bottom: 0;
+
+        img {
+          width: 100%;
+        }
+      }
+
+      .preferredMarket {
+        border-bottom: 1px solid #EAECF0;
+
+        h2 {
+          margin-bottom: 20px;
+        }
+
+        .sales-item {
+          padding: 12px 0;
+          color: #8A9099;
+          font-size: 12px;
+          transition: all .3s ease-in-out;
+
+          .systemIcon {
+            display: none;
+            width: 12px;
+            height: 8px;
+            margin-left: 12px;
+          }
+
+          span {
+            font-size: 14px;
+            color: #1F2026;
+            margin-bottom: 6px;
+          }
+
+          &:hover {
+            .systemIcon {
+              display: block;
+            }
+            
+            span {
+              transition: all .3s ease-in-out;
+              color: #006AFF;
+            }
+          }
+        }
+
+        img {
+          width: 34px;
+          height: 34px;
+          margin-right: 10px;
+        }
+      }
+
+      .customWrap {
+        h2 {
+          margin-bottom: 20px;
+        }
+
+        img {
+          /* 自动布局子元素 */
+          width: 106px;
+          height: 106px;
+          z-index: 0;
+        }
+      }
+
+      .usageGuide {
+        border-bottom: 1px solid #EAECF0;
+
+        h2 {
+          margin-bottom: 20px;
+        }
+
+        p {
+          margin-bottom: 10px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 1440px) {
+  .home-main-right {
+    transition: all .3s;
+    width: 286px !important;
+    /* 在 1440px 屏幕下的固定宽度 */
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  .home-main-right {
+    transition: all .3s;
+    width: 260px !important;
+    /* 在 1440px 屏幕下的固定宽度 */
+  }
+}
+
+@media screen and (min-width: 1441px) {
+  .home-main-right {
+    transition: all .3s;
+    width: 328px !important;
+    /* 在大于 1440px 屏幕下的最大宽度 */
+  }
+}
+</style>