guhongwei 4 anos atrás
pai
commit
872218a608
2 arquivos alterados com 151 adições e 43 exclusões
  1. BIN
      src/assets/1.jpg
  2. 151 43
      src/views/adminCenter/company/coupons/detail.vue

BIN
src/assets/1.jpg


+ 151 - 43
src/views/adminCenter/company/coupons/detail.vue

@@ -53,6 +53,31 @@
               <el-col :span="24" class="text" v-if="form.status == '1'">
                 <el-form-item label="创新券">
                   <el-col :span="10" class="coupons">
+                    <el-col :span="18" class="coupons_1">
+                      <el-col :span="24" class="coupons_1one">
+                        <el-col :span="3" class="image">
+                          <el-image :src="logo"></el-image>
+                        </el-col>
+                        <el-col :span="21" class="title"> 环南湖科创先导区双创服务平台 </el-col>
+                      </el-col>
+                      <el-col :span="24" class="coupons_1two"> 科技创新券 </el-col>
+                      <el-col :span="24" class="coupons_1thr">
+                        <p>
+                          有效期:
+                          <span>{{ getDate(form.create_time, '1') }}</span>
+                          -<span>{{ getDate('2021', '2') }}</span>
+                        </p>
+                        <p>
+                          NO.<span>{{ getDate(form.create_time, '3') }}</span>
+                        </p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="6" class="coupons_2">
+                      <p>科技创新券</p>
+                      <p><span>伍万圆</span></p>
+                    </el-col>
+                  </el-col>
+                  <!-- <el-col :span="10" class="coupons">
                     <el-col :span="24" class="coupons_1">
                       <el-col :span="3" class="image">
                         <el-image :src="logo"></el-image>
@@ -73,7 +98,7 @@
                         NO.<span>{{ getDate(form.create_time, '3') }}</span>
                       </p>
                     </el-col>
-                  </el-col>
+                  </el-col> -->
                 </el-form-item>
               </el-col>
               <el-col :span="24" class="formBtn" v-if="form.status == ''">
@@ -207,66 +232,149 @@ export default {
       }
     }
     .coupons {
-      height: 250px;
-      border: 5px solid #008000;
+      height: 160px;
       line-height: normal;
-      padding: 5px;
-      background: #b3e2be5f;
+      width: 35%;
+      border: 1px solid #f1f1f1;
+      background: url('~@a/1.jpg');
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
       .coupons_1 {
-        .image {
-          text-align: center;
-          .el-image {
-            width: 60px;
-            height: 60px;
+        position: relative;
+        height: 158px;
+        .coupons_1one {
+          padding: 0 30px;
+          .image {
+            .el-image {
+              width: 50px;
+              height: 50px;
+            }
+          }
+          .title {
+            font-size: 20px;
+            height: 50px;
+            line-height: 50px;
+            color: #fff;
+            font-weight: bold;
+            font-family: cursive;
           }
         }
-        .title {
-          height: 60px;
-          line-height: 60px;
-          font-size: 32px;
-          font-family: cursive;
-          color: #000;
-
-          font-weight: bold;
-          letter-spacing: 3px;
-        }
-      }
-      .coupons_2 {
-        p {
+        .coupons_1two {
           text-align: center;
-        }
-        p:nth-child(1) {
-          font-size: 60px;
+          font-size: 35px;
+          color: #fff;
+          font-weight: bold;
+          letter-spacing: 10px;
           font-family: cursive;
-          -webkit-text-stroke: 1px #000;
-          -webkit-text-fill-color: #cccccc5f;
         }
-        p:nth-child(2) {
-          font-size: 40px;
-          font-family: cursive;
-          -webkit-text-stroke: 1px #000;
-          -webkit-text-fill-color: #cccccc5f;
-          letter-spacing: 15px;
+        .coupons_1thr {
+          position: absolute;
+          bottom: 0;
+          p {
+            text-align: center;
+            padding: 2px 0;
+          }
+          p:nth-child(1) {
+            font-size: 14px;
+            font-weight: bold;
+          }
+          p:nth-child(2) {
+            font-size: 14px;
+            font-weight: bold;
+            span {
+              color: #ff0000;
+            }
+          }
         }
       }
-      .coupons_3 {
-        p {
-          text-align: center;
-          padding: 2px 0;
-        }
+      .coupons_2 {
+        border-left: 1px dashed #00fa9a;
+        height: 158px;
+        text-align: center;
         p:nth-child(1) {
-          font-size: 16px;
           font-weight: bold;
+          font-size: 18px;
+          color: #fff;
+          writing-mode: vertical-rl;
+          padding: 12px 42% 5px 42%;
+          text-align: center;
         }
         p:nth-child(2) {
-          font-size: 16px;
-          font-weight: bold;
           span {
-            color: #ff0000;
+            background: #008000;
+            border-radius: 360px;
+            padding: 10px 0px;
+            font-weight: bold;
+            font-size: 18px;
+            color: #ffd700;
+            display: inline-block;
+            width: 80%;
+            font-family: monospace;
           }
         }
       }
     }
+    // .coupons {
+    //   height: 250px;
+    //   border: 5px solid #008000;
+    //   line-height: normal;
+    //   padding: 5px;
+    //   background: #b3e2be5f;
+    //   .coupons_1 {
+    //     .image {
+    //       text-align: center;
+    //       .el-image {
+    //         width: 60px;
+    //         height: 60px;
+    //       }
+    //     }
+    //     .title {
+    //       height: 60px;
+    //       line-height: 60px;
+    //       font-size: 32px;
+    //       font-family: cursive;
+    //       color: #000;
+
+    //       font-weight: bold;
+    //       letter-spacing: 3px;
+    //     }
+    //   }
+    //   .coupons_2 {
+    //     p {
+    //       text-align: center;
+    //     }
+    //     p:nth-child(1) {
+    //       font-size: 60px;
+    //       font-family: cursive;
+    //       -webkit-text-stroke: 1px #000;
+    //       -webkit-text-fill-color: #cccccc5f;
+    //     }
+    //     p:nth-child(2) {
+    //       font-size: 40px;
+    //       font-family: cursive;
+    //       -webkit-text-stroke: 1px #000;
+    //       -webkit-text-fill-color: #cccccc5f;
+    //       letter-spacing: 15px;
+    //     }
+    //   }
+    //   .coupons_3 {
+    //     p {
+    //       text-align: center;
+    //       padding: 2px 0;
+    //     }
+    //     p:nth-child(1) {
+    //       font-size: 16px;
+    //       font-weight: bold;
+    //     }
+    //     p:nth-child(2) {
+    //       font-size: 16px;
+    //       font-weight: bold;
+    //       span {
+    //         color: #ff0000;
+    //       }
+    //     }
+    //   }
+    // }
   }
 }
 .main:hover {