From 6b2f34c3a12b5983b77eeaacd1e5761588b547a1 Mon Sep 17 00:00:00 2001
From: gxwebsoft <Websoft5386339>
Date: Tue, 5 Dec 2023 20:01:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=B9=B3=E5=8F=B0=E6=9D=83?=
 =?UTF-8?q?=E7=9B=8A=E9=A1=B5=E9=9D=A2=E5=92=8C=E4=BF=AE=E5=A4=8D=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/user/components/equity.vue | 110 ++++++++++++++++++++++++++++---
 1 file changed, 101 insertions(+), 9 deletions(-)

diff --git a/pages/user/components/equity.vue b/pages/user/components/equity.vue
index e29c194..2f229d1 100644
--- a/pages/user/components/equity.vue
+++ b/pages/user/components/equity.vue
@@ -67,16 +67,95 @@
           <div class="title">实力加工厂</div>
         </div>
       </div>
-      <div class="item" v-for="(item, index) in gradeList" :key="index" @click="onChange(index)">
+      <div class="item">
         <div class="item-box">
-          <div class="title">{{ item.grade }}</div>
-          <div class="title">{{ item.code }}</div>
-          <div class="title">{{ item.name }}</div>
-          <div class="title">{{ item.type }}</div>
-          <div class="title">{{ item.price }}</div>
-          <div class="title">{{ item.company }}</div>
-          <div class="title"></div>
-          <div class="title">{{ item.comments }}</div>
+          <div class="title">身份图标</div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/cb35648023de4c40a0790c275962222f.png"></el-image> </div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/9816e24079d349068f52ba45c2786fb5.png"></el-image></div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/11f497e8c11d45bb97b1939ac8ed68a1.png"></el-image></div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/45ae2b50ca044f208edf2f411ed72da1.png"></el-image></div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/10ae319c1bb045d3b871046c85f97432.png"></el-image></div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/cea0d711c9004c57b14aec491e48c3ff.png"></el-image></div>
+          <div class="title"><el-image class="level" src="https://oss.wsdns.cn/20231205/a7445b2a6c224aee9115317f29867851.png"></el-image></div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="item-box">
+          <div class="title">认证缴费</div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+          <div class="title red">去认证<i class="el-icon-arrow-right"></i></div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="item-box">
+          <div class="title">获得身份方式</div>
+          <div class="title">
+            <div class="get-way">
+              <div>企业平台认证</div>
+              <div>VIP认证方法</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+          <div class="title">
+            <div class="get-way">
+              <div>购买</div>
+              <div>999元/年</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+          <div class="title">
+            <div class="get-way">
+              <div>购买</div>
+              <div>1999元/年</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+          <div class="title">
+            <div class="get-way">
+              <div>购买</div>
+              <div>5999元/年</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+          <div class="title">
+            <div class="get-way">
+              <div>购买+交易保证金</div>
+              <div>5999+20000</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+          <div class="title">
+            <div class="get-way">
+              <div>购买+交易保证金</div>
+              <div>5999+20000</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+          <div class="title">
+            <div class="get-way">
+              <div>购买+交易保证金</div>
+              <div>5999+20000</div>
+              <div class="red">去升级<i class="el-icon-arrow-right"></i></div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+      <div class="item">
+        <div class="item-box">
+          <div class="title">询报价权益</div>
+          <div class="title">-</div>
+          <div class="title">-</div>
+          <div class="title">-</div>
+          <div class="title">-</div>
+          <div class="title">-</div>
+          <div class="title">-</div>
+          <div class="title">-</div>
         </div>
       </div>
     </div>
@@ -314,6 +393,10 @@
 					width: 40px;
 					justify-content: center;
 					text-align: center;
+          .level{
+            width: 80px;
+            height: 80px;
+          }
 				}
 
 				.info {
@@ -542,6 +625,9 @@
       .item-box {
         display: flex;
         font-size: 14px;
+        .red{
+          color: #bf2b28;
+        }
 
         .title {
           padding: 10px;
@@ -551,6 +637,12 @@
           flex: 1;
           justify-content: center;
           text-align: center;
+          .get-way{
+            display: flex;
+            flex-direction: column;
+            font-size: 13px;
+            line-height: 2em;
+          }
         }
 
         .info {