*

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

@@ -12,7 +12,56 @@
     <div class="flex-box part-header">
       <img class="header-logo" :src="companyInfo && companyInfo.logoUrl || require('@/assets/images/detail/company_logo.png')">
       {{companyInfo && companyInfo.companyName || '--'}}
+      <div class="company-btn">
+        <div class="btn btn_default h28" @click="addmonitor">加入监控</div>
+        <div class="btn btn_default h28" @click="getscore">供应商评分</div>
+      </div>
     </div>
+    <!--供应商评分-->
+    <el-dialog :visible.sync="dialogVisible3" class="enter-score" width="960px">
+      <div class="poptitle">
+        <span>供应商评分</span>
+      </div>
+      <div class="title_wrap i" style="margin-top: 8px">
+        <div class="enterprise_title">
+          评价雷达图
+        </div>
+      </div>
+      <div class="scorechart">
+        <img src="@/assets/images/enterprise/tp1.png" width="100%">
+      </div>
+      <div class="title_wrap i">
+        <div class="enterprise_title">
+          分供方评级汇总
+        </div>
+      </div>
+      <div class="scorechart">
+        <img src="@/assets/images/enterprise/tp2.png">
+      </div>
+      <div class="title_wrap i">
+        <div class="enterprise_title">
+          年度评价评级情况
+        </div>
+      </div>
+      <div class="scorechart">
+        <div class="table-item-jf table-item">
+          <el-table :data="tableData" border :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}" ref="theOwnerListTable" row-key="id">
+            <el-table-column type="index" label="序号" width="52">
+              <template slot-scope="scope">
+                <!--<span>{{(formdata.pageNum - 1) *formdata.pageSize + scope.$index + 1}}</span>-->
+                <span>{{scope.$index + 1}}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="评价单位" prop="name1" width="336" :resizable="false"></el-table-column>
+            <el-table-column label="品类" prop="name2" width="174" :resizable="false"></el-table-column>
+            <el-table-column label="评价周期" prop="name3" width="148" :resizable="false"></el-table-column>
+            <el-table-column label="综合得分" prop="name4" width="105" :resizable="false"></el-table-column>
+            <el-table-column label="综合评级" prop="name5"  :resizable="false"></el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -22,11 +71,26 @@ export default {
   props: ['companyId', 'companyInfo', 'cooDetail'],
   data() {
     return {
+      dialogVisible3: false,
+      tableData:[
+        {name1:'中建一局集团第二建筑有限公司第三事业部',name2:'物资-水泥及水泥制品',name3:'2024年03月',name4:'126分',name5:'A'},
+        {name1:'中建一局集团第二建筑有限公司第三事业部',name2:'物资-水泥及水泥制品',name3:'2024年03月',name4:'124分',name5:'A'},
+        {name1:'中建一局集团第二建筑有限公司第三事业部',name2:'物资-水泥及水泥制品',name3:'2024年03月',name4:'124分',name5:'A'},
+        {name1:'中建一局集团第二建筑有限公司第三事业部',name2:'物资-水泥及水泥制品',name3:'2024年03月',name4:'124分',name5:'A'},
+      ],
     }
   },
   created() {
   },
   methods: {
+    //加入监控
+    addmonitor(){
+      this.$message.success('操作成功！')
+    },
+    //供应商评分
+    getscore(){
+      this.dialogVisible3 = true
+    },
     // 跳转到企业详情合作情况
     cooperateList(){
       this.$emit('close-detail')
@@ -74,4 +138,57 @@ export default {
       margin-right: 16px;
     }
   }
+
+  ::v-deep .enter-score {
+    .el-dialog__body {
+      padding: 24px 0 0;
+    }
+
+    .el-dialog__headerbtn {
+      top: 20px;
+      right: 20px;
+      z-index: 3;
+    }
+
+    .poptitle {
+      line-height: 56px;
+      border-bottom: 1px solid #eee;
+      height: 56px;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      > span {
+        padding-left: 20px;
+        font-weight: bold;
+        font-size: 16px;
+        color: #232323;
+        font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+        width: 385px;
+        display: block;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+    .title_wrap{
+      padding: 16px 20px;
+    }
+    .enterprise_title{
+      font-size: 14px;
+      line-height: 14px;
+      height: 14px;
+    }
+    .scorechart{
+      padding: 0 20px 16px;
+    }
+  }
+  .company-btn{
+    position: absolute;
+    right: 40px;
+    z-index: 10;
+    top: 30px;
+    text-align: right;
+    font-weight: 400;
+  }
 </style>

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

@@ -90,7 +90,6 @@
             <!-- 跟进记录 -->
             <Gjjl v-if="currentPath.pathName=='gjjl'" :isDisabled='false' types="gjdt" :customer-ids="customerId" />
           </template>
-
         </div>
       </div>
     </div>
@@ -239,7 +238,7 @@ export default {
         qualification: {}
       },
       partBoxHeight: null,
-      cooDetail: false
+      cooDetail: false,
     };
   },
   computed: {
@@ -434,7 +433,7 @@ export default {
 <style lang="scss" scoped>
 .part-container {
   padding: 0;
-  margin: 0 24px;
+  /*margin: 0 24px;*/
 }
 .part-main {
   margin-top: 12px;
@@ -513,4 +512,6 @@ export default {
     }
   }
 }
+
+
 </style>

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

@@ -163,12 +163,13 @@
 </template>
 
 <script>
-import { changePath, encodeStr } from '@/assets/js/common';
-var Swiper = require('@/assets/lib/swiper/swiper-bundle.min.js');
-import "@/assets/lib/swiper/swiper-bundle.css";
-import { claim } from "@/api/common";
-import api from "@/api/enterpriseData/enterpriseData.js";
-export default {
+  import { changePath, encodeStr } from '@/assets/js/common'
+  import '@/assets/lib/swiper/swiper-bundle.css'
+  import { claim } from '@/api/common'
+  import api from '@/api/enterpriseData/enterpriseData.js'
+
+  var Swiper = require('@/assets/lib/swiper/swiper-bundle.min.js');
+  export default {
   name: 'Infoheader',
   props: ['companyId', 'companyInfo', 'statistic'],
   data() {
@@ -197,7 +198,7 @@ export default {
       dialogVisible: false,
       dialogVisible1: false,
       dialogVisible2: false,
-      childStatistic: this.statistic
+      childStatistic: this.statistic,
     };
   },
   created() {