证书样式

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-08 15:59:07
+ * @LastEditTime: 2023-09-08 16:38:43
 -->
 -->
 <template>
 <template>
   <div class="szxx">
   <div class="szxx">
@@ -21,7 +21,8 @@
           <span>{{ item.qllx }}</span>
           <span>{{ item.qllx }}</span>
         </div>
         </div>
         <div class="text color_red">
         <div class="text color_red">
-          <span>{{ item.qlr }}</span><span class="color_iray">({{ item.qllx }})</span>
+          <span>{{ item.qlr }}</span
+          ><span class="color_iray">({{ item.qllx }})</span>
         </div>
         </div>
         <div class="text color_iray">
         <div class="text color_iray">
           <span>{{ item.gyqk }}</span>
           <span>{{ item.gyqk }}</span>
@@ -195,7 +196,7 @@ export default {
       let className = "box-card";
       let className = "box-card";
       if (item.bdcqzlx == 1) {
       if (item.bdcqzlx == 1) {
         className += " zs-card";
         className += " zs-card";
-      }else{
+      } else {
         className += " zm-card";
         className += " zm-card";
       }
       }
       if (item.szcs == 0) {
       if (item.szcs == 0) {
@@ -222,16 +223,16 @@ export default {
     margin: 10px;
     margin: 10px;
     box-shadow: none;
     box-shadow: none;
     background-image: url("~@/image/zm-bg.png");
     background-image: url("~@/image/zm-bg.png");
-    background-size: 100% 100%;;
-    border: 0;
+    background-size: 100% 100%;
+    border: 1px solid transparent;
     /deep/ .el-card__header {
     /deep/ .el-card__header {
       padding: 12px 66px;
       padding: 12px 66px;
       background-size: auto;
       background-size: auto;
-      border-bottom:0;
+      border-bottom: 0;
       position: relative;
       position: relative;
     }
     }
     .szxx_header {
     .szxx_header {
-      color: #8B4534;
+      color: #8b4534;
     }
     }
     .szxx_body {
     .szxx_body {
       height: 280px;
       height: 280px;
@@ -249,26 +250,33 @@ export default {
     .top_line {
     .top_line {
       border-top: 1px solid #d3dbe5;
       border-top: 1px solid #d3dbe5;
       width: 330px;
       width: 330px;
-      margin: 0 auto 10px ;
+      margin: 0 auto 10px;
     }
     }
   }
   }
-  .zm-card{
+  .zm-card {
     /deep/ .el-card__header {
     /deep/ .el-card__header {
-      &:after{
+      &:after {
         content: "";
         content: "";
-            display: inline-block;
-            width: 330px;
-            height: 1px;
-            background-color: #B28676;
-            position: absolute;
-            left: 10px;
+        display: inline-block;
+        width: 330px;
+        height: 1px;
+        background-color: #b28676;
+        position: absolute;
+        left: 10px;
+        bottom: 0;
       }
       }
     }
     }
   }
   }
   .zm-card.no-print {
   .zm-card.no-print {
     background-image: url("~@/image/zm-gray.png");
     background-image: url("~@/image/zm-gray.png");
+    
+    /deep/ .el-card__header {
+      &:after {
+        background-color: #6d7278;
+      }
+    }
     .szxx_header {
     .szxx_header {
-      color: #6D7278;
+      color: #6d7278;
     }
     }
   }
   }
   .zs-card.no-print {
   .zs-card.no-print {
@@ -299,22 +307,21 @@ export default {
   }
   }
 }
 }
 
 
-
 .text {
 .text {
   margin-bottom: 8px;
   margin-bottom: 8px;
   text-align: left;
   text-align: left;
   text-indent: 16px;
   text-indent: 16px;
 }
 }
-.text.tac{
+.text.tac {
   text-align: center;
   text-align: center;
 }
 }
 
 
 .color_iray {
 .color_iray {
-  color: #6D7278;
+  color: #6d7278;
 }
 }
 
 
 .color_red {
 .color_red {
-  color: #AB0C0C;
+  color: #ab0c0c;
 }
 }
 
 
 .middle_margin {
 .middle_margin {