diff --git a/src/router/index.js b/src/router/index.js index 5d4c31f..40a9997 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -121,15 +121,39 @@ const router = new Router({ { path: 'UserInvoice', name: 'UserInvoice', - meta: { title: '我的发票 - 精品商城', keepAlive: false }, + meta: { title: '发票抬头 - 精品商城', keepAlive: false }, component: () => import('@/views/User/UserInvoice.vue') }, + { + path: 'UserInvoiceList', + name: 'UserInvoiceList', + meta: { title: '我的发票 - 精品商城', keepAlive: false }, + component: () => import('@/views/User/UserInvoiceList.vue') + }, { path: 'ShoppingCart', name: 'ShoppingCart', meta: { title: '购物车 - 精品商城', keepAlive: false }, component: () => import('@/views/User/ShoppingCart.vue') }, + { + path: 'CommentManage', + name: 'CommentManage', + meta: { title: '评价管理 - 精品商城', keepAlive: false }, + component: () => import('@/views/User/CommentManage.vue') + }, + { + path: 'ContractList', + name: 'ContractList', + meta: { title: '合同管理 - 精品商城', keepAlive: false }, + component: () => import('@/views/User/ContractList.vue') + }, + { + path: 'MessageList', + name: 'MessageList', + meta: { title: '消息中心 - 精品商城', keepAlive: false }, + component: () => import('@/views/User/MessageList.vue') + }, ], }, { diff --git a/src/views/User/CommentManage.vue b/src/views/User/CommentManage.vue new file mode 100644 index 0000000..e0a562e --- /dev/null +++ b/src/views/User/CommentManage.vue @@ -0,0 +1,512 @@ + + + + + + + + + + + + + + + + + + + + + + + + + 搜索 + + + 重置 + + + + + + + + + 商品信息 + + 单价(元) + 数量 + 小计(元) + + + + + + + + + + + 订单号: {{ order.orderNo }} + 下单时间:{{ order.createTime }} + + + + + + + + + + + + {{ product.name }} + {{ product.spec }} + + ¥{{ product.price.toFixed(2) }} + x{{ product.quantity }} + ¥{{ (product.price * product.quantity).toFixed(2) }} + + + 商品详情 + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/views/User/ContractList.vue b/src/views/User/ContractList.vue new file mode 100644 index 0000000..548b19f --- /dev/null +++ b/src/views/User/ContractList.vue @@ -0,0 +1,495 @@ + + + + + 说明: + 1.订单提交成功,系统将根据订单内容自动为您创建交易合同。 + 2.您可直接“下载合同模板”,线下邮寄盖章使用。 + + + + + + + + + + + + + + + + + + + + + + + + 至 + + + + + 搜索 + + + 重置 + + + + + + + + + + + + + 查看 + 下载合同模板 + + + + + + + + + + + + + + + diff --git a/src/views/User/Index.vue b/src/views/User/Index.vue index 9e30fdc..b6738dd 100644 --- a/src/views/User/Index.vue +++ b/src/views/User/Index.vue @@ -20,10 +20,15 @@ export default { {title: "个人中心",path:"/User/UserCenter"}, {title: '我的购物车',path:"/User/ShoppingCart" }, {title: '我的订单',path:"/User/OrderList" }, - {title: '评价管理',path:"" }, - {title: '我的发票',path:"/User/UserInvoice" }, - {title: '我的收藏' ,path:""}, + {title: '评价管理',path:"/User/CommentManage" }, + {title: '我的发票',path:"/User/UserInvoiceList" }, + {title: '发票抬头',path:"/User/UserInvoice" }, + {title: '合同管理',path:"/User/ContractList" }, + + + // {title: '我的收藏' ,path:""}, {title: '我的足迹',path:"/User/ViewHistory" }, + {title: '消息中心',path:"/User/MessageList" }, {title: '个人信息',path:"/User/UserInfo" }, {title: '账号设置',path:"" }, {title: '我的收货地址',path:"/User/UserAddress" } diff --git a/src/views/User/MessageList.vue b/src/views/User/MessageList.vue new file mode 100644 index 0000000..7428177 --- /dev/null +++ b/src/views/User/MessageList.vue @@ -0,0 +1,157 @@ + + + + 全部已读 + + + + + ● + {{ item.title }} + + {{ item.isExpanded? '收起 ^' : '展开 ∨' }} + + {{ item.date }} + + + {{ item.content }} + + + + + + + + + + + \ No newline at end of file diff --git a/src/views/User/OrderList.vue b/src/views/User/OrderList.vue index 9753cc4..d875db2 100644 --- a/src/views/User/OrderList.vue +++ b/src/views/User/OrderList.vue @@ -398,9 +398,8 @@ export default { // 查看订单详情 viewOrderDetail(orderId) { - this.$message({ - message: `查看订单 ${orderId} 详情`, - type: 'info' + this.$router.push({ + name: 'OrderDetail', }); } } diff --git a/src/views/User/UserAddress.vue b/src/views/User/UserAddress.vue index 3aab66d..19b31a9 100644 --- a/src/views/User/UserAddress.vue +++ b/src/views/User/UserAddress.vue @@ -1,8 +1,12 @@ - - 收货地址 + + + 收货地址 + 收票人地址统一使用该地址管理设置 + + 新增地址 diff --git a/src/views/User/UserInvoice.vue b/src/views/User/UserInvoice.vue index 2c416fe..d5fa107 100644 --- a/src/views/User/UserInvoice.vue +++ b/src/views/User/UserInvoice.vue @@ -1,9 +1,12 @@ - + 我的发票 - 新增 + + 您已保存了1个发票抬头信息,做多可创建5个。 + 新增 + @@ -22,7 +25,7 @@ - + diff --git a/src/views/User/UserInvoiceList.vue b/src/views/User/UserInvoiceList.vue new file mode 100644 index 0000000..57ca067 --- /dev/null +++ b/src/views/User/UserInvoiceList.vue @@ -0,0 +1,468 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 搜索 + + + 重置 + + + + + + + + + + + + + + + + 下载发票 + 申请发票 + + + + + + + + + + + + + + + + + + +