*

dsk-operate-ui/src/views/detail/party-a/overview/component/operations.vue

@@ -2,7 +2,7 @@
   <div class="app-container operations-container">
     <div class="common-title">公司经营</div>
     <div class="part-swiper">
-      <div class="swiper-containers">
+      <div class="swiper-containers swiper-oper" :style="operList.length<=6?'margin-left:0px; width: 100%;':''">
         <ul class="swiper-wrapper">
           <li class="swiper-slide" v-for="(item, index) in operList" :key="index">
             <div class="swiper-div">
@@ -15,8 +15,8 @@
           </li>
         </ul>
       </div>
-      <div class="swiper-button-prev" slot="button-prev" style="left: 0;"><i class="el-icon-arrow-left"></i></div>
-      <div class="swiper-button-next" slot="button-next" style="right: 0"><i class="el-icon-arrow-right"></i></div>
+      <div class="swiper-button-prev swiper-oper-prev" slot="button-prev" style="left: 0;"><i class="el-icon-arrow-left"></i></div>
+      <div class="swiper-button-next swiper-oper-next" slot="button-next" style="right: 0"><i class="el-icon-arrow-right"></i></div>
     </div>
     <div class="flex-box operations-list">
       <div class="list-item" v-for="(item, index) in gsjyList" :key="index">
@@ -35,7 +35,6 @@ export default {
   data() {
     return {
       operList: [
-        {name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
         {name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
         {name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
         {name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
@@ -57,12 +56,12 @@ export default {
   },
   methods: {
     companySwiper(){
-      new Swiper('.swiper-containers', {
-        slidesPerView: 4,
+      new Swiper('.swiper-oper', {
+        slidesPerView: 6,
         // 设置点击箭头
         navigation: {
-          nextEl: '.swiper-button-next',
-          prevEl: '.swiper-button-prev',
+          nextEl: '.swiper-oper-next',
+          prevEl: '.swiper-oper-prev',
         }
       })
     }
@@ -78,7 +77,7 @@ export default {
     .part-swiper{
       position: relative;
       margin-top: 16px;
-      .swiper-containers{
+      .swiper-oper{
         width: calc(100% - 38px);
         height: 96px;
         margin-top: 8px;
@@ -117,7 +116,7 @@ export default {
           }
         }
       }
-      .swiper-button-prev, .swiper-button-next{
+      .swiper-oper-prev, .swiper-oper-next{
         width: 16px;
         height: 96px;
         background: #F0F5FC;

dsk-operate-ui/src/views/detail/party-a/overview/overview.vue

 <template>
   <div class="app-container part-container">
-    企业速览
+    <div class="view-content"><Infoheader /></div><!-- 企业信息 -->
     <div class="view-content"><Operations /></div><!-- 公司经营 -->
     <div class="view-content"><Bidding /></div><!--招标偏好、业务往来-->
     <div class="view-content"><Busclue /></div><!--商机线索-->
@@ -12,6 +12,7 @@
 </template>
 
 <script>
+import Infoheader from "./component/infoheader"
 import Operations from "./component/operations"
 import Bidding from "./component/bidding"
 import Busclue from './component/busclue'
@@ -23,6 +24,7 @@ export default {
   name: 'Overview',
   props: ['companyId'],
   components: {
+    Infoheader,
     Operations,
     Bidding,
     Busclue,