diff --git a/src/api/maku/t_book.ts b/src/api/maku/t_book.ts
index 530d647..f856da0 100644
--- a/src/api/maku/t_book.ts
+++ b/src/api/maku/t_book.ts
@@ -10,4 +10,4 @@ export const useT_bookSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_book', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/api/maku/t_book_collection.ts b/src/api/maku/t_book_collection.ts
index 14291b5..8780307 100644
--- a/src/api/maku/t_book_collection.ts
+++ b/src/api/maku/t_book_collection.ts
@@ -10,4 +10,4 @@ export const useT_book_collectionSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_book_collection', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/api/maku/t_book_comment.ts b/src/api/maku/t_book_comment.ts
index 84423ca..514e9c7 100644
--- a/src/api/maku/t_book_comment.ts
+++ b/src/api/maku/t_book_comment.ts
@@ -10,4 +10,4 @@ export const useT_book_commentSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_book_comment', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/api/maku/t_purchase.ts b/src/api/maku/t_purchase.ts
index 517026f..8b7537a 100644
--- a/src/api/maku/t_purchase.ts
+++ b/src/api/maku/t_purchase.ts
@@ -10,4 +10,4 @@ export const useT_purchaseSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_purchase', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/api/maku/t_purchase_details.ts b/src/api/maku/t_purchase_details.ts
index 0dcc45f..3bed019 100644
--- a/src/api/maku/t_purchase_details.ts
+++ b/src/api/maku/t_purchase_details.ts
@@ -10,4 +10,4 @@ export const useT_purchase_detailsSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_purchase_details', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/api/maku/t_shopping_trolley.ts b/src/api/maku/t_shopping_trolley.ts
index e875d78..3480587 100644
--- a/src/api/maku/t_shopping_trolley.ts
+++ b/src/api/maku/t_shopping_trolley.ts
@@ -10,4 +10,4 @@ export const useT_shopping_trolleySubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_shopping_trolley', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/api/maku/t_user.ts b/src/api/maku/t_user.ts
index 5eac353..e79a710 100644
--- a/src/api/maku/t_user.ts
+++ b/src/api/maku/t_user.ts
@@ -10,4 +10,4 @@ export const useT_userSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_user', dataForm)
}
-}
\ No newline at end of file
+}
diff --git a/src/icons/iconfont/iconfont.js b/src/icons/iconfont/iconfont.js
index b1a2547..f729f69 100644
--- a/src/icons/iconfont/iconfont.js
+++ b/src/icons/iconfont/iconfont.js
@@ -1 +1,66 @@
-window._iconfont_svg_string_3192136='',function(l){var c=(c=document.getElementsByTagName("script"))[c.length-1],h=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var v,o,a,i,t,z=function(c,h){h.parentNode.insertBefore(c,h)};if(h&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}v=function(){var c,h=document.createElement("div");h.innerHTML=l._iconfont_svg_string_3192136,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(c=document.body).firstChild?z(h,c.firstChild):c.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(v,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),v()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(a=v,i=l.document,t=!1,p(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}function s(){t||(t=!0,a())}function p(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(p,50)}s()}}(window);
\ No newline at end of file
+;(window._iconfont_svg_string_3192136 =
+ ''),
+ (function (l) {
+ var c = (c = document.getElementsByTagName('script'))[c.length - 1],
+ h = c.getAttribute('data-injectcss'),
+ c = c.getAttribute('data-disable-injectsvg')
+ if (!c) {
+ var v,
+ o,
+ a,
+ i,
+ t,
+ z = function (c, h) {
+ h.parentNode.insertBefore(c, h)
+ }
+ if (h && !l.__iconfont__svg__cssinject__) {
+ l.__iconfont__svg__cssinject__ = !0
+ try {
+ document.write(
+ ''
+ )
+ } catch (c) {
+ console && console.log(c)
+ }
+ }
+ ;(v = function () {
+ var c,
+ h = document.createElement('div')
+ ;(h.innerHTML = l._iconfont_svg_string_3192136),
+ (h = h.getElementsByTagName('svg')[0]) &&
+ (h.setAttribute('aria-hidden', 'true'),
+ (h.style.position = 'absolute'),
+ (h.style.width = 0),
+ (h.style.height = 0),
+ (h.style.overflow = 'hidden'),
+ (h = h),
+ (c = document.body).firstChild ? z(h, c.firstChild) : c.appendChild(h))
+ }),
+ document.addEventListener
+ ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState)
+ ? setTimeout(v, 0)
+ : ((o = function () {
+ document.removeEventListener('DOMContentLoaded', o, !1), v()
+ }),
+ document.addEventListener('DOMContentLoaded', o, !1))
+ : document.attachEvent &&
+ ((a = v),
+ (i = l.document),
+ (t = !1),
+ p(),
+ (i.onreadystatechange = function () {
+ 'complete' == i.readyState && ((i.onreadystatechange = null), s())
+ }))
+ }
+ function s() {
+ t || ((t = !0), a())
+ }
+ function p() {
+ try {
+ i.documentElement.doScroll('left')
+ } catch (c) {
+ return void setTimeout(p, 50)
+ }
+ s()
+ }
+ })(window)
diff --git a/src/router/index.ts b/src/router/index.ts
index 4c755b7..93306f2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -56,12 +56,20 @@ const constantRoutes: RouteRecordRaw[] = [
{
path: '/book/my',
component: () => import('../views/book/component/my.vue')
+ },
+ {
+ path: '/book/details',
+ component: () => import('../views/book/component/details.vue')
}
]
},
{
path: '/book/login',
component: () => import('../views/book/login.vue')
+ },
+ {
+ path: '/book/personal',
+ component: () => import('../views/user/index.vue')
}
]
@@ -197,7 +205,17 @@ export const router = createRouter({
})
// 白名单列表
-const whiteList = ['/login', '/book/index', '/book/login', '/book/home', '/book/collection', '/book/trolley', '/book/my']
+const whiteList = [
+ '/login',
+ '/book/index',
+ '/book/login',
+ '/book/home',
+ '/book/collection',
+ '/book/trolley',
+ '/book/my',
+ '/book/personal',
+ '/book/details'
+]
// 路由跳转前
router.beforeEach(async (to, from, next) => {
diff --git a/src/views/book/component/details.vue b/src/views/book/component/details.vue
new file mode 100644
index 0000000..20597cc
--- /dev/null
+++ b/src/views/book/component/details.vue
@@ -0,0 +1,184 @@
+
+
+
+
+
+
+
+
+
+
纯种银渐层幼猫活体宠物猫英国短毛猫银渐层英短银渐层银渐层猫咪
+
+ ¥
+ 300
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - 所有订单
+ - 待付款
+ - 待发货
+ - 待收货
+ - 待评价
+
+
+
+
+
+
+
+
+ 购买详情
+
+
+
+
+
+
+
+
+
+
+
+
+
全部商品（30）
+
删除
+
移入收藏夹
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
取消
@@ -40,12 +43,30 @@
import { reactive, ref } from 'vue'
import { ElMessage } from 'element-plus/es'
import { useT_bookApi, useT_bookSubmitApi } from '@/api/maku/t_book'
+import { UploadProps } from 'element-plus'
const emit = defineEmits(['refreshDataList'])
const visible = ref(false)
const dataFormRef = ref()
+const imageUrl = ref('')
+
+const handleAvatarSuccess: UploadProps['onSuccess'] = (response, uploadFile) => {
+ imageUrl.value = URL.createObjectURL(uploadFile.raw!)
+}
+
+const beforeAvatarUpload: UploadProps['beforeUpload'] = rawFile => {
+ if (rawFile.type !== 'image/jpeg') {
+ ElMessage.error('Avatar picture must be JPG format!')
+ return false
+ } else if (rawFile.size / 1024 / 1024 > 2) {
+ ElMessage.error('Avatar picture size can not exceed 2MB!')
+ return false
+ }
+ return true
+}
+
const dataForm = reactive({
id: '',
bookName: '',
@@ -56,7 +77,8 @@ const dataForm = reactive({
description: '',
store: '',
createTime: '',
- updateTime: ''})
+ updateTime: ''
+})
const init = (id?: number) => {
visible.value = true
@@ -81,7 +103,7 @@ const getT_book = (id: number) => {
const dataRules = ref({
bookName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
price: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
- store: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+ store: [{ required: true, message: '必填项不能为空', trigger: 'blur' }]
})
// 表单提交
diff --git a/src/views/maku/t_book_collection/add-or-update.vue b/src/views/maku/t_book_collection/add-or-update.vue
index 8a08b83..3fb799a 100644
--- a/src/views/maku/t_book_collection/add-or-update.vue
+++ b/src/views/maku/t_book_collection/add-or-update.vue
@@ -1,19 +1,18 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
取消
@@ -37,7 +36,8 @@ const dataForm = reactive({
userId: '',
bookId: '',
createTime: '',
- updateTime: ''})
+ updateTime: ''
+})
const init = (id?: number) => {
visible.value = true
@@ -59,8 +59,7 @@ const getT_book_collection = (id: number) => {
})
}
-const dataRules = ref({
-})
+const dataRules = ref({})
// 表单提交
const submitHandle = () => {
diff --git a/src/views/maku/t_book_collection/index.vue b/src/views/maku/t_book_collection/index.vue
index 6f84351..c0314ae 100644
--- a/src/views/maku/t_book_collection/index.vue
+++ b/src/views/maku/t_book_collection/index.vue
@@ -1,11 +1,11 @@
-
-
+
+
-
+
查询
@@ -50,21 +50,21 @@
-
+
\ No newline at end of file
+
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
new file mode 100644
index 0000000..c05ed82
--- /dev/null
+++ b/src/views/user/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
+