| | |
| | | </template> |
| | | </el-dialog> |
| | | </div> |
| | | |
| | | <div class="breadcrumbsBox"> |
| | | <p> |
| | | 位置: <span>购物车({{ total }})</span> |
| | | </p> |
| | | </div> |
| | | <div class="selectproduct"> |
| | | <el-table |
| | | ref="multipleTableRef" |
| | |
| | | <el-table-column |
| | | property="name" |
| | | label="商品信息" |
| | | width="300" |
| | | :cell-style="{ margin: '30px' }" |
| | | width="200" |
| | | /> |
| | | <el-table-column property="productType" label="商品类型" width="300" /> |
| | | <el-table-column property="productType" label="商品类型" width="200" /> |
| | | <el-table-column label="价格"> |
| | | <template #default="scope">¥{{ scope.row.unitprice.toFixed(2) }}</template> |
| | | </el-table-column> |
| | |
| | | import { reactive } from "vue"; |
| | | import { useRouter } from "vue-router"; |
| | | import { InfoFilled } from "@element-plus/icons-vue"; |
| | | import { useUserStore, useBreadcrumbStore } from "@/store"; |
| | | import { useUserStore } from "@/store"; |
| | | import { getPublicImage } from "@/assets/js/middleGround/tool.js"; |
| | | import defaultImg from "@/assets/images/default-book-img.png"; |
| | | const dialogVisible = ref(false); |
| | | const crumbStore = useBreadcrumbStore(); |
| | | const router = useRouter(); |
| | | const userStore = useUserStore(); |
| | | const MG = inject("MG"); |
| | |
| | | orderNumber.value = createOrderResult.orderNumber; |
| | | |
| | | if (selectedIds.length) { |
| | | let crumbs = { |
| | | name: "订单支付", // 面包屑名称 |
| | | pathName: "paymentPage", // 面包屑跳转路由,可传递 pathName 或 path |
| | | isCrumbs: true, // 面包屑点击跳转时是否创建新的面包屑记录 |
| | | type: "shoppingCart", // 如果需要创建新的面包屑记录,创建的type |
| | | }; |
| | | // 在全局数据中设置面包屑 |
| | | crumbStore.setCrumbs({ |
| | | type: "shoppingCart", |
| | | data: [crumbs], |
| | | callback: (key) => { |
| | | router.push({ |
| | | name: "paymentPage", |
| | | query: { |
| | | crumbsKey: key, |
| | | orderNumber: orderNumber.value, |
| | | // type: route.query.type, |
| | | type: "shoppingCart", |
| | | onNorderSaleMethod: saleMethodId, |
| | | }, |
| | | }); |
| | | router.push({ |
| | | name: "paymentPage", |
| | | query: { |
| | | crumbsKey: key, |
| | | orderNumber: orderNumber.value, |
| | | // type: route.query.type, |
| | | type: "shoppingCart", |
| | | onNorderSaleMethod: saleMethodId, |
| | | }, |
| | | }); |
| | | } else { |