优惠券审核列表

src/assets/styles/index.scss

@@ -215,3 +215,47 @@ aside {
   font-size: 16px;
   font-weight: 700
 }
+
+
+// 详情页样式
+.hr-detail {
+  width: 100%;
+  height: 1px;
+  border-bottom: 1px dashed #d9d9d9;
+}
+
+.detail-title {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
+  font-weight: 500;
+  color: #353d63;
+}
+
+.detail-card-title {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
+  font-weight: 500;
+  color: #353d63;
+}
+
+.detail-title-tip {
+  height: 48px;
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: 400;
+  color: #333333;
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 4px;
+    height: 24px;
+    background: #353d63;
+    border-radius: 1px;
+    margin-right: 10px;
+    position: relative;
+  }
+}

src/views/coupon/audit/detail.vue

 <template>
-  <div>111</div>
+  <div class="app-container">
+    <el-card class="card-layout">
+      <div class="detail-title">标题</div>
+    </el-card>
+
+  </div>
 </template>
 
 <script>

src/views/coupon/audit/index.vue

@@ -9,7 +9,14 @@
         {{scope.row.validityType === '1' ? `${scope.row.validityStartDate} ~ ${scope.row.validityEndDate}` : `领取后${scope.row.validityNum}天内`}}
       </template>
       <template #examineStatus="{ scope }">
-        <dict-tag :options="dict.type.examine_status" :value="scope.row.examineStatus"/>
+        <div style="display: flex; align-items: center; justify-content: center;">
+          <xy-status-indicator :status="scope.row.examineStatus === 0 ? 'warning' : scope.row.examineStatus === 1 ? 'success' : scope.row.examineStatus === 2 ? 'error' : '' " pulse />
+          <dict-tag
+            style="margin-left: 4px; "
+            :options="dict.type.examine_status"
+            :value="scope.row.examineStatus"
+          />
+        </div>
       </template>
 
     </xy-table>