客户端API供应商、供应商联系方式字段添加

src/views/marketplace/AIMarketplaceDetail.vue

@@ -41,6 +41,12 @@
                     categoryName
                   }}</el-tag>
               </div>
+              <div class="vendor-card">
+                <div class="vendor-tags">
+                  <div class="vendor">API供应商：{{productData.vendor}}</div>
+                  <div class="vendorContact">供应商联系方式：{{productData.vendorContact}}</div>
+                </div>
+              </div>
               <div class="main-price-card">
                 <div class="price-left">
                   <div class="main-amount">￥{{ currentPrice }}</div>
@@ -316,6 +322,8 @@ const productData = ref({
   id: undefined,
   categoryId: undefined,
   categoryName: "",
+  vendor: undefined,
+  vendorContact: undefined,
   name: "",
   description: "",
   coverImage: "",
@@ -692,6 +700,29 @@ defineExpose({ goOrderConfirm });
   }
 }
 
+.vendor-card {
+  display: flex;
+  align-items: baseline;
+  gap: 16px;
+  background: rgba(100, 255, 227, 0.1);
+  border-radius: 8px;
+  padding: 14px 24px;
+  font-weight: bold;
+  .vendor-tags{
+    display: flex;
+    flex-direction: column;
+    line-height: 1.2;
+  }
+  .vendor {
+    font-size: 16px;
+    color: #666;
+  }
+  .vendorContact {
+    color: #666
+  }
+
+}
+
 .main-price-card {
   display: flex;
   align-items: baseline;