From 7377e8ec27dee1d8682b6c8b9c4cf00df36062c3 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Thu, 5 May 2022 18:53:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=BB=BB=E5=8A=A1=E6=B8=85?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectManagement/components/TaskList.vue | 62 ++++++++++---------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/jero-web/src/views/projectManagement/components/TaskList.vue b/jero-web/src/views/projectManagement/components/TaskList.vue
index 786344d66..02e2c0a3a 100644
--- a/jero-web/src/views/projectManagement/components/TaskList.vue
+++ b/jero-web/src/views/projectManagement/components/TaskList.vue
@@ -51,38 +51,30 @@
         :columns="columns"
       >
         <div slot="standardInformation" slot-scope="text,result" class="box-left">
-          <div class="content">
-            <a class="box-content">GB-7258-2017</a><br/>
-            <a>及东盟火车大师傅但是</a>
-          </div>
-
+          <a class="box-content">GB-7258-2017</a><br/>
+          <a>及东盟火车大师傅但是</a>
         </div>
         <div slot="areaOfResponsibility" slot-scope="text,result" class="box-left">
-          <div class="content">
-            <span class="box-content">1212sdfdsf</span><br/>
-            <span>责任领土</span>
-          </div>
+          <span class="box-content">1212sdfdsf</span><br/>
+          <span>责任领土</span>
         </div>
         <div slot="confirmationOfDesignConformity" slot-scope="text,result" class="box-left">
-          <div class="content">
-            <span class="box-content">截止时间: 2022-06-01</span><br/>
-            <span class="box-content">流程状态: 待审核</span><br/>
-            <span class="box-content-color">待追踪</span>
+          <span class="box-content">截止时间: 2022-06-01</span><br/>
+          <span class="box-content">流程状态: 待审核</span><br/>
+          <span class="box-content-color">待追踪</span>
+          <div class="content-box">
+            <div class="content-box-jiao"></div>
           </div>
         </div>
         <div slot="PrehomoConfirmation" slot-scope="text,result" class="box-left">
-          <div class="content">
-            <span class="box-content">截止时间: 2022-06-01</span><br/>
-            <span class="box-content">流程状态: 待审核</span><br/>
-            <span class="box-content-color">待追踪</span>
-          </div>
+          <span class="box-content">截止时间: 2022-06-01</span><br/>
+          <span class="box-content">流程状态: 待审核</span><br/>
+          <span class="box-content-color">待追踪</span>
         </div>
         <div slot="verificationAndConformityconfirmation" slot-scope="text,result" class="box-left">
-          <div class="content">
-            <span class="box-content">截止时间: 2022-06-01</span><br/>
-            <span class="box-content">流程状态: 待审核</span><br/>
-            <span class="box-content-color">待追踪</span>
-          </div>
+          <span class="box-content">截止时间: 2022-06-01</span><br/>
+          <span class="box-content">流程状态: 待审核</span><br/>
+          <span class="box-content-color">待追踪</span>
         </div>
         <div slot="CertificationProgress" slot-scope="text,result">
              <span class="box-content-color">
@@ -247,21 +239,31 @@
   }
 
   .box-left {
-    float: left;
     position: relative;
-    left: 50%
   }
 
-  .content {
-    float: left;
-    position: relative;
-    left: -50%;
-    text-align: left;
+  .content-box {
+    position: absolute;
+    width: calc(100% + 32px);
+    height: calc(100% + 32px);
+    top: -16px;
+    left: -16px;
+    border: 1px seagreen solid;
+  }
+
+  .content-box-jiao {
+    position: absolute;
+    right: 0;
+    width: 0;
+    height: 0;
+    border-right: 30px solid red;
+    border-bottom: 30px solid transparent
   }
 
   .box-content {
     margin-bottom: 8px;
     display: inline-block;
+    text-align: left;
   }
 
   .box-content-color {