修改项目详情细节问题

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) {

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(){
+    data() {
-        return{
+      return {}
-
-        }
     },
     mounted() {
       this.mainEcharts()
     },
-    methods:{
+    methods: {
-        mainEcharts(){
+      mainEcharts() {
-          var myChart = echarts.init(document.getElementById('main'));
+        var myChart = echarts.init(document.getElementById('main'))
-          myChart.setOption({
+        myChart.setOption({
-            title: {
+          title: {
-              text: 'ECharts 入门示例'
+            text: 'ECharts 入门示例'
-            },
+          },
-            tooltip: {},
+          tooltip: {},
-            xAxis: {
+          xAxis: {
-              data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
+            data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
-            },
+          },
-            yAxis: {},
+          yAxis: {},
-            series: [
+          series: [
-              {
+            {
-                name: '销量',
+              name: '销量',
-                type: 'bar',
+              type: 'bar',
-                data: [5, 20, 36, 10, 10, 20]
+              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>