From 5415ef67ca968a1838800aeb5e868c29c36a7274 Mon Sep 17 00:00:00 2001
From: xzt <1113240624@qq.com>
Date: Fri, 7 Mar 2025 18:27:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BF=A1=E7=94=A8=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../announcement/actionAnnouncementDetail.vue |  82 ++++++-
 .../components/announcementBasicTable.vue     | 210 +++++++++++++++---
 .../components/misconductTable.vue            |   4 +-
 jwtech-pc-page/src/views/home/index.vue       |   3 +-
 4 files changed, 263 insertions(+), 36 deletions(-)

diff --git a/jwtech-pc-page/src/views/announcement/actionAnnouncementDetail.vue b/jwtech-pc-page/src/views/announcement/actionAnnouncementDetail.vue
index 5aa565fe..4b8b3298 100644
--- a/jwtech-pc-page/src/views/announcement/actionAnnouncementDetail.vue
+++ b/jwtech-pc-page/src/views/announcement/actionAnnouncementDetail.vue
@@ -15,19 +15,44 @@
         </el-breadcrumb>
       </div>
     </div>
+
     <div class="basic-main">
       <div class="main-wrap">
         <announcementBasicTable
           :enterpriseObj="enterpriseObj"
           :bonusPointsAll="bonusPointsAll"
+          :firstName="firstName"
         />
-        <div class="descriptions-wrap">
-          <misconductTable
+        <div v-if="actionList && actionList.length>0" class="descriptions-wrap">
+          <!-- <misconductTable
             :title="title + (index + 1)"
             v-for="(item, index) in actionList"
             :key="(item, index)"
             :itemObj="item"
-          />
+          /> -->
+          <div class="tabs-wrap">
+            <el-tabs
+              type="border-card"
+              v-model="activeName"
+              @tab-click="handleClick"
+              class="tabs"
+            >
+              <el-tab-pane
+                v-for="(item, index) in actionList"
+                :key="(title + (index + 1))"
+                :label="item.label"
+                :name="(title + (index + 1))"
+              >
+                <div slot="label" class="tab-label">
+                  <span>{{ title + (index + 1) }}</span>
+                </div>
+                <misconductTable
+                  :title="title + (index + 1)"
+                  :itemObj="item"
+                />
+              </el-tab-pane>
+            </el-tabs>
+          </div>
         </div>
       </div>
     </div>
@@ -44,14 +69,16 @@ export default {
   },
   data() {
     return {
-      activeName: "first",
+      activeName: '',
+      // activeName: this.$route.query.type==='good'?'良好行为公告1':'不良行为公告1',
       enterpriseObj: {},
       enterpriseForm: {
         enterpriseId: "",
         type: "0"
       },
       actionList: [],
-      bonusPointsAll: 0
+      bonusPointsAll: 0,
+      firstName: '',
     };
   },
   computed: {
@@ -60,6 +87,13 @@ export default {
       return type === "good" ? "企业良好行为" : "企业不良行为";
     }
   },
