From 3c83c608fc18e3eb78aa080ee87a9bb64551248b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=A8=E7=93=9C=E4=B8=80=E5=9D=97=E5=85=AB?=
 <2523890936@qq.com>
Date: Thu, 31 Jul 2025 17:50:16 +0800
Subject: [PATCH] bugfix

---
 f/web-kboss/src/api/ncmatch/index.js          |   2 +-
 .../homePage/components/topBox/index.vue      |  10 +-
 .../homePage/ncmatch/mainPage/img/aiApp.png   | Bin 0 -> 838 bytes
 .../homePage/ncmatch/mainPage/img/collect.png | Bin 0 -> 999 bytes
 .../homePage/ncmatch/mainPage/img/eye.png     | Bin 0 -> 1265 bytes
 .../homePage/ncmatch/mainPage/img/hot.svg     |   1 +
 .../homePage/ncmatch/mainPage/img/like.png    | Bin 0 -> 1006 bytes
 .../homePage/ncmatch/mainPage/img/robot.svg   |   1 +
 .../views/homePage/ncmatch/mainPage/index.vue |  98 +++++++----
 .../ncmatch/mainPage/productCard/index.vue    |   2 +-
 .../supplyAndDemandSquare/img/empty.svg       | 157 ++++++++++++++++++
 .../ncmatch/supplyAndDemandSquare/index.vue   |  28 +++-
 12 files changed, 256 insertions(+), 43 deletions(-)
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/mainPage/img/aiApp.png
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/mainPage/img/collect.png
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/mainPage/img/eye.png
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/mainPage/img/hot.svg
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/mainPage/img/like.png
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/mainPage/img/robot.svg
 create mode 100644 f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/img/empty.svg

