企业首页接口对接

src/api/home0.js

@@ -0,0 +1,33 @@
+import request from '@/utils/httpRequest'
+
+// 企业简介
+export function getProfileInfo () {
+  return request({
+    url: request.adornUrl('/biz-service/home-page/profile/info'),
+    method: 'get'
+  })
+}
+
+// 企业荣誉列表
+export function getHonorList () {
+  return request({
+    url: request.adornUrl('/biz-service/home-page/honor/list'),
+    method: 'get'
+  })
+}
+
+// 企业资质列表
+export function getQualificationList () {
+  return request({
+    url: request.adornUrl('/biz-service/home-page/qualification/list'),
+    method: 'get'
+  })
+}
+
+// 企业风采列表
+export function getFeatureList () {
+  return request({
+    url: request.adornUrl('/biz-service/home-page/feature/list'),
+    method: 'get'
+  })
+}

src/views/common/home.vue

@@ -12,18 +12,20 @@
           <div class="item-title-name">企业荣誉</div>
         </div>
         <div class="msg-1">
-          <div v-for="i in 5" class="msg-item">
-            <div class="msg-title">国家高新<br>技术企业</div>
-            <div class="msg-center">我司于XXXX年被认定为国家高新技术企业，体现了我们在科技创新和自主研发方面的卓越能力。</div>
+          <div v-for="item in honorList" class="msg-item">
+            <div class="msg-title">
+              <img :src="item.url" />
+            </div>
+            <div class="msg-center">{{item.content}}</div>
           </div>
         </div>
         <div class="item-title">
           <div class="item-title-name">企业资质</div>
         </div>
         <div class="msg-2">
-          <div v-for="i in 4" class="msg-item">
-            <img src="" />
-            <div class="img-name">荣誉证书</div>
+          <div v-for="item in qualificationList" class="msg-item">
+            <img :src="item.url" />
+            <div class="img-name">{{item.content}}</div>
           </div>
         </div>
       </div>
@@ -39,11 +41,11 @@
         </div>
         <div class="msg-4">
           <div class="img-b">
-            <img src="" />
+            <img :src="profileInfo.url" />
             <div class="img-b1" />
           </div>
           <div class="msg-des">
-            美的集团股份有限公司于2000年04月07日在佛山市顺德区市场监督管理局登记成立。法定代表人方洪波，公司经营范围包括生产经营家用电器、电机及其零部件；从事家用电器等。
+            {{profileInfo.fileDescribe}}
           </div>
         </div>
         <div class="msg-5">
@@ -74,14 +76,11 @@
           <div class="item-title-name">企业风采</div>
         </div>
         <div class="msg-3">
-          <img src />
-          <div class="msg-des">
-            <p>为增强团队凝聚力，提升员工之间的沟通与协作，特举办年度团建活动。通过丰富多彩的活动，增进同事间的了解与信任，共同开启新的奋斗篇章。</p>
-            <p>活动的第一项内容是破冰游戏，虽然一开始大家有些拘谨但随着游戏的进行，大家逐渐放下了心防，露出了笑容。通过这些轻松有趣的活动，我认识了平时工作中没太多交集的同事感觉彼此之间的距离一下子拉近了。</p>
-          </div>
-          <img src />
-          <div class="msg-des">
-            <p>接下来的团队挑战赛更是让我印象深刻。我们被随机分成了不同的组，面对各种挑战，大家齐心协力，发挥各自的优势解决一个又一个难题。在比赛中，我深切感受到团队合作的重要性。每个人的参与和贡献都是不可或缺的，正是这种紧密的合作让我们取得了优异的成绩。在欢呼和掌声中，我体会到了团队成功的喜悦与骄傲。</p>
+          <div v-for="item in featureList">
+            <img :src="item.url" />
+            <div class="msg-des">
+              <p>{{item.content}}</p>
+            </div>
           </div>
         </div>
       </div>
@@ -91,12 +90,18 @@
 
 <script>
 import {getOrgName} from '@/api/org'
+import { getProfileInfo, getHonorList, getQualificationList, getFeatureList } from '@/api/home0'
 export default {
   data () {
     return {
       orgName: '',
       toScale: 1.0,
-      show: true
+      show: true,
+      filePrefix: '/proxyApi/file-service/minio-file/download/',
+      profileInfo: {}, // 企业简介
+      honorList: [], // 企业荣誉列表
+      qualificationList: [], // 企业资质列表
+      featureList: [] // 企业风采列表
     }
   },
   created () {
@@ -123,6 +128,15 @@ export default {
       await getOrgName().then(({data}) => {
         this.orgName = data.data
       })
+
+      // 企业简介
+      this.getProfileInfo()
+      // 企业荣誉列表
+      this.getHonorList()
+      // 企业资质列表
+      this.getQualificationList()
+      // 企业风采列表
+      this.getFeatureList()
     },
     getFullscreenElement () {
       return (
@@ -147,6 +161,50 @@ export default {
     },
     onChange (num) {
       this.$emit('change-nav', num)
+    },
+    // 企业简介
+    getProfileInfo () {
+      getProfileInfo().then(({data}) => {
+        if (data && data.code === '200') {
+          this.profileInfo = {fileDescribe: data.data.fileDescribe, url: this.filePrefix + data.data.attach.url}
+        }
+      })
+    },
+    // 企业荣誉列表
+    getHonorList () {
+      getHonorList().then(({data}) => {
+        if (data && data.code === '200') {
+          if (data && data.code === '200') {
+            this.honorList = data.data.map(item => {
+              return { url: this.filePrefix + item.attach.url, content: item.fileDescribe }
+            })
+          }
+        }
+      })
+    },
+    // 企业资质列表
+    getQualificationList () {
+      getQualificationList().then(({data}) => {
+        if (data && data.code === '200') {
+          if (data.data != null) {
+            this.qualificationList = data.data.map(item => {
+              return { url: this.filePrefix + item.attach.url, content: item.fileDescribe }
+            })
+          }
+        }
+      })
+    },
+    // 企业风采列表
+    getFeatureList () {
+      getFeatureList().then(({data}) => {
+        if (data && data.code === '200') {
+          if (data.data != null) {
+            this.featureList = data.data.map(item => {
+              return { url: this.filePrefix + item.attach.url, content: item.fileDescribe }
+            })
+          }
+        }
+      })
     }
   }
 }
@@ -268,6 +326,7 @@ export default {
             display: flex;
             justify-content: center;
             align-items: center;
+            overflow: hidden;
           }
           .msg-center{
             padding-left: 10px;