+  created() {
+    if (this.$route.query.type==='good') {
+      this.activeName = '企业良好行为1'
+    } else {
+      this.activeName = '企业不良行为1'
+    }
+  },
   mounted() {
     this.enterpriseForm.enterpriseId = this.$route.query.enterpriseId;
     this.getCreditList();
@@ -71,6 +105,7 @@ export default {
         this.enterpriseForm.type = "1";
         getGoodAll(this.enterpriseForm).then(res => {
           this.enterpriseObj = res.data.data[0];
+          this.firstName = this.enterpriseObj.enterpriseName.trim().split("")[0];
           this.actionList = res.data.data;
           this.actionList.forEach(item => {
             this.bonusPointsAll += Number(item.bonusPoints);
@@ -80,6 +115,7 @@ export default {
         this.enterpriseForm.type = "0";
         getBadAll(this.enterpriseForm).then(res => {
           this.enterpriseObj = res.data.data[0];
+          this.firstName = this.enterpriseObj.enterpriseName.trim().split("")[0];
           this.actionList = res.data.data;
           this.actionList.forEach(item => {
             this.bonusPointsAll += Number(item.bonusPoints);
@@ -130,12 +166,44 @@ export default {
     .main-wrap {
       width: 1200px;
       margin: 0 auto;
-      background: #ffffff;
       border-radius: 8px;
       overflow: hidden;
-      padding: 20px;
+      // padding: 20px;
 
       .descriptions-wrap {
+        
+      }
+    }
+
+    .tabs-wrap {
+      // width: 1200px;
+      // margin: 0 auto;
+      margin-top: 20px;
+
+      /deep/ .tabs {
+        background: #fff;
+        border-radius: 8px;
+        border: none;
+        overflow: hidden;
+        // background: #f6f6f6;
+        .el-tabs__header {
+          background: #f5f7fa;
+          .el-tabs__nav {
+            .el-tabs__item {
+              height: 60px;
+              line-height: 60px;
+              padding-left: 50px;
+              padding-right: 50px;
+              &.is-active {
+                color: #005eb7;
+                font-weight: 600;
+              }
+            }
+          }
+          .el-tabs__nav-next, .el-tabs__nav-prev {
+            line-height: 60px;
+          }
+        }
       }
     }
   }
diff --git a/jwtech-pc-page/src/views/announcement/components/announcementBasicTable.vue b/jwtech-pc-page/src/views/announcement/components/announcementBasicTable.vue
index 0eee0fb7..95f31b6a 100644
--- a/jwtech-pc-page/src/views/announcement/components/announcementBasicTable.vue
+++ b/jwtech-pc-page/src/views/announcement/components/announcementBasicTable.vue
@@ -1,31 +1,59 @@
 <template>
   <div class="descriptions-table">
-    <el-descriptions
-      class="margin-top"
-      :column="1"
-      border
-      :content-style="rowCenter"
-      :label-style="labelRowCenter"
-    >
-      <el-descriptions-item label="企业名称">
-        {{ enterpriseObj.enterpriseName }}
-      </el-descriptions-item>
-      <el-descriptions-item label="资质类别">
-        {{ enterpriseObj.qualificationCategory || "-" }}
-      </el-descriptions-item>
-      <el-descriptions-item label="项目名称">
-        {{ enterpriseObj.projectName || "-" }}
-      </el-descriptions-item>
-      <el-descriptions-item :label="sorce">
-        {{ bonusPointsAll || "-" }}
-      </el-descriptions-item>
-      <el-descriptions-item label="发布时间">
-        {{ enterpriseObj.noticeBeginTime || "-" }}
-      </el-descriptions-item>
-      <el-descriptions-item label="发布单位">
-        {{ enterpriseObj.publishUnit || "-" }}
-      </el-descriptions-item>
-    </el-descriptions>
+    <div class="table-wrap">
+      <div class="title-wrap">
+        <div class="letf">
+          <span>{{ firstName }}</span>
+        </div>
+        <div class="right">
+          <div class="top">
+            <h2 class="name">{{ enterpriseObj.enterpriseName }}</h2>
+          </div>
+          <!-- <p class="code">
+            统一社会信用代码：{{ enterpriseObj.unifiedSocialCreditCode }}
+          </p> -->
+        </div>
+      </div>
+      <!-- 重要提示 -->
+      <div class="tips">
+        <div class="tips-title">重要提示：</div>
+        <div class="tips-content">
+          本平台信用信息来源于基本信息、信用承诺、资质信息、人员信息、业绩信息和其他信息等由企事业单位自行申报，其真实性、有效性由企事业单位负责，企事业单位对所填报的信息客任负责，不得含有虚假或违规内容。
+        </div>
+      </div>
+      
+      <div class="table-title">
+        <span>
+          基本信息
+        </span>
+      </div>
+      <el-descriptions
+        class="margin-top"
+        :column="1"
+        border
+        :content-style="rowCenter"
+        :label-style="labelRowCenter"
+      >
+        <el-descriptions-item label="企业名称">
+          {{ enterpriseObj.enterpriseName }}
+        </el-descriptions-item>
+        <el-descriptions-item label="资质类别">
+          {{ enterpriseObj.qualificationCategory || "-" }}
+        </el-descriptions-item>
+        <el-descriptions-item label="项目名称">
+          {{ enterpriseObj.projectName || "-" }}
+        </el-descriptions-item>
+        <el-descriptions-item :label="sorce">
+          {{ bonusPointsAll || "-" }}
+        </el-descriptions-item>
+        <el-descriptions-item label="发布时间">
+          {{ enterpriseObj.noticeBeginTime || "-" }}
+        </el-descriptions-item>
+        <el-descriptions-item label="发布单位">
+          {{ enterpriseObj.publishUnit || "-" }}
+        </el-descriptions-item>
+      </el-descriptions>
+    </div>
   </div>
 </template>
 <script>
@@ -40,6 +68,10 @@ export default {
     bonusPointsAll: {
       type: Number,
       default: 0
+    },
+    firstName: {
+      type: String,
+      default: ""
     }
   },
   data() {
@@ -62,6 +94,132 @@ export default {
 </script>
 <style lang="less" scoped>
 .descriptions-table {
+  padding: 20px;
+  background: #ffffff;
+  .title-wrap {
+    display: flex;
+
+    .letf {
+      margin-right: 20px;
+      span {
+        display: block;
+        width: 70px;
+        height: 70px;
+        background: #f4faff;
+        border-radius: 8px;
+        border: 1px solid rgba(0, 94, 183, 0.3);
+        text-align: center;
+        line-height: 70px;
+
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 34px;
+        color: #005eb7;
+        font-style: normal;
+      }
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+      padding: 10px 0;
+      .top {
+        display: flex;
+        h2 {
+          font-family: PingFangSC, PingFang SC;
+          font-weight: 600;
+          font-size: 24px;
+          color: #333333;
+          line-height: 24px;
+          text-align: left;
+          font-style: normal;
+          // margin-bottom: 12px;
+        }
+
+        .status {
+          margin-left: 10px;
+          width: 40px;
+          height: 24px;
+          background: #f3fff9;
+          border-radius: 4px;
+          border: 1px solid rgba(0, 197, 96, 0.5);
+          font-family: PingFangSC, PingFang SC;
+          font-weight: 400;
+          font-size: 14px;
+          color: #00c560;
+          text-align: center;
+          line-height: 24px;
+          font-style: normal;
+        }
+      }
+
+      .code {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 400;
+        font-size: 14px;
+        color: #666666;
+        line-height: 14px;
+        text-align: left;
+        font-style: normal;
+      }
+    }
+  }
+
+  .tips {
+    margin-top: 20px;
+    padding: 20px;
+    background: #f8fbfe;
+    border: 1px solid #eff5fb;
+    margin-bottom: 20px;
+
+    .tips-title {
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 600;
+      font-size: 16px;
+      color: #005eb7;
+      line-height: 16px;
+      text-align: left;
+      font-style: normal;
+    }
+
+    .tips-content {
+      margin-top: 10px;
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 14px;
+      color: #666666;
+      line-height: 20px;
+      text-align: left;
+      font-style: normal;
+    }
+  }
+
+  .table-wrap {
+    .table-title {
+      height: 47px;
+      line-height: 47px;
+      background-color: #f6f6f6;
+
+      span {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 16px;
+        color: #333333;
+        font-style: normal;
+
+        &::before {
+          content: "";
+          display: inline-block;
+          width: 3px;
+          height: 16px;
+          background: #005eb7;
+          margin-right: 10px;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+
   /deep/.el-descriptions {
     .el-descriptions-item__cell {
       padding: 11px 10px;
diff --git a/jwtech-pc-page/src/views/announcement/components/misconductTable.vue b/jwtech-pc-page/src/views/announcement/components/misconductTable.vue
index a2663f55..6d1c83d4 100644
--- a/jwtech-pc-page/src/views/announcement/components/misconductTable.vue
+++ b/jwtech-pc-page/src/views/announcement/components/misconductTable.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="descriptions-table">
-    <span>{{ title }}</span>
+    <!-- <span>{{ title }}</span> -->
     <el-descriptions
       class="margin-top"
       :column="1"
@@ -89,7 +89,7 @@ export default {
 </script>
 <style lang="less" scoped>
 .descriptions-table {
-  margin-top: 20px;
+  // margin-top: 20px;
   .descriptions-table > span {
     display: block;
     font-size: 18px;
diff --git a/jwtech-pc-page/src/views/home/index.vue b/jwtech-pc-page/src/views/home/index.vue
index 0fe83ab2..b5cb2e4b 100644
--- a/jwtech-pc-page/src/views/home/index.vue
+++ b/jwtech-pc-page/src/views/home/index.vue
@@ -314,7 +314,8 @@ export default {
   // background: #edf7ff;
   // padding: 0 360px;
   padding-bottom: 20px;
-  background: linear-gradient( 180deg, #005EB7 0%, #EDF7FF 100%);
+  // background: linear-gradient( 180deg, #005EB7 0%, #EDF7FF 100%);
+  background: linear-gradient(to bottom, #005EB7 0%, #EDF7FF 100% 670px, #EDF7FF 670px, #EDF7FF 100%);
 
   .tabAndSearch-wrap {
     padding: 20px 0 20px 0;