diff --git a/f/web-kboss/src/api/ncmatch/index.js b/f/web-kboss/src/api/ncmatch/index.js
index 5945551..46a70b7 100644
--- a/f/web-kboss/src/api/ncmatch/index.js
+++ b/f/web-kboss/src/api/ncmatch/index.js
@@ -42,7 +42,7 @@ export function reqPublishProductSearchFirstPage(data) {
 //算力供需广场 获取列表
 export function reqGetSupplyAndDemandSquareList(data) {
   return request({
-    url: '/product/get_supply_and_demand_square_list.dspy',
+    url: '/product/publish_product_search_first_page.dspy',
     method: 'post',
     headers: { 'Content-Type': 'application/json' },
     data
diff --git a/f/web-kboss/src/views/homePage/components/topBox/index.vue b/f/web-kboss/src/views/homePage/components/topBox/index.vue
index 8f38369..905a253 100644
--- a/f/web-kboss/src/views/homePage/components/topBox/index.vue
+++ b/f/web-kboss/src/views/homePage/components/topBox/index.vue
@@ -7,9 +7,9 @@
              :src=" logoInfoNew.home.logoImg || '' "
              alt="">
 
-        <nav class="main-nav">
-          <ul>
-            <li :class="{ active: $route.path.includes('/index') }">
+        <nav class="main-nav" v-if="!isNcmatchHome">
+          <ul >
+            <li  :class="{ active: $route.path.includes('/index') }">
               <a @click="$router.push('/homePage/index')">首页</a>
             </li>
             <li @mouseleave="sildeOut" @mouseenter="sildeIn(product_service)"><a>产品与服务</a></li>
@@ -202,6 +202,7 @@ import {mapGetters, mapState} from "vuex";
 import {getLogoAPI, getUserInfoAPI} from "@/api/login";
 import {reqApplyChannel} from "@/api/customer/channel";
 import store from "@/store";
+import { windows } from 'codemirror/src/util/browser';
 
 export default Vue.extend({
   name: "TopBox",
@@ -258,6 +259,9 @@ export default Vue.extend({
   },
   watch: {},
   computed: {
+    isNcmatchHome() {
+      return window.location.href.includes('ncmatchHome')
+    },
     ...mapGetters(["sidebar", "avatar", "device"]),
     ...mapState({
       isShowPanel: (state) => state.product.showHomeNav,
diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/aiApp.png b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/aiApp.png
new file mode 100644
index 0000000000000000000000000000000000000000..73210f9df76ce1fb6a47a50d7bf37246d5660b2b
GIT binary patch
literal 838
zcmV-M1G)T(P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px&07*naR7gwhmCbKVVHC!n^M2iyQC1=}F_dCvsx}g~s4=m@hLT1QQSp`NrqYFO
ztRzYzF%bzHq>*TlnED?iTGQJZ(k4?M3!>dn8FPE@kvl%ZbZVxibkn=M_j%9noaemf
zT*53pG)r8}f&ZKHb5_s3)oWWg%9>lD0n!vtU!^C-vI<}0C=0h$C<a#{ZXeJ^b%ke(
z_IT}nKNu1)$dF-|HR?!EEPds7c=$3$p}YiZcZ7^|NV}_9(++!YX?Rg^eKYs4MA%VS
z?`K+7!zotidvQtZ{x$PZ*F+B~M8-#7H(+@X^No`tMSTN%^>4ajPE84hL}N}Nlm{>1
zBufmuxLgFRsd4<ntB?;4n2G0*um|@2CD^yxliUl9Ap#WUVL8dEtacM*VHgGyhJ!2+
z`)jNHD!*MWw8Fy*R$k)e4SBB6vQQ@nu-LsQ3~hwr994U%q^*ylle|*nQF4K-YUa(N
z8rz}J{qj1ce+KMiwQiAnP-<F|3y52+zF1b3Y+>o$vv*m86@vj5^@ni;27z1_*D|*#
zi%u4yYBZDaR(_G<&d_NZ_TNPsol|W1y}i@AI|E=~)q&5oVxe_G1}F#%V^I8*ji-cB
z4+q=m*$+tMzSBfi*!1z;n~Rx4E3$urm$W+H?=u_)aW4#K$RdXnuV#g_sSeroYw$G>
z#+PcPj(Ub34mO#e36(ugg~BzbydKhsWXDDt5Da3T@=~n0FV(Il&1>Xw?l@V<CbycK
z6<3@G8#HD|M?&AhNmi6hwTnH4!5bdsPC(%#n9_m}?~fJVV&z*cIYEYpVd&eul8B`{
z3RY-0M@dX1sG2h@;F3n2kQD3RG8tYLIN#?sj*{Y57!RyuJbixhPa|^M>48T0)A*bG
zs;#MAHps;N$!*r8mXr-HH6H$VA54ljeEj@&9S}rKt@E6T?SBpq-*%#;(F@H(q*;-n
zpi8vFZmPiQaw_&U;ch2N7LJkj$P*%NS8}<^g-%B|qdlGjSG>8VV_~`4ui!Q#E(Lsj
Q{{R3007*qoM6N<$g0dxoIRF3v

literal 0
HcmV?d00001

diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/collect.png b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/collect.png
new file mode 100644
index 0000000000000000000000000000000000000000..65be3956227a034bfaedee68f5a83857188ed90e
GIT binary patch
literal 999
zcmV<D0~q{?P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px&p-DtRR7gwhmR)EaMHI*XXJ%)1X74slL&$@TdP8H9CZ#^KQm81!RB3BLTMg-l
zLh>Y7L5tApgK%F;@V(FnEh+dA+rB6gKU#!B9ts5oO>#{_VsEgtT0=f)V$yqe=g6i6
z(%Lll#y|^tU|)7-{=fO3IdgUi4=Ly&aq&NR$;>yjahd~noUEv4<3>DRoJ2W5Hhu>I
zHo&@(h~g6i`)sb5<0~rF4F@>QJ}$$sp_Ch-l&GhGLkbwMJOhh9k-`>OH$@yj^YfnI
z+H&xsz;%bY10LR$9yb1RnnoKlH$(Upr(h7x1@gUL-=e9F-Tb5{^TSYdvbR|uT^;Zt
zz5od`^cg+>Ai>Sw=6hJtY;UuAX|=$gK;iW~p(b~RChsSj?!0Qs9;?32(tX*x({EoD
z@KXnPoAA*CgYLmWwBQm&cL`_M+w^pFURbv`*0i<%1^v^ifD@7WHa-r64zk=mH!<3h
zJ5w{4yia$sS)-#aw)`p?`k;4@`gl2LGG0`1EeJKd&F_=t4mLc3P`rT@LTTM83b>Xn
zf7HLfIB3b>WI^LGZf2i5Dd1|dOi1B3R@|O#Q{NZkbYV_Oju#fCGi(AMuel)h@<x7<
zT&Gf?D{@>aV5#{la=aSwM;x4C(J+Z8SfB<rt|W;78hK&mO~f<(*<<1Fi?h&pj&)>j
zl@0x{W*ixE_sh@&9jDvac!X`9kFC%MSvw~*#@Xj-C^Do_NgAH>_{V`G-d72r>1^Ry
zsj$QO@JPjD&fV_n-?eu9UigyW`Zu|Tf&EYjoyM@zxI#BDnmteX#no*qqvuFsyOVL3
zwB8odTt~`fozg?Xk9IK?uJ*kcoGTh!+sdy%qf!>|&EV&B{oaM?%tUz*C?mA0a=y0@
z+Clh;92G8R4+mG0-W{&5J_6yc_3iY}77bpmavM*?A3E){Faq!#NKuaE+;`dbJLkRW
z>!=kfu66ms>FmpQ*TBEJ#~U)Ys-)Hx%5XG8vtzlV>*l{&^G?@2z8i`+lfZ@E-Rg2l
z#Z`BZD<QES8h`>K@Aj;scv}7uj4eLr1<|HYrz)gh*2Fs6?ld$jT*~fMJta4g+E#86
z3XSvN<nbJY0my@6i%C{IO&Sg!v@}$~%9&&yY0gEiaB=Wp>K}EncoR!srycC2%Mm6&
zbV>N(UxD+2wbG)B3@V`FP-qCKxWHCU2<QHs_GgB3?RQeXTs-2PYq{;OVEn)5_-`RT
VNG?&&&=LRu002ovPDHLkV1l7&;zIxc

literal 0
HcmV?d00001

diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/eye.png b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/eye.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d73192fc23d96af675d4a0374881a774b969184
GIT binary patch
literal 1265
zcmV<N1P=R&P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px(t4TybR7gwhmQ8F_RTRhn=f02o=Djzsm4cLyXq9%_6x$d#U_xR`#{h{^D;8;y
zRNNFC8g)nFLN*4&#+Zso3?Q%rp%4OXm4yopvQe3#L%*V!6apro#db>P;~n!RojOe0
zsVxgO+|49!?!CWv{^$J9JA_BH=n--87(A(b$=huB79}cCD3-v1Ei4$YTqq6ziQe#9
z{j#^YYzwa<A1Yu1!k;2hfKg!~<{Iven0BN0`u1n;PnXVVr7nBt{<Fd-8x_CnV?V~o
zP7T8^#>sMBIDn!i`@%1qKY16HzR9bFiE?2AC<MrY2|H;ke(x6}tf$WQ)Ek4j@G0QR
zMz)hC+F;|JYmJ>9+-DBWrvS?jjV{#-v<8@Dr+k0ykJdgpl6}t<aG;6TK%y?D+-n~?
zRB(4b(9D^YCx#aY#|**1#Yl~IDKEIJi8qmkCH=?f^M`?E&OX;2Z*x_?6|Ive^GCde
zx3PpeaFmYZf=k}#Lc@o8lBqQ$Q33;ijv<oxp2zQ=iiRGP(>q_)mE6vno4i`5AD>O?
z7HB~KF*-WAv4+)(D!fNJf5<ut$>3YiX^;$;NTLD;ib&^Sl45tHQ8}0msP2xpKnKFL
z`hWKUQyWO2i5~!awlXxFWSw6jiLR8SJp+3wZKcerJj|<vOzwt6J!x+DKX-37WNefM
zD?m6n3)u6e7xBPxx{MlD%b&(MXsBZiAM_uf{T{4h2d|^z)D9{JXd!>u^M=-)mi1J;
z6*{$h@UYYyP)o_m?s)pX=!EYxFPpbz2DWmD1lmc(&fX)Gmaw9k*Rjo=qL}}nrAR1C
z-BMv=!<DrY@N@AHB-(|BomXo02V~Ei<Lo~J&3q0Dmh~T}7c$QSP252?R*ol7jh6tY
zC~=KV{xuSm4VgXF-^G6h@$GO>ZkWj#c_S`w;!akvI0t;1Y&<`nK&1!v7bPOFC=#jD
zUY`Vi8~+7@hr&Vm>b$^ZZ*eOT4nRX&|KW-Jrlm%wSj>ZBxvPp|E)o7Lsn5q-NuvWS
zxGfUY(={>Oni6qtaRr`22T5K}8tv-+Vj|DGcpVj`c8Dc{u`qQoQ(P-g$3sG+Pod*t
z<dV7(dnj3bA+{QZ%9)SKjKvk$%IWgY_}H_PRJj8N)<ee`MbanHY3xKY`4P$Vp7SGj
zh8nZ&lv046+3b|-<IEdYv~eqR-b)gNkbH-9x(34~7+66%ib>*cNdEY0kNTMx>14jU
z<1POW+|1ipo4#dMzWb-`7A)E%q+3G<En}JPT-TxFhcQPv^V?<`&dq04SA4tBki0Tm
z%Pei?MlXVauc>{e!kEkRs;+p*Rg<@Sg621QeO%haFDeqjQ3d;l4$(t@7Rhh6vBbrm
zwc3w)!HXK%USJ`_7DmX5b@c7CZq6mb$=rSwTb_DCttTHl?&xrPbn`5OfOoL8g;xm2
zeN9-f$&Z-g#|YaT^JcEx(I<Q6A_oGND^&*t<aZ4=aX;x(PxNi1-*aDn#?Iy0NMDR{
z#ldoNQf7LVa$G1DkWiC-*Rp3WiE`lw;G{q{#?xx~+?!+ijp&?)z4=Hx*E5d?`nf7L
b@BRM*6q&^?#Kd>S00000NkvXXu0mjf;#gxK

literal 0
HcmV?d00001

diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/hot.svg b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/hot.svg
new file mode 100644
index 0000000..025c1fc
--- /dev/null
+++ b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/hot.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1753953602669" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4522" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14"><path d="M830.386555 223.731092c-146.285714 34.420168-172.10084 154.890756-154.890757 223.731093C572.235294 326.991597 572.235294 197.915966 572.235294 0c-326.991597 120.470588-249.546218 473.277311-258.15126 576.537815-77.445378-68.840336-94.655462-223.731092-94.655463-223.731092C133.378151 395.831933 90.352941 516.302521 90.352941 610.957983c0 232.336134 189.310924 413.042017 421.647059 413.042017s421.647059-189.310924 421.647059-413.042017c0-137.680672-103.260504-206.521008-103.260504-387.226891z" fill="#E02020" p-id="4523"></path></svg>
\ No newline at end of file
diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/like.png b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/like.png
new file mode 100644
index 0000000000000000000000000000000000000000..53caa2ae011714ee29644100b9c53b7855982bc9
GIT binary patch
literal 1006
zcmV<K0}=d*P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px&s7XXYR7gwhmVanfWf;f5&-?3~ySvhgBqHeAWOr`Upz@Cp@yA9YI$~7jh-INs
z7L_7VlCmo$P4JHdBkB?}&_7I~M8_Nw8WO4DAA09)*Ch7GMl!6Kt#Ri)_kH5sx-#o-
z-g8OzPcIza^Pcy4o)6#WInR3zVVVX_6Bqx3OV0e<UHqU`@G~1JQ?k<p!?IFcyMr5`
zY!?g^B)6vDQ2WEe%L31RKR8U99)^c2kWlH@<^0<YjwOa>M&up8kfsmW=S!rJv_dZE
zeU;9JfrnOHvz^zHupK1D<0Fx)nW(<=XGs3?!UpxyZ3Wl1*)CQb|8bjq$bsti1W9Oq
z`p=Q!*?pVtx>_o{sN(81{2FPz#}d0Q?xpR8VDT-%I-w|O6*gts<nA%>$Gi|Se-e^+
zURbBM6l~{rjy}bj+95cRYV`i~@)ZZSa2F(&lL1Jh2L@-M^Yt*|Q7GG;RkFD+LD>SN
zJ{cq-c|B_!C4*D&xP~-63&SAd?(>b_ihpLJC^+82??Q3{hF&3qHPEOc%>%4?U+-!0
z8BS1eQ=kN^x|n^L6mN#%7-?LA=KV0($dVI14c?8c75s{WpW}s0I7u4KnGQNsYTYK<
z)gKL3lH|jXSeja<zb#2ImawXR0M|(4qf7_ARStMw=jaEd>CI~c19$hmIQvFfrc~@U
z<E?xgiYqf6VnKP}>)*3R(DQ^@RLp<UKCXVA+eq=&QA_vs?WL02#6fDm7_3y$nM16&
zJ+<81779G4l^09RC#<4XKYdD_VN};2a`m-G@{$_UEA%&^z^=|URT#92zq|N}XbJ<K
z_jT?oXe|C?u>byI^>wkPJTj}-^JY@K3yQX8_Rx+};B^OcZwtlk(DY7fmEJj-&(vr2
z5?1jzx=Hgg7&=A@2iU_UXaEX;4`?6AsQ}WW7-@dNDJ6|F`RhZC>D9A_%L317;U?kX
z5#jS=>|+sWo<SZlj3qK|W_Pj?JTTlTr}%exI76O21s@|qntkUQXdqOLtD1S1j9>$a
z;4~@K>(n8Ndr*POF~x3OP_2NR$qjRb{*CfkmKCH#g=m7{{#1i^uq-eneh?DrF_51f
z2fE7*@9+DG&wRjvDI%Ygn)=TzRR=<WopB-6E{!l2Vr&Kw8K1}37BB+vC+r&w@<cYD
z8~r@Jvhs3huycq#!}s}7_&2G&g<=tf9r^Y0;AE|I%XTWIeaf{7{p(XMsI;%se-(X-
cIMb&1FVomCF1W4Z?EnA(07*qoM6N<$g7rJ=IRF3v

literal 0
HcmV?d00001

diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/robot.svg b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/robot.svg
new file mode 100644
index 0000000..2220576
--- /dev/null
+++ b/f/web-kboss/src/views/homePage/ncmatch/mainPage/img/robot.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1753952615473" class="icon" viewBox="0 0 1204 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8296" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.4609375" height="14"><path d="M44.436179 823.338913a44.436179 44.436179 0 0 1-44.436179-44.436179v-285.661149a44.436179 44.436179 0 0 1 89.189759 0v285.661149a44.436179 44.436179 0 0 1-44.436179 44.436179M1159.403385 823.338913a44.436179 44.436179 0 0 1-44.436179-44.436179v-285.661149a44.436179 44.436179 0 0 1 88.872358 0v285.661149a44.436179 44.436179 0 0 1-44.436179 44.436179M802.580869 44.436179a44.436179 44.436179 0 0 1-44.436179 44.436179h-285.661149a44.436179 44.436179 0 0 1 0-88.872358h285.661149a44.436179 44.436179 0 0 1 44.436179 44.436179" fill="#246EFF" p-id="8297"></path><path d="M767.539768 248.080838H660.194656v-160.605046H571.322299v160.605046H436.490236a276.266072 276.266072 0 0 0-275.94867 275.94867v224.021822a276.266072 276.266072 0 0 0 275.94867 275.94867h331.049532a276.266072 276.266072 0 0 0 275.94867-275.94867V524.029508a276.266072 276.266072 0 0 0-275.94867-275.94867z m186.758912 499.970492a187.012832 187.012832 0 0 1-186.758912 186.758911H436.490236a187.012832 187.012832 0 0 1-186.758911-186.758911V524.029508a187.012832 187.012832 0 0 1 186.758911-186.758911h331.049532a187.012832 187.012832 0 0 1 186.758912 186.758911z" fill="#246EFF" p-id="8298"></path><path d="M436.998078 572.464943a71.351807 71.351807 0 0 0-71.351807 71.351807 71.351807 71.351807 0 1 0 71.351807-71.351807zM760.303019 572.464943a71.351807 71.351807 0 0 0-71.351807 71.351807 71.351807 71.351807 0 1 0 71.351807-71.415287z" fill="#246EFF" p-id="8299"></path></svg>
\ No newline at end of file
diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/index.vue b/f/web-kboss/src/views/homePage/ncmatch/mainPage/index.vue
index 83fbc7b..13ea60e 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/mainPage/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/mainPage/index.vue
@@ -110,6 +110,7 @@ export default Vue.extend({
         { name: '网', icon: require('./img/net.png'), product_list: ['AI专线', 'SDWAN', '互联网专线', 'DCI'] },
         { name: '一体机', icon: require('./img/computer.png'), product_list: ['昆仑芯', '天数智芯'] },
         { name: '硬件', icon: require('./img/ying.png'), product_list: ['机器人', 'AR眼镜'] },
+        { name: 'AI应用', icon: require('./img/aiApp.png'), product_list: ['数字人', '智慧医疗', '智能客服'] },
       ]
     }
   },
@@ -144,21 +145,25 @@ export default Vue.extend({
     <header class="header">
       <div class="header-content">
         <!-- 左侧Logo -->
-        <div class="logo-section">
+        <!-- <div class="logo-section"> -->
+        <!--           
           <div class="logo">
-            <!-- <span class="logo-text">京东</span> -->
              <img src="./img/logo.png" alt="">
-          </div>
-        </div>
+          </div> -->
+
+        <!-- </div> -->
 
         <!-- 中间搜索区域 -->
-        <div class="search-section">
+        <div class="search-section" style="position: relative;">
           <div class="search-bar">
-            <input v-model="searchKeyword" type="text" class="search-input" placeholder="4090">
+            <input v-model="searchKeyword" type="text" class="search-input" placeholder="搜你想搜...">
 
             <button class="search-btn" @click="handleSearch">搜索</button>
-
           </div>
+          <span
+            style="height: 44px;line-height: 44px;border-radius: 8px;border:1px solid #275AFF; color: #275AFF;font-size: 18px;font-weight: 500;position: absolute;right: -150px;top: 0px;padding: 0 20px;z-index: 10;display: flex;align-items: center;gap: 10px;">
+            <img style="width: 24px;height: 24px;" src="./img/robot.svg" alt="">
+            NC AI</span>
 
           <!-- 热搜关键词 -->
           <div class="hot-search">
@@ -175,8 +180,9 @@ export default Vue.extend({
         <!-- 左侧分类导航 -->
         <aside class="category-sidebar">
           <ul class="category-list">
+            <li class="category-item" style="color: #E02020;"><img src="./img/hot.svg" style="margin-right: 10px;" alt=""> 热门推荐 / 活动促销</li>
             <li v-for="category in categories" :key="category.name" class="category-item">
-              <span class="category-icon"> <img style="width: 24px;height: 24px;" :src=" category.icon" alt=""> </span>
+              <span class="category-icon"> <img style="width: 24px;height: 24px;" :src="category.icon" alt=""> </span>
               <span class="category-name">{{ category.name }}</span>
               <span style="display: flex;margin-left: 0px;padding-left: 0px;">|</span>
               <div class="menu-item">
@@ -208,14 +214,14 @@ export default Vue.extend({
 
         <!-- 右侧用户信息栏 -->
         <aside class="user-sidebar" style="background-color: #f8fbfe;padding: 10px;padding-top: 20px;">
-          <span class="publish-goods" @click="$router.push('/ncmatchHome/supplyAndDemandSquare')">  算力供需广场</span>
+          <span class="publish-goods" @click="$router.push('/ncmatchHome/supplyAndDemandSquare')"> 算力供需广场</span>
           <span class="publish-goods">发布需求</span>
           <span class="publish-goods" @click="sendProductVisible = true">发布商品</span>
 
           <ul class="userBtn">
-            <li><img src="./img/history.svg" alt="">浏览记录</li>
-            <li><img src="./img/star.svg" alt="">收藏商品</li>
-            <li><img src="./img/zan.svg" alt="">关注需求</li>
+            <li><img src="./img/eye.png" alt="">浏览记录</li>
+            <li><img src="./img/collect.png" alt="">收藏商品</li>
+            <li><img src="./img/like.png" alt="">关注需求</li>
           </ul>
         </aside>
       </div>
@@ -239,10 +245,10 @@ export default Vue.extend({
 </template>
 
 <style scoped lang="scss">
-
 .userBtn {
+  margin-top: 40px !important;
   display: flex;
-  justify-content: space-between;
+  justify-content: space-around;
   align-items: center;
 
   li {
@@ -250,6 +256,19 @@ export default Vue.extend({
     display: flex;
     align-items: center;
     justify-content: center;
+    transition: all 0.3s;
+
+    &:hover {
+      transition: all 0.3s;
+      cursor: pointer;
+      color: #2c96fc;
+
+      svg {
+        path {
+          fill: #2c96fc !important;
+        }
+      }
+    }
 
     img {
       width: 16px;
@@ -269,7 +288,7 @@ export default Vue.extend({
 }
 
 .productList {
-  width: 1400px;
+  width: 1600px;
   margin: 0 auto;
 }
 
@@ -410,23 +429,33 @@ export default Vue.extend({
 // Header样式
 .header {
   padding: 10px 0;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: relative;
+  height: 100px;
 
   .header-content {
-    max-width: 1400px;
-    margin: 0 auto;
+    width: 100%;
+    max-width: 950px;
+    // margin: 0 auto;
     margin-top: 15px;
     display: flex;
     align-items: center;
     // gap: 20px;
-
+    position: absolute;
+    left: 420px;
   }
 
   .logo-section {
-margin: 0 50px;
-img{
-  height: 70px;
-  width: 80px;
-}
+
+    margin: 0 50px;
+
+    img {
+      height: 70px;
+      width: 70px;
+    }
+
     .logo {
       display: flex;
       align-items: center;
@@ -490,6 +519,9 @@ img{
       flex-wrap: wrap;
 
       .hot-keyword {
+        &:nth-child(-n+3) {
+          color: #e1251b;
+        }
         color: #666;
         text-decoration: none;
         font-size: 12px;
@@ -525,13 +557,13 @@ img{
 // 主内容区域
 .main-content {
   padding: 16px;
-  max-width: 1400px;
+  max-width: 1600px;
   margin: 20px auto;
   margin-top: 10px;
   border-radius: 10px;
   overflow: hidden;
   background-color: white;
-
+height: 360px;
   .content-wrapper {
     box-sizing: border-box;
     display: grid;
@@ -545,26 +577,26 @@ img{
   background-color: #f8fbfe;
   height: 100%;
   border-radius: 10px;
-  padding: 15px;
+  // padding: 15px;
+  padding: 5px;
 
   .category-list {
     list-style: none;
     padding: 0;
     margin: 0;
 
-
     .category-item {
       display: flex;
+      margin-bottom: 10px;
       align-items: center;
       gap: 10px;
       padding: 4px 0;
-      margin-bottom: 5px;
       cursor: pointer;
       transition: all 0.3s;
-
+padding: 0 10px;
       &:hover {
-        color: #e1251b;
-        background: #fafafa;
+        color: #2c96fc;
+        background: #c3daee !important;
       }
 
       &:last-child {
@@ -572,7 +604,7 @@ img{
       }
 
       .category-icon {
-  
+
         width: 20px;
         text-align: center;
         display: flex;
@@ -674,7 +706,7 @@ img{
 
 }
 
-.user-sidebar{
+.user-sidebar {
   height: 100%;
 }
 
diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue b/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
index af427d0..1fcc7c1 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
@@ -114,7 +114,7 @@ export default {
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   padding: 16px;
-  max-width: 1400px;
+  max-width: 1600px;
   margin: 0 auto;
   background-color: white;
 
diff --git a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/img/empty.svg b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/img/empty.svg
new file mode 100644
index 0000000..dcda393
--- /dev/null
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/img/empty.svg
@@ -0,0 +1,157 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1080 1080" height="1080px" width="1080px">
+    <title>Empty state_money</title>
+    <defs>
+        <linearGradient id="linearGradient-1" y2="49.999%" x2="-25.0486869%" y1="49.999%" x1="120.941313%">
+            <stop offset="0%" stop-opacity="0" stop-color="#C8CACD"></stop>
+            <stop offset="100%" stop-color="#B2B5B8"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-2" y2="99.9798247%" x2="49.4990945%" y1="9.63971254%" x1="50.517101%">
+            <stop offset="0%" stop-color="#F4F5F5"></stop>
+            <stop offset="100%" stop-color="#B3B6B9"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-3" y2="99.8333092%" x2="50.3293803%" y1="7.46334065%" x1="49.8201842%">
+            <stop offset="0%" stop-color="#F3F4F4"></stop>
+            <stop offset="100%" stop-color="#B3B6B9"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-4" y2="-44.1593651%" x2="49.9967123%" y1="100.010635%" x1="49.9967123%">
+            <stop offset="0%" stop-color="#F8F8F9"></stop>
+            <stop offset="100%" stop-color="#E2E3E4"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-5" y2="2.87680233%" x2="49.9950427%" y1="99.6368023%" x1="49.9950427%">
+            <stop offset="0%" stop-opacity="0" stop-color="#F4F5F5"></stop>
+            <stop offset="100%" stop-color="#EEEFF0"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-6" y2="2.85491453%" x2="50.0013111%" y1="99.7049145%" x1="50.0013111%">
+            <stop offset="0%" stop-opacity="0" stop-color="#F4F5F5"></stop>
+            <stop offset="100%" stop-color="#EEEFF0"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-7" y2="0.10431694%" x2="49.9970261%" y1="100.004317%" x1="49.9970261%">
+            <stop offset="0.2903294%" stop-opacity="0" stop-color="#F4F5F5"></stop>
+            <stop offset="97.98%" stop-color="#F0F1F2"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-8" y2="100.135451%" x2="49.2674945%" y1="9.51551319%" x1="50.8593448%">
+            <stop offset="0%" stop-color="#F4F5F5"></stop>
+            <stop offset="100%" stop-color="#B3B6B9"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-9" y2="99.8624686%" x2="50.460387%" y1="7.70267331%" x1="49.5709381%">
+            <stop offset="0%" stop-color="#F3F4F4"></stop>
+            <stop offset="100%" stop-color="#B3B6B9"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-10" y2="100.468411%" x2="49.150831%" y1="9.94853854%" x1="50.7540359%">
+            <stop offset="0%" stop-color="#F4F5F5"></stop>
+            <stop offset="100%" stop-color="#B3B6B9"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-11" y2="99.7607635%" x2="50.6091894%" y1="7.54080286%" x1="49.6697403%">
+            <stop offset="0%" stop-color="#F3F4F4"></stop>
+            <stop offset="100%" stop-color="#B3B6B9"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-12" y2="124.53%" x2="50.0116297%" y1="1.10241782e-11%" x1="50.0116297%">
+            <stop offset="0%" stop-color="#C5C8CA"></stop>
+            <stop offset="100%" stop-color="#E0E1E2"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-13" y2="99.9989189%" x2="49.9992857%" y1="-0.00108108108%" x1="49.9992857%">
+            <stop offset="0%" stop-color="#CCCED1"></stop>
+            <stop offset="100%" stop-color="#EDEEEF"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-14" y2="100.002245%" x2="49.9992857%" y1="0.00224532224%" x1="49.9992857%">
+            <stop offset="0%" stop-color="#D7D8DA"></stop>
+            <stop offset="100%" stop-color="#EDEEEF"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-15" y2="99.8875529%" x2="50.0089873%" y1="-0.00244712991%" x1="50.0089873%">
+            <stop offset="0%" stop-color="#CBCDD0"></stop>
+            <stop offset="100%" stop-color="#F4F5F5"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-16" y2="100.005118%" x2="50.0089873%" y1="0.00511784512%" x1="50.0089873%">
+            <stop offset="0%" stop-color="#D7D8DA"></stop>
+            <stop offset="100%" stop-color="#EDEEEF"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-17" y2="99.995445%" x2="50.0207011%" y1="-0.00455497383%" x1="50.0207011%">
+            <stop offset="0%" stop-color="#CCCED1"></stop>
+            <stop offset="100%" stop-color="#EDEEEF"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-18" y2="100.004421%" x2="50.0274074%" y1="0.00442105263%" x1="50.0274074%">
+            <stop offset="0%" stop-color="#D7D8DA"></stop>
+            <stop offset="100%" stop-color="#EDEEEF"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-19" y2="99.9996543%" x2="50.0045339%" y1="-0.000345710623%" x1="50.0045339%">
+            <stop offset="0%" stop-color="#E4E5E6"></stop>
+            <stop offset="100%" stop-color="#AFB2B6"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-20" y2="99.9996982%" x2="50.0045339%" y1="-0.000301783277%" x1="50.0045339%">
+            <stop offset="0%" stop-color="#EFF0F1"></stop>
+            <stop offset="100%" stop-color="#BBBDC1"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-21" y2="49.9929885%" x2="99.9328107%" y1="49.9929885%" x1="0.282810707%">
+            <stop offset="0%" stop-color="#C4C7C9"></stop>
+            <stop offset="100%" stop-color="#E0E1E2"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-22" y2="50.0006173%" x2="99.9328107%" y1="50.0006173%" x1="0.282810707%">
+            <stop offset="0%" stop-color="#FFFFFF"></stop>
+            <stop offset="100%" stop-opacity="0.09743772" stop-color="#FFFFFF"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-23" y2="6.50282609%" x2="49.9976087%" y1="114.902826%" x1="49.9976087%">
+            <stop offset="0%" stop-color="#FFFFFF"></stop>
+            <stop offset="100%" stop-color="#CFD1D3"></stop>
+        </linearGradient>
+        <linearGradient id="linearGradient-24" y2="6.51717391%" x2="49.9976087%" y1="114.907174%" x1="49.9976087%">
+            <stop offset="0%" stop-opacity="0.09743772" stop-color="#FFFFFF"></stop>
+            <stop offset="100%" stop-color="#FFFFFF"></stop>
+        </linearGradient>
+    </defs>
+    <g opacity="0.8" fill-rule="evenodd" fill="none" stroke-width="1" stroke="none" id="基础组件">
+        <g fill-rule="nonzero" id="Empty-state_money">
+            <g id="编组">
+                <g id="编组-14">
+                    <rect height="1080" width="1080" y="0" x="0" fill="#FFFFFF" fill-opacity="0" id="矩形"></rect>
+                    <ellipse ry="15" rx="148.5" cy="881.7" cx="540" opacity="0.331" fill="url(#linearGradient-1)" id="椭圆形"></ellipse>
+                    <g transform="translate(167.161830, 585.966414)" opacity="0.7794" id="编组备份-2">
+                        <ellipse ry="5.4" rx="17.4" cy="82.1667915" cx="47.5190856" opacity="0.5988" fill="#9DA1A6" id="椭圆形_1_"></ellipse>
+                        <path opacity="0.5765" fill="url(#linearGradient-2)" id="椭圆形_2_" d="M32.2190856,82.1667915 C37.0190856,84.2667915 60.4190856,47.6667915 63.7190856,38.0667915 C67.0190856,28.4667916 63.4190856,17.6667916 55.6190856,14.3667916 C47.8190856,11.0667916 38.8190856,16.1667916 35.5190856,26.0667916 C32.2190856,35.9667915 27.1190857,80.0667915 32.2190856,82.1667915 Z"></path>
+                        <path fill="url(#linearGradient-3)" id="椭圆形_3_" d="M33.1190856,82.1667915 C39.1190856,80.3667915 38.2190856,28.4667916 35.2190856,16.7667916 C32.2190856,5.06679156 22.3190857,-2.13320844 12.7190857,0.56679156 C3.11908572,3.26679156 -1.98091428,14.9667916 0.719085721,26.6667916 C3.41908572,38.3667915 27.1190857,83.9667915 33.1190856,82.1667915 Z"></path>
+                    </g>
+                    <path opacity="0.7" fill="url(#linearGradient-4)" id="形状结合" d="M171.6,245.7 C170.4,245.7 169.2,245.7 168,245.4 C166.5,245.7 165,245.7 163.5,245.7 C140.4,245.7 121.5,227.1 121.5,203.7 C121.5,180.3 140.1,162 163.5,162 C166.2,162 168.9,162.3 171.3,162.6 C180.9,144.6 199.8,132.3 221.7,132.3 C252.9,132.3 278.4,157.8 278.4,189 L278.4,189 L312,189 C327.6,189 340.5,201.6 340.5,217.2 C340.5,232.8 327.9,245.7 312,245.7 L171.6,245.7 Z"></path>
+                    <g transform="translate(108.000000, 658.800000)" id="编组-2">
+                        <path fill="url(#linearGradient-5)" id="路径" d="M0,140.4 C46.8,71.7 91.8,37.2 134.4,37.2 C177,37.2 225.9,71.7 280.8,140.4 L0,140.4 Z"></path>
+                        <path fill="url(#linearGradient-6)" id="路径-2" d="M166.2,140.4 C215.7,46.8 268.8,0 325.2,0 C381.6,0 484.2,46.8 633,140.4 L166.2,140.4 Z"></path>
+                        <path fill="url(#linearGradient-7)" id="路径-3" d="M864,140.4 C812.4,67.2 763.5,30.6 717.9,30.6 C672.3,30.6 598.5,67.2 496.8,140.4 L864,140.4 Z"></path>
+                    </g>
+                    <g transform="translate(772.317252, 537.206304)" id="编组-62">
+                        <ellipse ry="4.2" rx="13.5" cy="57.9468483" cx="37.7413755" opacity="0.6699" fill="#9DA1A6" id="椭圆形_4_"></ellipse>
+                        <path opacity="0.5765" fill="url(#linearGradient-8)" id="椭圆形_5_" d="M26.0413755,57.9468483 C29.9413755,59.4468483 47.6413755,33.3468483 50.3413755,26.4468484 C53.0413755,19.5468484 50.0413755,12.0468484 44.3413755,9.64684836 C38.6413755,7.24684836 31.4413755,11.1468484 28.7413755,18.0468484 C26.0413755,24.6468484 22.4413755,56.4468483 26.0413755,57.9468483 Z"></path>
+                        <path fill="url(#linearGradient-9)" id="椭圆形_6_" d="M25.4413755,57.9468483 C30.2413755,56.7468483 29.3413755,20.1468484 27.2413755,12.0468484 C25.1413755,3.94684836 17.0413755,-1.45315164 9.84137547,0.34684836 C2.64137547,2.14684836 -1.55862453,10.5468484 0.541375469,18.6468484 C2.64137547,26.7468484 20.9413755,59.1468483 25.4413755,57.9468483 Z"></path>
+                    </g>
+                    <g transform="translate(796.723260, 788.264682)" opacity="0.8969" id="编组">
+                        <ellipse ry="5.4" rx="17.7" cy="97.2676599" cx="56.2883712" opacity="0.5969" fill="#9DA1A6" id="椭圆形_7_"></ellipse>
+                        <path opacity="0.5765" fill="url(#linearGradient-10)" id="椭圆形_8_" d="M43.6883712,98.1676599 C49.9883712,100.56766 80.2883712,56.4676599 84.7883712,44.7676599 C89.2883712,33.0676599 84.4883712,20.1676598 74.2883712,16.2676598 C64.0883712,12.3676598 52.3883712,18.6676598 47.8883712,30.3676599 C43.3883712,42.0676599 37.3883712,95.7676599 43.6883712,98.1676599 Z"></path>
+                        <path fill="url(#linearGradient-11)" id="椭圆形_9_" d="M43.6883712,98.4676599 C51.7883712,96.3676599 50.5883712,34.2676599 46.6883712,20.4676598 C42.7883712,6.66765978 29.2883711,-2.63234023 16.6883711,0.667659768 C4.08837108,3.96765978 -2.81162892,18.0676598 1.08837108,32.1676599 C4.98837108,46.2676599 35.5883712,100.56766 43.6883712,98.4676599 Z"></path>
+                    </g>
+                </g>
+                <g transform="translate(342.468906, 383.400000)" id="编组-13">
+                    <polygon points="45.6 69 356.7 69 356.7 168 45.6 168" fill="url(#linearGradient-12)" id="矩形_1_"></polygon>
+                    <path opacity="0.755208333" fill="url(#linearGradient-13)" id="矩形_2_" d="M1.8,129.3 L84,0 L84,0 L84,98.4 L0,288.6 L0,135 C0,132.9 0.6,130.8 1.8,129.3 Z"></path>
+                    <path fill="url(#linearGradient-14)" id="矩形备份-17" d="M1.8,137.4 L84,8.1 L84,8.1 L84,106.5 L0,296.7 L0,143.1 C0,141 0.6,138.9 1.8,137.4 Z"></path>
+                    <rect height="99.3" width="237" y="0" x="84" opacity="0.755208333" fill="url(#linearGradient-15)" id="矩形_3_"></rect>
+                    <rect height="89.1" width="237" y="5.4" x="84" fill="url(#linearGradient-16)" id="矩形备份-16"></rect>
+                    <path opacity="0.755208333" fill="url(#linearGradient-17)" id="矩形_4_" d="M400.5,126.9 L321,0 L321,0 L321,98.4 L402.3,286.5 L402.3,132.6 C402.3,130.8 401.7,128.7 400.5,126.9 Z"></path>
+                    <path fill="url(#linearGradient-18)" id="矩形备份-18" d="M400.5,133.5 L321.3,8.1 L321.3,8.1 L321.3,106.5 L402.3,293.1 L402.3,139.5 C402.3,137.4 401.7,135.3 400.5,133.5 Z"></path>
+                    <g transform="translate(0.000000, 132.244899)" id="形状结合备份-7">
+                        <g fill="url(#linearGradient-19)" id="蒙版">
+                            <path id="path-24" d="M402.3,0 L402.3,212.7 C402.3,224.7 392.7,234.3 380.7,234.3 L21.6,234.3 C9.6,234.3 0,224.7 0,212.7 L0,0 L164.7,0 L164.7,0 C164.7,20.1 180.9,36.6 201.3,36.6 C221.7,36.6 237.6,20.1 237.6,0 L402.3,0 Z"></path>
+                        </g>
+                        <g fill="url(#linearGradient-20)" transform="translate(0.000000, 5.400000)" id="Clipped">
+                            <path id="路径_1_" d="M402.3,0 L402.3,197.1 C402.3,209.1 392.7,218.7 380.7,218.7 L21.6,218.7 C9.6,218.7 0,209.1 0,197.1 L0,0 L164.7,0 L164.7,0 C164.7,20.1 180.9,36.6 201,36.6 C221.1,36.6 237.6,20.1 237.6,0 L402.3,0 Z"></path>
+                        </g>
+                    </g>
+                    <g fill="url(#linearGradient-21)" transform="translate(125.357142, 206.632653)" id="蒙版_1_">
+                        <path id="path-28" d="M26.1,0 L130.8,0 C145.2,0 156.9,11.7 156.9,26.1 C156.9,40.5 145.2,52.2 130.8,52.2 L26.1,52.2 C11.7,52.2 0,40.5 0,26.1 C0,11.7 11.7,0 26.1,0 Z"></path>
+                    </g>
+                    <g fill="url(#linearGradient-22)" transform="translate(125.357142, 204.979593)" id="蒙版备份-4">
+                        <path id="path-31" d="M24.3,0 L132.6,0 C146.1,0 156.9,10.8 156.9,24.3 C156.9,37.8 146.1,48.6 132.6,48.6 L24.3,48.6 C10.8,48.6 0,37.8 0,24.3 C0,10.8 10.8,0 24.3,0 Z"></path>
+                    </g>
+                </g>
+                <circle r="13.8" cy="612.3" cx="545.1" fill="url(#linearGradient-23)" id="椭圆形_10_"></circle>
+                <circle r="13.8" cy="615" cx="545.1" fill="url(#linearGradient-24)" id="椭圆形备份-17"></circle>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
index a5c76fc..e8512f3 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
@@ -59,7 +59,10 @@
                 <div class="product-card-container">
                     <productCard v-if="productList.length > 0" type="supplyAndDemandSquare" :productList="productList">
                     </productCard>
-                    <div v-else class="no-data">暂无数据</div>
+                    <div v-else class="no-data">
+                        <img style="width: 150px;height: 10px;" src="./img/empty.svg" alt="">
+                        暂无数据
+                    </div>
                 </div>
             </div>
         </div>
@@ -137,9 +140,14 @@ export default {
             // 这里可以根据类型重新加载数据
         },
         initData(product_category) {
-            reqGetSupplyAndDemandSquareList({product_category}).then(res => {
+            reqGetSupplyAndDemandSquareList({product_category,to_page:"square",url_link:window.location.href}).then(res => {
                 if (res.status) {
-
+                    if(res.data.length===0){
+                        this.productList = []
+                    }else{
+                        this.productList = res.data[0].product_list
+                    }
+                 
                 }
             })
 
@@ -201,7 +209,7 @@ export default {
         }
     },
     mounted() {
-        this.getProductList()
+        // this.getProductList()
     }
 }
 </script>
@@ -272,7 +280,7 @@ export default {
 }
 
 .title {
-    color: #222F60;
+    color: #666!important;
     font-size: 36px;
     margin: 25px;
 
@@ -396,4 +404,14 @@ export default {
         }
     }
 }
+.no-data{
+    min-height: 500px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 16px;
+    color: #7A82A0;
+    flex-direction: column;
+
+}
 </style>
\ No newline at end of file