解决方案

src/api/common.js

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

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

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

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

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

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