Commit ed0c1a2a143a4586b4e42db3c258befe81337c5c
1 parent
cbd65368
feat: 手机端详情页Table列表,prod2.sh-22-23
Showing
2 changed files
with
62 additions
and
7 deletions
components/MobileProductDetail.vue
| ... | ... | @@ -79,9 +79,9 @@ |
| 79 | 79 | </v-row> |
| 80 | 80 | <div |
| 81 | 81 | v-if="info.ticketTypes?.length" |
| 82 | - class="py-4 mx-4 bg-white rounded-lg tw-flex tw-flex-wrap tw-justify-around" | |
| 82 | + class="py-0 mx-4 rounded-lg tw-flex tw-flex-wrap tw-justify-around" | |
| 83 | 83 | > |
| 84 | - <v-sheet | |
| 84 | + <!-- <v-sheet | |
| 85 | 85 | v-for="item in info.ticketTypes || []" |
| 86 | 86 | :key="item.rank" |
| 87 | 87 | rounded="lg" |
| ... | ... | @@ -99,14 +99,68 @@ |
| 99 | 99 | {{ item.rank }} |
| 100 | 100 | </div> |
| 101 | 101 | </div> |
| 102 | - </v-sheet> | |
| 103 | - <v-btn | |
| 102 | + </v-sheet> --> | |
| 103 | + <v-table | |
| 104 | + density="comfortable" | |
| 105 | + class="table1 tw-mt-[0px] tw-overflow-x-auto" | |
| 106 | + v-if="info.ticketTypes?.length" | |
| 107 | + > | |
| 108 | + <thead> | |
| 109 | + <tr class="bg-grey-lighten-3"> | |
| 110 | + <th class="text-left headerBorder text-grey-darken-1"> | |
| 111 | + Product Name / Code | |
| 112 | + </th> | |
| 113 | + <th class="text-left headerBorder text-grey-darken-1"> | |
| 114 | + Specification and model | |
| 115 | + </th> | |
| 116 | + <th | |
| 117 | + v-if="info.priceShow !== undefined && info.priceShow" | |
| 118 | + class="text-left headerBorder text-grey-darken-1" | |
| 119 | + > | |
| 120 | + Price | |
| 121 | + </th> | |
| 122 | + <th class="text-left headerBorder text-grey-darken-1">Actions</th> | |
| 123 | + </tr> | |
| 124 | + </thead> | |
| 125 | + <tbody> | |
| 126 | + <tr | |
| 127 | + class="tr" | |
| 128 | + v-for="item in info.ticketTypes || []" | |
| 129 | + :key="item.rank" | |
| 130 | + > | |
| 131 | + <td class="td text-grey-darken-4 font-weight-medium"> | |
| 132 | + {{ item.rank }} | |
| 133 | + </td> | |
| 134 | + <td class="td text-grey-darken-4 font-weight-medium"> | |
| 135 | + {{ item.typeName }} | |
| 136 | + </td> | |
| 137 | + <td v-if="item.priceShow" class="td"> | |
| 138 | + {{ item.price + " " + item.priceUnit }} | |
| 139 | + </td> | |
| 140 | + <td class="td"> | |
| 141 | + <v-btn | |
| 142 | + size="small" | |
| 143 | + color="blue-darken-1" | |
| 144 | + @click="router.push('/contact')" | |
| 145 | + > | |
| 146 | + <!-- Quotation Inquiry --> | |
| 147 | + Quote | |
| 148 | + </v-btn> | |
| 149 | + </td> | |
| 150 | + </tr> | |
| 151 | + </tbody> | |
| 152 | + </v-table> | |
| 153 | + <!-- <div v-for="item in info.ticketTypes || []" | |
| 154 | + :key="item.rank"> | |
| 155 | + | |
| 156 | + </div> --> | |
| 157 | + <!-- <v-btn | |
| 104 | 158 | size="large" |
| 105 | 159 | color="blue-darken-1" |
| 106 | 160 | @click="router.push('/contact')" |
| 107 | 161 | > |
| 108 | 162 | Quotation Inquiry |
| 109 | - </v-btn> | |
| 163 | + </v-btn> --> | |
| 110 | 164 | </div> |
| 111 | 165 | <!-- <v-dialog v-model="dialog" activator="parent" width="auto"> |
| 112 | 166 | <v-card> Contact us Email: contact@canrd.com QQ: 3003597584 / 2902385824 </v-card> |
| ... | ... | @@ -226,6 +280,7 @@ const items = ref<BreadcrumbItem[]>([ |
| 226 | 280 | }, |
| 227 | 281 | ]); |
| 228 | 282 | watchEffect(() => { |
| 283 | + console.log(info, "5656info"); | |
| 229 | 284 | if (info?.productCrumbsVO?.category1 && productStore.keyword) { |
| 230 | 285 | items.value[1].title = info.productCrumbsVO.category1; |
| 231 | 286 | items.value[1].href = | ... | ... |
deploy/prod2.sh