feat: 手机端详情页Table列表,prod2.sh-22-23

boyang
1 parent cbd65368
Showing 2 changed files with 62 additions and 7 deletions
components/MobileProductDetail.vue
deploy/prod2.sh
@@ -79,9 +79,9 @@
     </v-row>
     <div
       v-if="info.ticketTypes?.length"
-      class="py-4 mx-4 bg-white rounded-lg tw-flex tw-flex-wrap tw-justify-around"
+      class="py-0 mx-4 rounded-lg tw-flex tw-flex-wrap tw-justify-around"
     >
-      <v-sheet
+      <!-- <v-sheet
         v-for="item in info.ticketTypes || []"
         :key="item.rank"
         rounded="lg"
@@ -99,14 +99,68 @@
             {{ item.rank }}
           </div>
         </div>
-      </v-sheet>
-      <v-btn
+      </v-sheet> -->
+      <v-table
+        density="comfortable"
+        class="table1 tw-mt-[0px] tw-overflow-x-auto"
+        v-if="info.ticketTypes?.length"
+      >
+        <thead>
+          <tr class="bg-grey-lighten-3">
+            <th class="text-left headerBorder text-grey-darken-1">
+              Product Name / Code
+            </th>
+            <th class="text-left headerBorder text-grey-darken-1">
+              Specification and model
+            </th>
+            <th
+              v-if="info.priceShow !== undefined && info.priceShow"
+              class="text-left headerBorder text-grey-darken-1"
+            >
+              Price
+            </th>
+            <th class="text-left headerBorder text-grey-darken-1">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="tr"
+            v-for="item in info.ticketTypes || []"
+            :key="item.rank"
+          >
+            <td class="td text-grey-darken-4 font-weight-medium">
+              {{ item.rank }}
+            </td>
+            <td class="td text-grey-darken-4 font-weight-medium">
+              {{ item.typeName }}
+            </td>
+            <td v-if="item.priceShow" class="td">
+              {{ item.price + " " + item.priceUnit }}
+            </td>
+            <td class="td">
+              <v-btn
+                size="small"
+                color="blue-darken-1"
+                @click="router.push('/contact')"
+              >
+                <!-- Quotation Inquiry -->
+                Quote
+              </v-btn>
+            </td>
+          </tr>
+        </tbody>
+      </v-table>
+      <!-- <div  v-for="item in info.ticketTypes || []"
+            :key="item.rank">
+
+      </div> -->
+      <!-- <v-btn
         size="large"
         color="blue-darken-1"
         @click="router.push('/contact')"
       >
         Quotation Inquiry
-      </v-btn>
+      </v-btn> -->
     </div>
     <!-- <v-dialog v-model="dialog" activator="parent" width="auto">
           <v-card> Contact us Email: contact@canrd.com QQ: 3003597584 / 2902385824 </v-card>
@@ -226,6 +280,7 @@ const items = ref&lt;BreadcrumbItem[]&gt;([
   },
 ]);
 watchEffect(() => {
+  console.log(info, "5656info");
   if (info?.productCrumbsVO?.category1 && productStore.keyword) {
     items.value[1].title = info.productCrumbsVO.category1;
     items.value[1].href =
 #!/bin/bash
 # 变量定义
-LAST_TAG="1.0.21"
-TAG="1.0.22"
+LAST_TAG="1.0.22"
+TAG="1.0.23"
 TARGET_PATH="/root/web/canrud-outside-nuxt-front"
 DOCKERFILE_PATH="/root/web/canrud-outside-nuxt-front/canrud-nuxt-front"
 IMAGE_NAME="canrud-outside-front"