供应商加入是否已入驻标识和链接

components/product/brand/BrandComponent.vue

@@ -48,7 +48,7 @@
       <thead>
       <tr class="bgf7">
         <th width="100"></th>
-        <th width="200" class="text-left">代理商</th>
+        <th width="200">代理商</th>
         <th width="200">地址</th>
         <th width="110">电话</th>
         <th width="110">传真</th>
@@ -58,13 +58,25 @@
       </thead>
       <tbody>
       <tr class="text-center" v-for="item in supplier.content">
-        <td><img :src="item.img || '/images/store/common/default.png'" alt="" class="showImg"></td>
-        <td>{{item.vendorName || '-'}}</td>
-        <td>{{item.detailAddress || '-'}}</td>
-        <td>{{item.tel || '-'}}</td>
-        <td>{{item.fax || '-'}}</td>
-        <td>{{item.email || '-'}}</td>
-        <td>{{item.website || '-'}}</td>
+        <td v-if="item.storeuuid">
+          <a class='add-link' :href="'/store/' + item.storeuuid">
+            <img :src="item.img || '/images/store/common/default.png'" alt="" class="showImg">
+            <img src="/images/store/common/goIn.png" alt="" class="goIn">
+          </a>
+        </td>
+        <td v-if="!item.storeuuid"><img :src="item.img || '/images/store/common/default.png'" alt="" class="showImg"></td>
+        <td :title='item.vendorName'  v-if="item.storeuuid"><a class='add-link' :href="'/store/' + item.storeuuid">{{item.vendorName || '-'}}</a></td>
+        <td :title='item.vendorName' v-if="!item.storeuuid">{{item.vendorName || '-'}}</td>
+        <td :title='item.detailAddress' v-if="item.storeuuid"><a class='add-link' :href="'/store/' + item.storeuuid">{{item.detailAddress || '-'}}</a></td>
+        <td :title='item.detailAddress' v-if="!item.storeuuid">{{item.detailAddress || '-'}}</td>
+        <td :title='item.tel' v-if="item.storeuuid"><a class='add-link' :href="'/store/' + item.storeuuid">{{item.tel || '-'}}</a></td>
+        <td :title='item.tel' v-if="!item.storeuuid">{{item.tel || '-'}}</td>
+        <td :title='item.fax' v-if="item.storeuuid"><a class='add-link' :href="'/store/' + item.storeuuid">{{item.fax || '-'}}</a></td>
+        <td :title='item.fax' v-if="!item.storeuuid">{{item.fax || '-'}}</td>
+        <td :title='item.email' v-if="item.storeuuid"><a class='add-link' :href="'/store/' + item.storeuuid">{{item.email || '-'}}</a></td>
+        <td :title='item.email' v-if="!item.storeuuid">{{item.email || '-'}}</td>
+        <td :title='item.website' v-if="item.storeuuid"><a class='add-link' :href="'/store/' + item.storeuuid">{{item.website || '-'}}</a></td>
+        <td :title='item.website' v-if="!item.storeuuid">{{item.website || '-'}}</td>
       </tr>
       <tr v-if="!supplier.content || supplier.content.length === 0">
         <td colspan="10" class="text-center">
@@ -226,6 +238,12 @@
     color: #337ab7;
     font-size: 12px;
   }
+  .component-list table tbody tr td a.add-link {
+    width: 100%;
+    color: #474443;
+    font-size: 14px;
+    cursor: pointer;
+  }
   .component-list .btn-default {
     color: #214797;
     font-size: 12px;
@@ -283,7 +301,11 @@
     height: 74px;
     vertical-align:middle ;
   }
+  .component-list .supper-table tbody tr:hover{
+    background: #eee;
+  }
   .component-list .supper-table tbody tr td{
+    position: relative;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -294,4 +316,11 @@
     height: 49px;
     border: 1px solid #dcdcdc;
   }
+  .component-list .supper-table tbody tr img.goIn {
+    position: absolute;
+    top: 13px;
+    right: 3px;
+    width: 35px;
+    height: 35px;
+  }
 </style>