结算

Author: UdMLian

components.d.ts

@@ -14,6 +14,7 @@ declare module 'vue' {
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
     ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']

src/apis/category.ts

@@ -18,7 +18,7 @@ export function getCategoryFilterAPI(id: string) {
     })
 }
 
-export const getSubCategoryAPI = (data) => {
+export const getSubCategoryAPI = (data: any) => {
     return request({
         url: '/category/goods/temporary',
         method: 'POST',

src/apis/checkout.ts

@@ -0,0 +1,7 @@
+import request from '@/utils/http'
+
+export const getCheckInfoAPI = () => {
+    return request({
+        url: '/member/order/pre',
+    })
+}

src/router/index.ts

@@ -6,6 +6,7 @@ import Category from '@/views/Category/index.vue'
 import SubCategory from '@/views/SubCategory/index.vue'
 import Detail from '@/views/Detail/index.vue'
 import CartList from '@/views/CartList/index.vue'
+import Checkout from '@/views/Checkout/index.vue'
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -32,6 +33,10 @@ const router = createRouter({
         {
           path: 'cartlist',
           component: CartList
+        },
+        {
+          path: 'checkout',
+          component: Checkout
         }
       ]
     },

src/views/CartList/index.vue

@@ -86,7 +86,7 @@ const allCheck = (selected) => {
                     <span class="red">¥ {{ cartStore.selectedPrice.toFixed(2) }} </span>
                 </div>
                 <div class="total">
-                    <el-button size="large" type="primary">下单结算</el-button>
+                    <el-button size="large" type="primary" @click="$router.push('/checkout')">下单结算</el-button>
                 </div>
             </div>
         </div>