Skip to content

S
sensorConsult
Commit 0689ae73 authored by zhanglw's avatar zhanglw
Browse files
Options

解决方案

parent 74b1647d
Show whitespace changes
Inline Side-by-side
Showing with 79 additions and 163 deletions
src/api/common.js
View file @ 0689ae73
......@@ -479,6 +479,34 @@ export const HttpReq = {
method: 'get'
})
},
// 优质供应商-查询列表
supplierGetSupplierList: function(params) {
return request({
url: '/api/bsw/bigScreen/highQualitySuppliers?' + qs.stringify(params, { indices: false }),
method: 'get'
})
},
// 解决方案-查询列表
projectGetSolutionsAndServices: function(params) {
return request({
url: '/api/bsw/bigScreen/solutionsAndServices?' + qs.stringify(params, { indices: false }),
method: 'get'
})
},
// 软件系统-查询列表
softWareSystem: function(params) {
return request({
url: '/api/bsw/bigScreen/softWareSystem?' + qs.stringify(params, { indices: false }),
method: 'get'
})
},
// 专业培训-查询列表
professionalTraining: function(params) {
return request({
url: '/api/bsw/bigScreen/professionalTraining?' + qs.stringify(params, { indices: false }),
method: 'get'
})
},
id: null
}
}
......
src/views/homepage/course/index.vue
View file @ 0689ae73
......@@ -17,7 +17,7 @@
<div style="padding-top: 6px">
<div v-for="(item,index) in courseList" :key="'p_'+index" class="box-card" style="padding: 0 0 10px 0">
<el-image
:src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSystem"
:src="item.imgSrc?imgSrcStart+'/productPic/'+item.imgSrc:defaultImgSystem"
style="width:358px;height: 240px;left: -4px;top: -3px"
/>
<div class="line-text touch" @click="goToDetails(item, 'course')">{{ item.title }}</div>
......@@ -44,6 +44,7 @@ import breadcrumb from '../components/breadcrumb'
import homeFooter from '../components/homeFooter'
import inquiryView from '../components/inquiryView'
import floatBtn from '../components/floatBtn'
import { HttpReq } from '@/api/common'
export default {
components: { titleMenus, userLogin, languageSetting, breadcrumb, homeFooter, inquiryView, floatBtn },
......@@ -62,44 +63,16 @@ export default {
sort: false
},
areaOpts: [],
courseList: [
{
title: '自然灾害应急避险',
subTitle: '由xxxxxxx单位提供培训',
imgSrc: ''
}, {
title: '自然灾害应急避险',
subTitle: '由xxxxxxx单位提供培训',
imgSrc: ''
}, {
title: '自然灾害应急避险',
subTitle: '由xxxxxxxx单位提供培训',
imgSrc: ''
}, {
title: '自然灾害应急避险',
subTitle: '由xxxxxxxxx单位提供培训',
imgSrc: ''
}, {
title: '自然灾害应急避险',
subTitle: '由xxxxxxx单位提供培训',
imgSrc: ''
}, {
title: '自然灾害应急避险',
subTitle: '由xxxxxxxx单位提供培训',
imgSrc: ''
}, {
title: '自然灾害应急避险',
subTitle: '由xxxxxxxxx单位提供培训',
imgSrc: ''
}
],
courseList: [],
throttle: null, // 节流器
throttleTime: 300
}
},
mounted() {
this.$nextTick(() => {
HttpReq.webClientApi.professionalTraining({}).then((res) => {
this.courseList = res.data.professionalTraining.data
})
})
},
methods: {
......@@ -238,6 +211,7 @@ export default {
border-radius: 10px;
.line-text {
width: 100%;
height: 50px;
text-align: center;
padding: 5px;
font-size: 18px;
......
src/views/homepage/product/index.vue
View file @ 0689ae73
......@@ -393,6 +393,7 @@ export default {
border-radius: 10px;
.line-text {
width: 100%;
height: 50px;
text-align: center;
padding: 5px;
font-size: 18px;
......
src/views/homepage/project/index.vue
View file @ 0689ae73
......@@ -19,21 +19,24 @@
<el-row :gutter="20">
<el-col :span="12">
<div style="display: flex">
<el-image :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProject" style="width:100%;height: 410px;margin: 1px;border-radius: 10px;" />
<el-image :src="item.imgSrc?imgSrcStart+'/productPic/'+item.imgSrc:defaultImgProject" style="width:100%;height: 410px;margin: 1px;border-radius: 10px;" />
</div>
</el-col>
<el-col :span="12">
<div class="box-title touch" @click="goToDetails(item, 'project')">{{ item.title }}</div>
<div class="content ellipsis">{{ item.content }}</div>
<div class="content ellipsis" :title="item.content">{{ item.content }}</div>
<div class="line-btn" style="margin-top: 4px;justify-content: flex-end;">
<div class="btn-o" style="width: 140px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'project')">咨 询</div>
</div>
<div class="content" style="padding-top: 0">
<span style="font-size: 22px;color: black">相关产品</span>
<div style="display: flex;justify-content: space-between;">
<el-image :src="item.imgSrcList[0]?imgSrcStart+'/img'+item.imgSrcList[0]:defaultImgProject" style="width: 230px;height: 140px;" />
<el-image :src="item.imgSrcList[1]?imgSrcStart+'/img'+item.imgSrcList[1]:defaultImgProject" style="width: 230px;height: 140px;" />
<el-image :src="item.imgSrcList[2]?imgSrcStart+'/img'+item.imgSrcList[2]:defaultImgProject" style="width: 230px;height: 140px;" />
<el-image v-if="item.imgSrcList[0]" :src="item.imgSrcList[0]?imgSrcStart+'/productPic/'+item.imgSrcList[0]:defaultImgProject" style="width: 230px;height: 140px;" />
<div v-else style="width: 230px;height: 140px;" />
<el-image v-if="item.imgSrcList[1]" :src="item.imgSrcList[1]?imgSrcStart+'/productPic/'+item.imgSrcList[1]:defaultImgProject" style="width: 230px;height: 140px;" />
<div v-else style="width: 230px;height: 140px;" />
<el-image v-if="item.imgSrcList[2]" :src="item.imgSrcList[2]?imgSrcStart+'/productPic/'+item.imgSrcList[2]:defaultImgProject" style="width: 230px;height: 140px;" />
<div v-else style="width: 230px;height: 140px;" />
</div>
</div>
</el-col>
......@@ -46,7 +49,7 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="box-title touch" style="padding-left: 30px" @click="goToDetails(item, 'project')">{{ item.title }}</div>
<div class="content ellipsis" style="height: 200px;padding: 4px 10px 20px 30px;-webkit-line-clamp: 6;">
<div class="content ellipsis" style="height: 200px;padding: 4px 10px 20px 30px;-webkit-line-clamp: 6;" :title="item.content">
&#12288;&#12288;{{ item.content }}
</div>
<div class="line-btn" style="margin-top: 4px;justify-content: flex-end;">
......@@ -55,7 +58,7 @@
</el-col>
<el-col :span="12">
<div style="display: flex">
<el-image :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProject" style="width:100%;height: 300px;margin: 1px;border-radius: 10px;" />
<el-image :src="item.imgSrc?imgSrcStart+'/productPic/'+item.imgSrc:defaultImgProject" style="width:100%;height: 300px;margin: 1px;border-radius: 10px;" />
</div>
</el-col>
</el-row>
......@@ -82,6 +85,7 @@ import breadcrumb from '../components/breadcrumb'
import homeFooter from '../components/homeFooter'
import inquiryView from '../components/inquiryView'
import floatBtn from '../components/floatBtn'
import { HttpReq } from '@/api/common'
export default {
components: { titleMenus, userLogin, languageSetting, breadcrumb, homeFooter, inquiryView, floatBtn },
......@@ -102,41 +106,18 @@ export default {
sort: false
},
areaOpts: [],
projectList: [
{
title: '解决方案',
content: '状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测',
date: '2023-06-12',
imgSrc: '',
imgSrcList: []
}, {
title: '解决方案',
content: '状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测',
date: '2023-06-12',
imgSrc: '',
imgSrcList: []
}
],
serveList: [
{
title: '服务',
content: '状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测',
date: '2023-06-12',
imgSrc: ''
}, {
title: '服务',
content: '状态监测已存在多年，如今，随着物耿网(loT) 的发展，它也有了新发展观看此网络研讨会，了解loT如何演化，状态监测',
date: '2023-06-12',
imgSrc: ''
}
],
projectList: [],
serveList: [],
throttle: null, // 节流器
throttleTime: 300
}
},
mounted() {
this.$nextTick(() => {
HttpReq.webClientApi.projectGetSolutionsAndServices({}).then((res) => {
this.projectList = res.data.solutions.data
this.serveList = res.data.servicesPageVo.data
})
})
},
methods: {
......
src/views/homepage/software/index.vue
View file @ 0689ae73
......@@ -17,7 +17,7 @@
<div style="padding-top: 6px">
<div v-for="(item,index) in softwareList" :key="'p_'+index" class="box-card" style="padding: 0 0 10px 0">
<el-image
:src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSystem"
:src="item.imgSrc?imgSrcStart+'/productPic/'+item.imgSrc:defaultImgSystem"
style="width:358px;height: 240px;left: -4px;top: -3px"
/>
<div class="float-title touch" @click="goToDetails(item, 'software')">{{ item.title }}</div>
......@@ -43,6 +43,7 @@ import breadcrumb from '../components/breadcrumb'
import homeFooter from '../components/homeFooter'
import inquiryView from '../components/inquiryView'
import floatBtn from '../components/floatBtn'
import { HttpReq } from '@/api/common'
export default {
components: { titleMenus, userLogin, languageSetting, breadcrumb, homeFooter, inquiryView, floatBtn },
......@@ -61,48 +62,16 @@ export default {
sort: false
},
areaOpts: [],
softwareList: [
{
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}, {
title: '尾矿库在线监测系统',
date: '2023-06-12',
imgSrc: ''
}
],
softwareList: [],
throttle: null, // 节流器
throttleTime: 300
}
},
mounted() {
this.$nextTick(() => {
HttpReq.webClientApi.softWareSystem({}).then((res) => {
this.softwareList = res.data.softWareSystem.data
})
})
},
methods: {
......
src/views/homepage/supplier/index.vue
View file @ 0689ae73
......@@ -81,26 +81,27 @@
<div class="sup_btn touch" style="position: absolute;top: 60px;right: 30px;background: transparent;color: #FB7B09" @click="inquiry(item, 'supplier')">留言咨询</div>
<div class="sup_title">
<span class="touch" @click="goToDetails(item, '/supplier/details')">{{ item.name }}</span>
<img v-if="item.isHot" src="@/assets/home_images/hot_f.png" title="热门" style="position:relative;top:4px;">
<img v-if="item.isGood" src="@/assets/home_images/diamond.png" title="推荐" style="position:relative;top:4px;">
</div>
<div class="sup_area">
<img src="@/assets/home_images/locate.png">
<span>{{ item.area }}</span>
<img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" title="点击取消收藏" style="right:-12px;top:7px" @click="storeShowcase(item, 'supplier')">
<img v-else class="touch" src="@/assets/home_images/to_like.png" title="点击收藏" style="right:-12px;top:7px" @click="storeShowcase(item, 'supplier')">
<span :title="item.area">{{ item.area }}</span>
<img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" title="点击取消收藏" style="position: absolute;top: 58px;right: 220px" @click="storeShowcase(item, 'supplier')">
<img v-else class="touch" src="@/assets/home_images/to_like.png" title="点击收藏" style="position: absolute;top: 58px;right: 220px" @click="storeShowcase(item, 'supplier')">
</div>
<div style="margin: 25px 40px">
<div class="block-c">
<div>成立时间</div>
<div>{{ item.createTime }}</div>
<div>{{ item.createTime||'--' }}</div>
</div>
<div class="block-c">
<div>可购品类数</div>
<div style="color: #EF1F1F">{{ item.classSum }}</div>
<div style="color: #EF1F1F">{{ item.classSum||'--' }}</div>
</div>
<div class="block-c">
<div>产品价格区间</div>
<div style="color: #EF1F1F">{{ item.price }}</div>
<div style="color: #EF1F1F">{{ item.price||'--' }}</div>
</div>
</div>
<el-row style="margin-top: 38px">
......@@ -113,7 +114,7 @@
</el-row>
</div>
<div v-for="(p,i) in item.products" :key="'p_'+index+'_'+i" class="product_card">
<el-image :src="p.imgSrc?imgSrcStart+'/img'+p.imgSrc:defaultImgProduct" style="width:240px;height: 220px;border-radius: 10px;" />
<el-image :src="p.imgSrc?imgSrcStart+'/productPic/'+p.imgSrc:defaultImgProduct" style="width:240px;height: 220px;border-radius: 10px;" />
<div class="product_title touch ellipsis" :title="p.name" @click="goToDetails(p, '/product/details')">{{ p.name }}</div>
</div>
</div>
......@@ -170,51 +171,7 @@ export default {
},
areaOpts: [],
keywords: [],
supplierList: [
{
isGood: true,
isStore: true,
name: '佛山英沃传感器科技有限公司',
area: '江苏省淮安市',
createTime: '2023 01-01 ',
classSum: '18',
price: '15 -300元',
mainProduct: '温度传感器 热电偶传感器 流量计 报做仪 pt100热电阳 压力变送器 气体检测仪 氟化氢检测仪',
products: [
{ name: '3GDN M30百流三线防 爆电感式接近传感爆电感式接近传感爆电感式接近传感爆电感式接近传感', imgSrc: '' },
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' },
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' }
]
}, {
isGood: false,
isStore: false,
name: '佛山英沃传感器科技有限公司',
area: '江苏省淮安市',
createTime: '2023 01-01 ',
classSum: '18',
price: '15 -300元',
mainProduct: '温度传感器 热电偶传感器 流量计 报做仪 pt100热电阳 压力变送器 气体检测仪 氟化氢检测仪',
products: [
{ name: '3GDN M30百流三线防 爆电感式接近传感爆电感式接近传感爆电感式接近传感爆电感式接近传感', imgSrc: '' },
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' },
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' }
]
}, {
isGood: true,
isStore: false,
name: '佛山英沃传感器科技有限公司',
area: '江苏省淮安市',
createTime: '2023 01-01 ',
classSum: '18',
price: '15 -300元',
mainProduct: '温度传感器 热电偶传感器 流量计 报做仪 pt100热电阳 压力变送器 气体检测仪 氟化氢检测仪',
products: [
{ name: '3GDN M30百流三线防 爆电感式接近传感爆电感式接近传感爆电感式接近传感爆电感式接近传感', imgSrc: '' },
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' },
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' }
]
}
],
supplierList: [],
throttle: null, // 节流器
throttleTime: 300
}
......@@ -232,15 +189,16 @@ export default {
methods: {
onDictReady(dict) {
this.areaOpts = [{ value: undefined, label: '全部' }, ...dict.area_province]
this.search()
},
search() {
HttpReq.webClientApi.productGetHardwareList({
page: this.page - 1,
pageSize: this.pageSize,
HttpReq.webClientApi.supplierGetSupplierList({
// page: this.page - 1,
// pageSize: this.pageSize,
...this.query
}).then((res) => {
this.hardwareList = res.data.hardwareList.data
this.total = res.data.hardwareList.total
this.supplierList = res.data.suppliersList.data
this.total = res.data.suppliersList.total
})
},
keywordClick(item, type) {
......@@ -410,9 +368,14 @@ export default {
}
}
.sup_area {
width: 460px;
padding: 10px 0;
color: #666666;
font-size: 18px;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
img {
position:relative;
top:4px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment