tab1

src/views/components/shop/components/TabOne.vue

@@ -17,7 +17,9 @@
           <div class="cell-item">
             <div class="item-icon"></div>
             <div class="item-lable">营业执照：</div>
-            <div class="item-value value-"></div>
+            <div class="item-value value-image">
+              <img src="@/assets/images/zs.jpg" alt="" />
+            </div>
           </div>
         </div>
         <div class="main-cell">
@@ -42,7 +44,64 @@
           </div>
         </div>
       </div>
-      <div class="cell-right"></div>
+      <div class="cell-right">
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">食品生产经营主体类别：</div>
+            <div class="item-value">食品销售</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">法定代表人：</div>
+            <div class="item-value">张三</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">有效期至：</div>
+            <div class="item-value">2021-02-01</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">企业地址：</div>
+            <div class="item-value">南京市江宁区将军大道11号</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">统一社会信用代码：</div>
+            <div class="item-value">92210211MAWUJDT0X2</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">登记地址 ：</div>
+            <div class="item-value">南京市江宁区将军大道11号</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">许可证编号：</div>
+            <div class="item-value">JY12102110014362</div>
+          </div>
+        </div>
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">成立日期：</div>
+            <div class="item-value">/</div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -104,6 +163,15 @@ export default {};
         font-weight: 500;
         color: #e9f4ff;
       }
+      .value-image {
+        width: 243px;
+        height: 163px;
+        img {
+          display: block;
+          height: 100%;
+          width: 100%;
+        }
+      }
     }
   }
 }