yumoqing/kboss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
木瓜一块八 2025-07-31 17:50:16 +08:00
parent f0e20310f7
commit 3c83c608fc
12 changed files with 256 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
f/web-kboss/src/api/ncmatch/index.js
View File

@ -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

6
f/web-kboss/src/views/homePage/components/topBox/index.vue
View File

@ -7,7 +7,7 @@
:src=" logoInfoNew.home.logoImg || '' "
alt="">
<nav class="main-nav">
<nav class="main-nav" v-if="!isNcmatchHome">
<ul >
<li :class="{ active: $route.path.includes('/index') }">
<a @click="$router.push('/homePage/index')">首页</a>
@ -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,

BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/aiApp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 838 B

BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/collect.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 999 B

BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/eye.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/hot.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 868 B

BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/like.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1006 B

1
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/robot.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

82
f/web-kboss/src/views/homePage/ncmatch/mainPage/index.vue
View File

@ -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,6 +180,7 @@ 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-name">{{ category.name }}</span>
@ -213,9 +219,9 @@ export default Vue.extend({
<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;
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 {

2
f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
View File

@ -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;

157
f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/img/empty.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

26
f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
View File

@ -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,8 +140,13 @@ 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>