美化issue

src/components/TabList/index.vue

@@ -113,23 +113,23 @@
               <div>{{ currentIssue.ticket_title }}</div>
             </div>
             <div class="task-title">ID</div>
-            <div class="task-content">{{ currentIssue.id }}</div>
+            <div class="task-content">{{ currentIssue.id || '-' }}</div>
             <div class="task-title">Title</div>
-            <div class="task-content">{{ currentIssue.ticket_title }}</div>
+            <div class="task-content">{{ currentIssue.ticket_title || '-' }}</div>
             <div class="task-title">Type</div>
-            <div class="task-content">{{ currentIssue.ticket_type }}</div>
+            <div class="task-content">{{ currentIssue.ticket_type || '-' }}</div>
             <div class="task-title">Bench_id</div>
-            <div class="task-content">{{ currentIssue.bench_id }}</div>
+            <div class="task-content">{{ currentIssue.bench_id || '-' }}</div>
             <div class="task-title">Status</div>
-            <div class="task-content">{{ currentIssue.ticket_status }}</div>
+            <div class="task-content">{{ currentIssue.ticket_status || '-' }}</div>
             <div class="task-title">Description</div>
-            <div class="task-content">{{ currentIssue.ticket_desc }}</div>
+            <div class="task-content" v-html="currentIssue.ticket_desc"></div>
             <div class="task-title">Creator</div>
-            <div class="task-content">{{ currentIssue.creator }}</div>
+            <div class="task-content">{{ currentIssue.creator || '-' }}</div>
             <div class="task-title">Difficulty</div>
-            <div class="task-content">{{ currentIssue.ticket_difficulty }}</div>
+            <div class="task-content">{{ currentIssue.ticket_difficulty || '-' }}</div>
             <div class="task-title">Complexity</div>
-            <div class="task-content">{{ currentIssue.ticket_complexity }}</div>
+            <div class="task-content">{{ currentIssue.ticket_complexity || '-' }}</div>
             <div class="task-title">Action</div>
             <div class="task-table">
               <el-table
@@ -937,6 +937,7 @@ export default {
     .task-content {
       margin-top: 0.925vh;
       font-size: 14px;
+      // margin-bottom: 20px;
     }
     .select-container {
       height: 4.25vh;
@@ -1101,13 +1102,16 @@ export default {
 }
 
 .task-title {
-  color: #72c5ff;
-  font-size: 24px;
+  color: #ffffff;
+  font-size: 18px;
+  font-weight: bold;
 }
 
 .task-content {
-  margin-top: 10px;
-  margin-bottom: 20px;
+  color: #f0f0f0;
+  margin-top: 2px;
+  font-size: 14px;
+  margin-bottom: 26px;
 }
 
 .cancel-button,