From 0f54ba77cc5adb943fe1e260ef91782a062b7f6f Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Mon, 11 Apr 2022 18:06:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E7=BB=86=E8=8A=82=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/documentTools/virtualList/index.vue |   4 +-
 .../components/ProjectDetails.vue             | 182 +++++++++++++++---
 2 files changed, 155 insertions(+), 31 deletions(-)

diff --git a/jero-web/src/views/documentTools/virtualList/index.vue b/jero-web/src/views/documentTools/virtualList/index.vue
index 30b051ed9..07338ef7d 100644
--- a/jero-web/src/views/documentTools/virtualList/index.vue
+++ b/jero-web/src/views/documentTools/virtualList/index.vue
@@ -266,9 +266,9 @@
           onOk() {
             let url = ''
             if (val.subscribeFlag == 0 || !val.subscribeFlag) {
-              url = 'document/bussDocumentLibraryEO/addSubscribe'
+              url = 'dummy/dummyInventoryBaseEO/read'
             } else {
-              url = 'document/bussDocumentLibraryEO/cancelSubscribe'
+              url = 'dummy/dummyInventoryBaseEO/cancelRead'
             }
             getAction(url, { id: val.id }).then((res) => {
               if (res.success) {
diff --git a/jero-web/src/views/projectManagement/components/ProjectDetails.vue b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
index 3a50ce515..b25a56a62 100644
--- a/jero-web/src/views/projectManagement/components/ProjectDetails.vue
+++ b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
@@ -63,11 +63,72 @@
     <div class="header-text">
       法规/认证任务计划
     </div>
+    <div class="process-content">
+
+      <div style="display: flex;justify-content: space-between">
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认打扫房间十大科技孵化开具收费电视</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+
+        <div class="process-content-content">
+          <img src="../../../assets/wancheng.png" class="process-content-left" alt="">
+          <div class="process-content-right">
+            <div class="process-content-right-top">法规清单确认</div>
+            <div class="process-content-right-button">2021-10-13</div>
+          </div>
+        </div>
+      </div>
+      <div class="process-content-right-xian"></div>
+    </div>
     <a-tabs default-active-key="1" class="ant-tabs">
       <a-tab-pane key="1" :tab="$t('DeliverableStatus')">
         <div class="box-content">
           <div class="box-content-left">
-              <div id="main"></div>
+            <div id="main"></div>
           </div>
           <div class="box-content-right">
 
@@ -90,39 +151,38 @@
 </template>
 
 <script>
-  import * as echarts from 'echarts';
+  import * as echarts from 'echarts'
+
   export default {
     name: 'ProjectDetails',
-    data(){
-        return{
-
-        }
+    data() {
+      return {}
     },
     mounted() {
       this.mainEcharts()
     },
-    methods:{
-        mainEcharts(){
-          var myChart = echarts.init(document.getElementById('main'));
-          myChart.setOption({
-            title: {
-              text: 'ECharts 入门示例'
-            },
-            tooltip: {},
-            xAxis: {
-              data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
-            },
-            yAxis: {},
-            series: [
-              {
-                name: '销量',
-                type: 'bar',
-                data: [5, 20, 36, 10, 10, 20]
-              }
-            ]
-          });
-        },
-    },
+    methods: {
+      mainEcharts() {
+        var myChart = echarts.init(document.getElementById('main'))
+        myChart.setOption({
+          title: {
+            text: 'ECharts 入门示例'
+          },
+          tooltip: {},
+          xAxis: {
+            data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
+          },
+          yAxis: {},
+          series: [
+            {
+              name: '销量',
+              type: 'bar',
+              data: [5, 20, 36, 10, 10, 20]
+            }
+          ]
+        })
+      }
+    }
   }
 </script>
 
@@ -176,6 +236,61 @@
     }
   }
 
+  .process-content {
+    margin-top: 4px;
+    height: 60px;
+    position: relative;
+
+    .process-content-content {
+      background: #fff;
+      z-index: 1000000;
+      padding: 0 20px;
+
+      .process-content-left {
+        float: left;
+      }
+
+      .process-content-right {
+        float: left;
+        margin-left: 7px;
+
+        .process-content-right-top {
+          font-size: 14px;
+          font-weight: 400;
+          color: #040B29;
+          max-width: 94px;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+
+        .process-content-right-button {
+          font-size: 12px;
+          font-weight: 400;
+          color: #6F7385;
+          margin-top: -4px;
+        }
+      }
+    }
+
+
+    .process-content-content:first-child {
+      padding: 0 20px 0 0;
+    }
+
+    .process-content-content:last-child {
+      padding: 0 0 0 20px;
+    }
+
+    .process-content-right-xian {
+      height: 1px;
+      width: calc(100% - 27px);
+      background: #E6E6E9;
+      position: absolute;
+      top: 16px;
+    }
+  }
+
   .box-content {
     width: 100%;
     display: flex;
@@ -185,7 +300,8 @@
       width: calc(50% - 12px);
       height: 300px;
       border: 2px #eff1f3 solid;
-      #main{
+
+      #main {
         width: 100%;
         height: 100%;
       }
@@ -197,4 +313,12 @@
       border: 2px #eff1f3 solid;
     }
   }
+
+  @media screen and (min-width: 600px) and (max-width: 1600px) {
+
+    .process-content-right-top {
+      max-width: 70px!important;
+    }
+
+  }
 </style>
\ No newline at end of file