From d685a223f04fb89c7cd2abefffadf1f180018258 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com>
Date: Thu, 9 Nov 2023 18:19:47 +0800
Subject: [PATCH] +1

---
 src/assets/images/Rectangle.png               | Bin 0 -> 1412 bytes
 .../components/shop/components/TabOne.vue     | 110 ++++++++++++++++++
 src/views/components/shop/components/index.js |   2 +-
 src/views/components/shop/components/tab1.vue |   7 --
 src/views/components/shop/index.vue           |  14 +--
 5 files changed, 116 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/images/Rectangle.png
 create mode 100644 src/views/components/shop/components/TabOne.vue
 delete mode 100644 src/views/components/shop/components/tab1.vue

diff --git a/src/assets/images/Rectangle.png b/src/assets/images/Rectangle.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9c993378b42eb994057414e1ed7c7a2b9e4f8af
GIT binary patch
literal 1412
zcmXYxdpy&77{`B%lhGI}=90_ID3_JiNRec<PP4qwVuflECHF%%C%3W`EmonaR7b8U
zg%aIfm0L1Wxs+R`#Zt;SQgWX2JI?vOKHukgzdq0Bujh{^!;`%Ur*5E*AP8<V)7=a0
zT=e^@VbJP!AHN1|N-<uW+>pw4qcN1Jo-7{*Y9a_A07x<*+W;w>hhRYR=i%UdjRFL9
z&_FC8`{yAJkpD*UfJDwahX6riXeI%WnEzoR%CWEzHTj@{DjC%Ipq>m^0T56f0c<kp
zpb~)25ztNogJXaffc_C6CIe9jdTC&C0`!DnEQBR#u;e%x3Bg<lq~kzJ2T~STrGr%#
zSZ09bDWGJ6O$OMAz&aCF<N);~P)`Fb8)&((QVgr}!Qm{>b6{;AIGq94bKsH-E(Ne&
z0<L+$x&&zrkdEpB9D4}QWza5z&i5ddLH8K+D4=H?ddHzp0pcG<2hoM?jrC%CBT7oj
z7>tUl>Msk_u<Gg>3m4)vHMQ_~Z5<uLqD6}r>+0(15%moW4GoQqmMk$gHZd_ZH8UfT
z%+1MU3kv!yEv=R=UAD~H+Q!D#){aVDzI?@sl{7kw#qy}AsHq(umQPNHW0esEBi`)3
z-pBXxL~rQ!K3AgZP+8HQr#FPVNU190%FPr{T}C$Jsj6OB`L%0bA!);4f@LR`qxP<#
z>q7K{nTgfk-l{Mg<3CgKWl7I{0%uwxg0|i}<-jY>Z%`eSwzvH`HPT|xn*OLMZQtK{
z-6M080t#<<BhmT9D5h~w!n?o}#Z65`g|Tc^B297z%c}OHlpL4|nT{deSxxcz{CLw@
z+q<*b8I?OWR@bZ|>h~w;NN`Zt-bZmr_}KQaq)#Oi_q#b;Ah}u^#^?#&fmf;5UGHn^
zG{otrZ|!>F-q_mF9Ukv^-Y&Ci3^9(hVTawDF0uFdCGSqSs7dkHp||dqj*CoMUQ>s!
zu$HB1lv({Sy{zW)q1utBC6R@O`0MUcPi9;se_xR!BPa>|RQl<w9K6r%e3Ve}ar*dB
z>&?{cpbo}$!xPex8rrruo?NkWz{P4S>l9Z!LCxyxWtsWY(&w+~Q8=7EjidbNOr#1S
z0IU2dH*@-ibxV8727;f8{t%P=153zq=cI1gb>hj!z9(eq7T!J!JVz-&^wg~Cw}-DH
zlc(wa5?c>>q__T%FDd`mefDEM_S%?&zHoc&fQ6_=*uf7iex^uU<vPG5clGX6%6WEG
zoPpav+hA9GY1))q?;MQvc#pR@&C7_b^|aYud)s<+kC}x1q=ORkM)hv(VQ~ZNmcWr2
zYVn7goK@-Dd+n8B7XRRFuePAV+Xi0DgF?=Zz$Y(X-k{myqVN0mM^vBeo4CT^J>a&b
zc^s&(k?d{mX)N8X<>gedailb{lp9gAb<L@+xbgtoQSUD$2915O*=D?3wEhh_xy-S!
zD(<?Fc)RO&`^%rPXA1*tg9!(+Cv$8%8LStwWn6irR$*>cY~Aay`0!80{CmQB3A^6U
zTJBv{a@R&YE9&4(IB8zWFP)2K`e*HP`TSB#dVk>C@^69dnu;|?S&7?lEr&;XFdsrO
z6WY7So4KSNWpt4=Lck4|iX^Xe>@LqRL@5{Oo9b!&nDXlGwRJN^UF)dqbAqC49$9g7
z{;`9mgH48eJA!`F2ZCr(Q**?T_lA?%b)Vv{H+^r8oGXl(;lG<HYW-H6JfcPHzUY5g
zOQXR!%F!k7OJafSC%#S5d45D=fwY@^ff`>BxH;iIGloAWKNRw4s^q9#Nn6UZy&#NQ
zE5g?qCq_G0j`Ew^ra}tjDK7G)4U=>77P9y!?>nx}1v7js`0;~(59nqF+r83lSL#0>
CsixBa

literal 0
HcmV?d00001

diff --git a/src/views/components/shop/components/TabOne.vue b/src/views/components/shop/components/TabOne.vue
new file mode 100644
index 0000000..d193b68
--- /dev/null
+++ b/src/views/components/shop/components/TabOne.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="tab-container">
+    <div class="tab-title">
+      <div class="title-line"></div>
+      <div class="tittle-text">主体工商信息</div>
+    </div>
+    <div class="tab-main">
+      <div class="cell-left">
+        <div class="main-cell">
+          <div class="cell-item">
+            <div class="item-icon"></div>
+            <div class="item-lable">主体名称：</div>
+            <div class="item-value">南京市百家湖片区XX杂食店</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 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">/</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 class="cell-right"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped>
+.tab-title {
+  display: flex;
+  align-items: center;
+  .title-line {
+    width: 5px;
+    height: 12px;
+    background: #5ba1d2;
+    margin-right: 15px;
+  }
+  .tittle-text {
+    font-size: 14px;
+    font-weight: 500;
+    color: #e9f4ff;
+  }
+}
+.tab-main {
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+  & > div {
+    flex: 1;
+  }
+  .main-cell {
+    width: 100%;
+    display: flex;
+    align-items: center;
+
+    .cell-item {
+      flex: 1;
+      display: flex;
+      align-items: flex-start;
+      margin-bottom: 20px;
+      .item-icon {
+        height: 30px;
+        width: 30px;
+        background: url("~@/assets/images/Rectangle.png");
+        background-size: 100% 100%;
+      }
+      .item-lable {
+        height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        font-weight: 500;
+        color: #cccccc;
+      }
+      .item-value {
+        min-height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        font-weight: 500;
+        color: #e9f4ff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/components/shop/components/index.js b/src/views/components/shop/components/index.js
index 24629f0..04b72c3 100644
--- a/src/views/components/shop/components/index.js
+++ b/src/views/components/shop/components/index.js
@@ -1,4 +1,4 @@
-export { default as tab1 } from "./tab1.vue";
+export { default as TabOne } from "./TabOne.vue";
 export { default as tab2 } from "./tab2.vue";
 export { default as tab3 } from "./tab3.vue";
 export { default as tab4 } from "./tab4.vue";
diff --git a/src/views/components/shop/components/tab1.vue b/src/views/components/shop/components/tab1.vue
deleted file mode 100644
index 60265f6..0000000
--- a/src/views/components/shop/components/tab1.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template></template>
-
-<script>
-export default {};
-</script>
-
-<style></style>
diff --git a/src/views/components/shop/index.vue b/src/views/components/shop/index.vue
index 797dfe3..283d092 100644
--- a/src/views/components/shop/index.vue
+++ b/src/views/components/shop/index.vue
@@ -19,19 +19,15 @@
         {{ item.name }}
       </div>
     </div>
-    <div class="tab-page"></div>
+    <div class="tab-page">
+      <tab-one v-show="currentIndex == 0"></tab-one>
+    </div>
   </dia-log>
 </template>
 <script>
-import { tab1, tab2, tab3, tab4 } from "./components/index.js";
+import { TabOne, tab2, tab3, tab4 } from "./components/index.js";
 import diaLog from "../../components/dialog/index.vue";
 export default {
-  components: {
-    tab1,
-    tab2,
-    tab3,
-    tab4,
-  },
   props: {
     width: {
       type: String,
@@ -42,7 +38,7 @@ export default {
       default: "视频墙",
     },
   },
-  components: { diaLog },
+  components: { diaLog, TabOne, tab2, tab3, tab4 },
   data() {
     return {
       currentIndex: 0,