求购

components/applyPurchase/PublishApply.vue

@@ -86,7 +86,16 @@
       </div>
     </div>
     <div class="apply-rank">
-      ccc
+      <table>
+        <thead>
+          <tr>
+            <th width="62">排名</th>
+            <th width="124">求购型号</th>
+            <th width="57">数量</th>
+            <th width="72">求购次数</th>
+          </tr>
+        </thead>
+      </table>
     </div>
   </div>
 </template>
@@ -218,6 +227,26 @@
     .apply-rank {
       width: 317px;
       margin-right: 0;
+      background: url('/images/applyPurchase/rank-title.png') no-repeat;
+      background-color: #fff;
+      background-size: 319px 74px;
+      background-position: -3px -2px;
+      table {
+        margin: 76px auto 0;
+        width: 98%;
+        thead {
+          background: #e0e0e0;
+          height: 26px;
+          line-height: 26px;
+          border-radius: 3px;
+          tr {
+            th {
+              font-size: 16px;
+              font-weight: bold;
+            }
+          }
+        }
+      }
     }
   }
 </style>