首页接口

src/api/common.js

@@ -388,8 +388,46 @@ export const HttpReq = {
       }).then((res) => {
         return res
       })
+    }
+  },
+  // web端接口列表
+  webClientApi: {
+    // 首页-头部文件
+    homePageGetHeader: function(params) {
+      return request({
+        url: '/api/bsw/bigScreen/index/header?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
+    },
+    // 首页-搜索推荐
+    homePageGetSearch: function(params) {
+      return request({
+        url: '/api/bsw/bigScreen/index/search?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
+    },
+    // 首页-热门排行
+    homePageGetRank: function(params) {
+      return request({
+        url: '/api/bsw/bigScreen/index/rank?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
+    },
+    // 首页-合作伙伴
+    homePageGetPartners: function(params) {
+      return request({
+        url: '/api/bsw/bigScreen/index/partners?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
+    },
+    // 首页-友情链接
+    homePageGetFriendshipUrl: function(params) {
+      return request({
+        url: '/api/bsw/bigScreen/index/friendshipUrl?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
     },
-    xxx: null
+    id: null
   }
 }
 

src/views/backstage/contentMgt/homePage/add.vue

@@ -49,6 +49,11 @@
             <el-input v-model="formData.content" placeholder="单行输入" class="cell-input" />
           </div>
         </el-form-item>
+        <el-form-item label="链接：" class="form-cell" prop="url">
+          <div class="cell-box">
+            <el-input v-model="formData.url" placeholder="单行输入" class="cell-input" />
+          </div>
+        </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="sort">
           <div class="cell-box">
             <el-input v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />

src/views/backstage/contentMgt/homePage/view.vue

@@ -4,7 +4,7 @@
     <el-form ref="formViewRef" :model="formData" :rules="rules" :status-icon="true" label-width="240px">
       <el-form-item label="位置：" class="form-cell" prop="type">
         <div class="cell-box">
-          <el-select disabled v-model="formData.type" placeholder="无" class="cell-select">
+          <el-select v-model="formData.type" disabled placeholder="无" class="cell-select">
             <el-option v-for="item in dict.home_setting" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
@@ -12,64 +12,70 @@
       <div v-if="formData.type==='1'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="频道名称：" class="form-cell" prop="channelName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.channelName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.channelName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="链接：" class="form-cell" prop="url">
           <div class="cell-box">
-            <el-input disabled v-model="formData.url" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.url" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="operatingPeriod">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>
       <div v-if="formData.type==='2'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="搜索类型：" class="form-cell" prop="searchType">
           <div class="cell-box">
-            <el-select disabled v-model="formData.searchType" placeholder="无" class="cell-select">
+            <el-select v-model="formData.searchType" disabled placeholder="无" class="cell-select">
               <el-option v-for="item in dict.home_setting_2" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </div>
         </el-form-item>
         <el-form-item label="内容：" class="form-cell" prop="content">
           <div class="cell-box">
-            <el-input disabled v-model="formData.content" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.content" disabled placeholder="暂无" class="cell-input" />
+          </div>
+        </el-form-item>
+        <el-form-item label="链接：" class="form-cell" prop="url">
+          <div class="cell-box">
+            <el-input v-model="formData.url" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="sort">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>
       <div v-if="formData.type==='3'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="供应商ID：" class="form-cell" prop="supplierId">
           <div class="cell-box">
-            <el-input disabled v-model="formData.supplierId" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.supplierId" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="供应商名称：" class="form-cell" prop="supplierName">
           <div class="cell-box">
             <el-autocomplete
-              disabled v-model="formData.supplierName"
+              v-model="formData.supplierName"
+              disabled
               class="cell-input"
               :fetch-suggestions="querySearch"
               placeholder="暂无"
@@ -80,7 +86,7 @@
         </el-form-item>
         <el-form-item label="是否设置为钻石供应商：" class="form-cell" prop="diamondSupplier">
           <div class="cell-box">
-            <el-radio-group disabled v-model="formData.diamondSupplier" size="mini">
+            <el-radio-group v-model="formData.diamondSupplier" disabled size="mini">
               <el-radio label="">否</el-radio>
               <el-radio label="1">是</el-radio>
             </el-radio-group>
@@ -88,7 +94,7 @@
         </el-form-item>
         <el-form-item label="是否设置为热门供应商：" class="form-cell" prop="popularSupplier">
           <div class="cell-box">
-            <el-radio-group disabled v-model="formData.popularSupplier" size="mini">
+            <el-radio-group v-model="formData.popularSupplier" disabled size="mini">
               <el-radio label="">否</el-radio>
               <el-radio label="1">是</el-radio>
             </el-radio-group>
@@ -96,36 +102,36 @@
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="sort">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>
       <div v-if="formData.type==='4'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="产品分类：" class="form-cell" prop="productType">
           <div class="cell-box">
-            <el-select disabled v-model="formData.productType" placeholder="无" class="cell-select">
+            <el-select v-model="formData.productType" disabled placeholder="无" class="cell-select">
               <el-option v-for="item in dict.product_type" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </div>
         </el-form-item>
         <el-form-item label="产品ID：" class="form-cell" prop="productId">
           <div class="cell-box">
-            <el-input disabled v-model="formData.productId" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.productId" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="产品运营名称：" class="form-cell" prop="productOperationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.productOperationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.productOperationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="是否设置为信得过产品：" class="form-cell" prop="trustworthyProduct">
           <div class="cell-box">
-            <el-radio-group disabled v-model="formData.trustworthyProduct" size="mini">
+            <el-radio-group v-model="formData.trustworthyProduct" disabled size="mini">
               <el-radio label="">否</el-radio>
               <el-radio label="1">是</el-radio>
             </el-radio-group>
@@ -133,7 +139,7 @@
         </el-form-item>
         <el-form-item label="是否设置为热门产品：" class="form-cell" prop="popularProduct">
           <div class="cell-box">
-            <el-radio-group disabled v-model="formData.popularProduct" size="mini">
+            <el-radio-group v-model="formData.popularProduct" disabled size="mini">
               <el-radio label="">否</el-radio>
               <el-radio label="1">是</el-radio>
             </el-radio-group>
@@ -141,58 +147,58 @@
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="index">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>
       <div v-if="formData.type==='5'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="排行榜类型：" class="form-cell" prop="rankingType">
           <div class="cell-box">
-            <el-select disabled v-model="formData.rankingType" placeholder="无" class="cell-select">
+            <el-select v-model="formData.rankingType" disabled placeholder="无" class="cell-select">
               <el-option v-for="item in dict.home_setting_5" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </div>
         </el-form-item>
         <el-form-item v-if="formData.rankingType==='1'" label="供应商ID：" class="form-cell" prop="supplierId">
           <div class="cell-box">
-            <el-input disabled v-model="formData.supplierId" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.supplierId" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item v-else label="产品ID：" class="form-cell" prop="productId">
           <div class="cell-box">
-            <el-input disabled v-model="formData.productId" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.productId" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item v-if="formData.rankingType==='1'" label="供应商名称：" class="form-cell" prop="supplierName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.supplierName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.supplierName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item v-else label="产品运营名称：" class="form-cell" prop="productOperationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.productOperationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.productOperationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="sort">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>
       <div v-if="formData.type==='6'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="合作伙伴名称名称：" class="form-cell" prop="partnerName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.partnerName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.partnerName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="合作伙伴LOGO：" class="form-cell" prop="partnerLogo">
@@ -214,34 +220,34 @@
         </el-form-item>
         <el-form-item label="链接：" class="form-cell" prop="url">
           <div class="cell-box">
-            <el-input disabled v-model="formData.url" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.url" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="sort">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>
       <div v-if="formData.type==='7'">
         <el-form-item label="操作名称：" class="form-cell" prop="operationName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.operationName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.operationName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="链接名称：" class="form-cell" prop="linkName">
           <div class="cell-box">
-            <el-input disabled v-model="formData.linkName" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.linkName" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="链接：" class="form-cell" prop="url">
           <div class="cell-box">
-            <el-input disabled v-model="formData.url" placeholder="暂无" class="cell-input" />
+            <el-input v-model="formData.url" disabled placeholder="暂无" class="cell-input" />
           </div>
         </el-form-item>
         <el-form-item label="顺序：" class="form-cell" prop="sort">
           <div class="cell-box">
-            <el-input disabled v-model.number="formData.sort" type="number" placeholder="请输入数字" class="cell-input" />
+            <el-input v-model.number="formData.sort" disabled type="number" placeholder="请输入数字" class="cell-input" />
           </div>
         </el-form-item>
       </div>

src/views/homepage/components/homeFooter.vue

@@ -20,6 +20,7 @@
   </div>
 </template>
 <script>
+import { HttpReq } from '@/api/common'
 export default {
   data() {
     return {
@@ -51,20 +52,20 @@ export default {
             { name: '采购商常见问题', url: '' },
             { name: '供应商常见问题', url: '' }
           ]
-        },
-        {
-          name: '友情链接',
-          list: [
-            { name: '佛山英沃传感科技有限公司佛山英沃传感科技有限公司', url: '' },
-            { name: '佛山英沃传感科技有限公司', url: '' },
-            { name: '佛山英沃传感科技有限公司', url: '' }
-          ]
         }
       ]
     }
   },
   mounted() {
     this.$nextTick(() => {
+      HttpReq.webClientApi.homePageGetFriendshipUrl({
+        preview: false
+      }).then((res) => {
+        this.dataList.push({
+          name: '友情链接',
+          list: res.data.friendshipUrl
+        })
+      })
     })
   },
   methods: {

src/views/homepage/components/searchPanel.vue

@@ -11,23 +11,25 @@
       <el-button icon="el-icon-search" class="btn">搜索</el-button>
     </div>
     <div class="search-keyword">
-      <span v-for="(item, index) in keywords" :key="index" class="label" @click="keywordClick(item, 'keyword')">{{ item }}</span>
+      <span v-for="(item, index) in keywords" :key="index" class="label" @click="keywordClick(item, 'keyword')">{{ item.name }}</span>
     </div>
     <div class="search-keyword-title">
       <div class="title-s">品牌</div>
     </div>
     <div class="search-keyword-label">
-      <span v-for="(item, index) in brands" :key="index" class="label" @click="keywordClick(item, 'brand')">{{ item }}</span>
+      <span v-for="(item, index) in brands" :key="index" class="label" @click="keywordClick(item, 'brand')">{{ item.name }}</span>
     </div>
     <div class="search-keyword-title">
       <div class="title-s">供应商</div>
     </div>
     <div class="search-keyword-label">
-      <span v-for="(item, index) in suppliers" :key="index" class="label" @click="keywordClick(item, 'supplier')">{{ item }}</span>
+      <span v-for="(item, index) in suppliers" :key="index" class="label" @click="keywordClick(item, 'supplier')">{{ item.name }}</span>
     </div>
   </div>
 </template>
 <script>
+import { HttpReq } from '@/api/common'
+
 export default {
   dicts: ['product_type', 'area_province'],
   data() {
@@ -40,12 +42,20 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-
+      HttpReq.webClientApi.homePageGetSearch({
+        preview: false
+      }).then((res) => {
+        this.keywords = res.data.keywords
+        this.brands = res.data.brands
+        this.suppliers = res.data.suppliers
+      })
     })
   },
   methods: {
     keywordClick(item, type) {
-
+      if (item.url) {
+        this.$router.push({ path: item.url })
+      }
     }
   }
 }

src/views/homepage/components/titleMenus.vue

@@ -6,6 +6,8 @@
   </div>
 </template>
 <script>
+import { HttpReq } from '@/api/common'
+
 export default {
   props: {
     menuIndex: {
@@ -23,8 +25,13 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.currentMenuObj = this.menuIndex > this.menus.length ? { name: '个人中心', url: '/console' } : this.menus[this.menuIndex]
-      this.$store.dispatch('app/setCurrentMenu', this.currentMenuObj)
+      HttpReq.webClientApi.homePageGetHeader({
+        preview: false
+      }).then((res) => {
+        this.menus = res.data.menus
+        this.currentMenuObj = this.menuIndex > this.menus.length ? { name: '个人中心', url: '/console' } : this.menus[this.menuIndex]
+        this.$store.dispatch('app/setCurrentMenu', this.currentMenuObj)
+      })
     })
   },
   methods: {

src/views/homepage/components/titleMenusV2.vue

@@ -7,6 +7,8 @@
   </div>
 </template>
 <script>
+import { HttpReq } from '@/api/common'
+
 export default {
   props: {
     menuIndex: {
@@ -24,8 +26,15 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.currentMenuObj = this.menuIndex > this.menus.length ? { name: '个人中心', url: '/console' } : this.menus[this.menuIndex]
-      this.$store.dispatch('app/setCurrentMenu', this.currentMenuObj)
+      this.$nextTick(() => {
+        HttpReq.webClientApi.homePageGetHeader({
+          preview: false
+        }).then((res) => {
+          this.menus = res.data.menus
+          this.currentMenuObj = this.menuIndex > this.menus.length ? { name: '个人中心', url: '/console' } : this.menus[this.menuIndex]
+          this.$store.dispatch('app/setCurrentMenu', this.currentMenuObj)
+        })
+      })
     })
   },
   methods: {

src/views/homepage/index.vue

@@ -147,7 +147,7 @@
         <div style="padding: 20px 30px">
           <div v-for="(item,index) in partners" :key="'pt_'+index" class="partners-card" :title="item.name">
             <a :href="item.url||'http://www.minestar.cn'" target="_blank">
-              <el-image :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgLogo" fit="contain" style="width: 100%;height: 100%" />
+              <el-image :src="item.imgSrc?imgSrcStart+item.imgSrc:defaultImgLogo" style="width: 100%;height: 100%" />
             </a>
           </div>
         </div>
@@ -168,6 +168,7 @@ import languageSetting from './components/languageSetting'
 import searchPanel from './components/searchPanel'
 import homeFooter from './components/homeFooter'
 import inquiryView from './components/inquiryView'
+import { HttpReq } from '@/api/common'
 
 export default {
   components: { floatBtn, titleMenus, userLogin, languageSetting, searchPanel, homeFooter, inquiryView },
@@ -361,41 +362,26 @@ export default {
         }
       ],
       topAreas: [],
-      topSuppliers: [
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 },
-        { name: '中山市三角镇凌创传感器厂', id: 123 }
-      ],
-      topProducts: [
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 },
-        { name: 'wiwo1002热能工程压力变送器', id: 123 }
-      ],
-      partners: [
-        { name: 'xxxxxxxx', imgSrc: '', url: '' },
-        { name: 'xxxxxxxx', imgSrc: '', url: '' },
-        { name: 'xxxxxxxx', imgSrc: '', url: '' },
-        { name: 'xxxxxxxx', imgSrc: '', url: '' },
-        { name: 'xxxxxxxx', imgSrc: '', url: '' },
-        { name: 'xxxxxxxx', imgSrc: '', url: '' },
-        { name: 'xxxxxxxx', imgSrc: '', url: '' }
-      ],
+      topSuppliers: [],
+      topProducts: [],
+      partners: [],
       throttle: null, // 节流器
       throttleTime: 300
     }
   },
   mounted() {
     this.$nextTick(() => {
+      HttpReq.webClientApi.homePageGetRank({
+        preview: false
+      }).then((res) => {
+        this.topSuppliers = res.data.topSuppliers
+        this.topProducts = res.data.topProducts
+      })
+      HttpReq.webClientApi.homePageGetPartners({
+        preview: false
+      }).then((res) => {
+        this.partners = res.data.partners
+      })
       const random = (min, max) => {
         return Math.floor(Math.random() * (max - min)) + min
       }