bugfix
This commit is contained in:
parent
f0e20310f7
commit
3c83c608fc
@ -42,7 +42,7 @@ export function reqPublishProductSearchFirstPage(data) {
|
|||||||
//算力供需广场 获取列表
|
//算力供需广场 获取列表
|
||||||
export function reqGetSupplyAndDemandSquareList(data) {
|
export function reqGetSupplyAndDemandSquareList(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/product/get_supply_and_demand_square_list.dspy',
|
url: '/product/publish_product_search_first_page.dspy',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
headers: { 'Content-Type': 'application/json' },
|
headers: { 'Content-Type': 'application/json' },
|
||||||
data
|
data
|
||||||
|
|||||||
@ -7,8 +7,8 @@
|
|||||||
:src=" logoInfoNew.home.logoImg || '' "
|
:src=" logoInfoNew.home.logoImg || '' "
|
||||||
alt="">
|
alt="">
|
||||||
|
|
||||||
<nav class="main-nav">
|
<nav class="main-nav" v-if="!isNcmatchHome">
|
||||||
<ul>
|
<ul >
|
||||||
<li :class="{ active: $route.path.includes('/index') }">
|
<li :class="{ active: $route.path.includes('/index') }">
|
||||||
<a @click="$router.push('/homePage/index')">首页</a>
|
<a @click="$router.push('/homePage/index')">首页</a>
|
||||||
</li>
|
</li>
|
||||||
@ -202,6 +202,7 @@ import {mapGetters, mapState} from "vuex";
|
|||||||
import {getLogoAPI, getUserInfoAPI} from "@/api/login";
|
import {getLogoAPI, getUserInfoAPI} from "@/api/login";
|
||||||
import {reqApplyChannel} from "@/api/customer/channel";
|
import {reqApplyChannel} from "@/api/customer/channel";
|
||||||
import store from "@/store";
|
import store from "@/store";
|
||||||
|
import { windows } from 'codemirror/src/util/browser';
|
||||||
|
|
||||||
export default Vue.extend({
|
export default Vue.extend({
|
||||||
name: "TopBox",
|
name: "TopBox",
|
||||||
@ -258,6 +259,9 @@ export default Vue.extend({
|
|||||||
},
|
},
|
||||||
watch: {},
|
watch: {},
|
||||||
computed: {
|
computed: {
|
||||||
|
isNcmatchHome() {
|
||||||
|
return window.location.href.includes('ncmatchHome')
|
||||||
|
},
|
||||||
...mapGetters(["sidebar", "avatar", "device"]),
|
...mapGetters(["sidebar", "avatar", "device"]),
|
||||||
...mapState({
|
...mapState({
|
||||||
isShowPanel: (state) => state.product.showHomeNav,
|
isShowPanel: (state) => state.product.showHomeNav,
|
||||||
|
|||||||
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/aiApp.png
Normal file
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/aiApp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 838 B |
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/collect.png
Normal file
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/collect.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/eye.png
Normal file
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/eye.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@ -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>
|
||||||
|
After Width: | Height: | Size: 868 B |
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/like.png
Normal file
BIN
f/web-kboss/src/views/homePage/ncmatch/mainPage/img/like.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1006 B |
@ -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>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
@ -110,6 +110,7 @@ export default Vue.extend({
|
|||||||
{ name: '网', icon: require('./img/net.png'), product_list: ['AI专线', 'SDWAN', '互联网专线', 'DCI'] },
|
{ name: '网', icon: require('./img/net.png'), product_list: ['AI专线', 'SDWAN', '互联网专线', 'DCI'] },
|
||||||
{ name: '一体机', icon: require('./img/computer.png'), product_list: ['昆仑芯', '天数智芯'] },
|
{ name: '一体机', icon: require('./img/computer.png'), product_list: ['昆仑芯', '天数智芯'] },
|
||||||
{ name: '硬件', icon: require('./img/ying.png'), product_list: ['机器人', 'AR眼镜'] },
|
{ 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">
|
<header class="header">
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
<!-- 左侧Logo -->
|
<!-- 左侧Logo -->
|
||||||
<div class="logo-section">
|
<!-- <div class="logo-section"> -->
|
||||||
|
<!--
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<!-- <span class="logo-text">京东</span> -->
|
|
||||||
<img src="./img/logo.png" alt="">
|
<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">
|
<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>
|
<button class="search-btn" @click="handleSearch">搜索</button>
|
||||||
|
|
||||||
</div>
|
</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">
|
<div class="hot-search">
|
||||||
@ -175,8 +180,9 @@ export default Vue.extend({
|
|||||||
<!-- 左侧分类导航 -->
|
<!-- 左侧分类导航 -->
|
||||||
<aside class="category-sidebar">
|
<aside class="category-sidebar">
|
||||||
<ul class="category-list">
|
<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">
|
<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 class="category-name">{{ category.name }}</span>
|
||||||
<span style="display: flex;margin-left: 0px;padding-left: 0px;">|</span>
|
<span style="display: flex;margin-left: 0px;padding-left: 0px;">|</span>
|
||||||
<div class="menu-item">
|
<div class="menu-item">
|
||||||
@ -213,9 +219,9 @@ export default Vue.extend({
|
|||||||
<span class="publish-goods" @click="sendProductVisible = true">发布商品</span>
|
<span class="publish-goods" @click="sendProductVisible = true">发布商品</span>
|
||||||
|
|
||||||
<ul class="userBtn">
|
<ul class="userBtn">
|
||||||
<li><img src="./img/history.svg" alt="">浏览记录</li>
|
<li><img src="./img/eye.png" alt="">浏览记录</li>
|
||||||
<li><img src="./img/star.svg" alt="">收藏商品</li>
|
<li><img src="./img/collect.png" alt="">收藏商品</li>
|
||||||
<li><img src="./img/zan.svg" alt="">关注需求</li>
|
<li><img src="./img/like.png" alt="">关注需求</li>
|
||||||
</ul>
|
</ul>
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
@ -239,10 +245,10 @@ export default Vue.extend({
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
||||||
.userBtn {
|
.userBtn {
|
||||||
|
margin-top: 40px !important;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
@ -250,6 +256,19 @@ export default Vue.extend({
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
transition: all 0.3s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transition: all 0.3s;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #2c96fc;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
path {
|
||||||
|
fill: #2c96fc !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
@ -269,7 +288,7 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.productList {
|
.productList {
|
||||||
width: 1400px;
|
width: 1600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -410,23 +429,33 @@ export default Vue.extend({
|
|||||||
// Header样式
|
// Header样式
|
||||||
.header {
|
.header {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
height: 100px;
|
||||||
|
|
||||||
.header-content {
|
.header-content {
|
||||||
max-width: 1400px;
|
width: 100%;
|
||||||
margin: 0 auto;
|
max-width: 950px;
|
||||||
|
// margin: 0 auto;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
// gap: 20px;
|
// gap: 20px;
|
||||||
|
position: absolute;
|
||||||
|
left: 420px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-section {
|
.logo-section {
|
||||||
margin: 0 50px;
|
|
||||||
img{
|
margin: 0 50px;
|
||||||
|
|
||||||
|
img {
|
||||||
height: 70px;
|
height: 70px;
|
||||||
width: 80px;
|
width: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -490,6 +519,9 @@ img{
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.hot-keyword {
|
.hot-keyword {
|
||||||
|
&:nth-child(-n+3) {
|
||||||
|
color: #e1251b;
|
||||||
|
}
|
||||||
color: #666;
|
color: #666;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -525,13 +557,13 @@ img{
|
|||||||
// 主内容区域
|
// 主内容区域
|
||||||
.main-content {
|
.main-content {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
max-width: 1400px;
|
max-width: 1600px;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
height: 360px;
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: grid;
|
display: grid;
|
||||||
@ -545,26 +577,26 @@ img{
|
|||||||
background-color: #f8fbfe;
|
background-color: #f8fbfe;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 15px;
|
// padding: 15px;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
.category-list {
|
.category-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
|
||||||
.category-item {
|
.category-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
margin-bottom: 10px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
margin-bottom: 5px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
|
padding: 0 10px;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #e1251b;
|
color: #2c96fc;
|
||||||
background: #fafafa;
|
background: #c3daee !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
@ -674,7 +706,7 @@ img{
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-sidebar{
|
.user-sidebar {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -114,7 +114,7 @@ export default {
|
|||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
max-width: 1400px;
|
max-width: 1600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
After Width: | Height: | Size: 14 KiB |
@ -59,7 +59,10 @@
|
|||||||
<div class="product-card-container">
|
<div class="product-card-container">
|
||||||
<productCard v-if="productList.length > 0" type="supplyAndDemandSquare" :productList="productList">
|
<productCard v-if="productList.length > 0" type="supplyAndDemandSquare" :productList="productList">
|
||||||
</productCard>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -137,8 +140,13 @@ export default {
|
|||||||
// 这里可以根据类型重新加载数据
|
// 这里可以根据类型重新加载数据
|
||||||
},
|
},
|
||||||
initData(product_category) {
|
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.status) {
|
||||||
|
if(res.data.length===0){
|
||||||
|
this.productList = []
|
||||||
|
}else{
|
||||||
|
this.productList = res.data[0].product_list
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@ -201,7 +209,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getProductList()
|
// this.getProductList()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -272,7 +280,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: #222F60;
|
color: #666!important;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
margin: 25px;
|
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>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user