work/book-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成了商城的所有页面，除了个人页面

This commit is contained in:
周添峰 2024-07-18 16:39:55 +08:00
parent 2dd107411d
commit fd392f2bb5
29 changed files with 726 additions and 217 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/maku/t_book.ts
View File

@ -10,4 +10,4 @@ export const useT_bookSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_book', dataForm)
}
}
}

2
src/api/maku/t_book_collection.ts
View File

@ -10,4 +10,4 @@ export const useT_book_collectionSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_book_collection', dataForm)
}
}
}

2
src/api/maku/t_book_comment.ts
View File

@ -10,4 +10,4 @@ export const useT_book_commentSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_book_comment', dataForm)
}
}
}

2
src/api/maku/t_purchase.ts
View File

@ -10,4 +10,4 @@ export const useT_purchaseSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_purchase', dataForm)
}
}
}

2
src/api/maku/t_purchase_details.ts
View File

@ -10,4 +10,4 @@ export const useT_purchase_detailsSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_purchase_details', dataForm)
}
}
}

2
src/api/maku/t_shopping_trolley.ts
View File

@ -10,4 +10,4 @@ export const useT_shopping_trolleySubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_shopping_trolley', dataForm)
}
}
}

2
src/api/maku/t_user.ts
View File

@ -10,4 +10,4 @@ export const useT_userSubmitApi = (dataForm: any) => {
} else {
return service.post('/maku/t_user', dataForm)
}
}
}

67
src/icons/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

20
src/router/index.ts
View File

@ -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) => {

184
src/views/book/component/details.vue Normal file
View File

@ -0,0 +1,184 @@
<script setup lang="ts">
import { ref } from 'vue'
const commentList = ref([
{
id: 'string',
comment: 'string',
user: {
id: 'string',
username: 'string',
avatar: 'https://gw.alicdn.com/imgextra/i3/2215468931119/O1CN019pzVLv1K8Y4vdSOVw_!!2215468931119.jpg'
},
children: {}
},
{
id: 'string',
comment: 'string',
user: {
id: 'string',
username: 'string',
avatar: 'https://gw.alicdn.com/imgextra/i3/2215468931119/O1CN019pzVLv1K8Y4vdSOVw_!!2215468931119.jpg'
},
children: {}
},
{
id: 'string',
comment: 'string',
user: {
id: 'string',
username: 'string',
avatar: 'https://gw.alicdn.com/imgextra/i3/2215468931119/O1CN019pzVLv1K8Y4vdSOVw_!!2215468931119.jpg'
},
children: {}
}
])
</script>
<template>
<div class="details-main">
<div class="details-p">
<div class="img-show">
<img src="https://gw.alicdn.com/imgextra/i3/2215468931119/O1CN019pzVLv1K8Y4vdSOVw_!!2215468931119.jpg" />
</div>
<div class="text-right">
<h1>纯种银渐层幼猫活体宠物猫英国短毛猫银渐层英短银渐层银渐层猫咪</h1>
<div class="text-price">
<span class="price-unit">¥</span>
<span class="price-count">300</span>
</div>
<div class="botton-group">
<button class="buy">立刻购买</button>
<button class="shopping-card">加入购物车</button>
<button class="collection">收藏</button>
</div>
</div>
<div style="width: 1000px">
<div class="user-comment">用户评论</div>
<div v-for="item in commentList" :key="item.id" class="user-comment-list">
<img :src="item.user.avatar" />
<div style="margin-left: 15px">
<div style="font-size: 18px">{{ item.user.username }}</div>
<div style="font-size: 25px">{{ item.comment }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<style scoped lang="scss">
.details-main {
width: 100%;
display: flex;
justify-content: center;
.details-p {
width: 1552px;
padding: 16px;
background: white;
margin-top: 30px;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.text-right {
text-align: left;
width: 750px;
.text-price {
margin-top: 30px;
font-weight: bold;
.price-unit {
font-size: 17px;
color: #ff5500;
}
.price-count {
color: #ff5500;
font-size: 30px;
}
}
}
.img-show {
width: 624px;
height: 624px;
background-color: #f5f5f5;
display: flex;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-left: 120px;
img {
height: 624px;
border-radius: 16px;
}
}
}
}
.botton-group {
margin-top: 120px;
.buy {
background: linear-gradient(90deg, rgb(255, 119, 0), rgb(255, 73, 0));
width: 203px;
height: 48px;
cursor: pointer;
border: none;
color: white;
font-size: 18px;
font-weight: bold;
}
.shopping-card {
background: linear-gradient(90deg, rgb(255, 203, 0), rgb(255, 148, 2));
width: 203px;
height: 48px;
border: none;
color: white;
cursor: pointer;
font-size: 18px;
font-weight: bold;
}
.collection {
width: 94px;
height: 48px;
margin-left: 20px;
border-radius: 5px;
cursor: pointer;
border: 2px solid #ccc;
background: none;
}
.collection:hover {
color: #ff5500;
border: 2px solid #ff5500;
}
}
.user-comment {
margin: 20px;
font-weight: bold;
font-size: 20px;
}
.user-comment-list {
margin-top: 20px;
margin-left: 20px;
width: 1000px;
display: flex;
img {
width: 60px;
height: 60px;
border-radius: 30px;
}
}
</style>

6
src/views/book/component/home.vue
View File

@ -1,4 +1,6 @@
<script setup lang="ts"></script>
<script setup lang="ts">
import { router } from '@/router/index.js'
</script>
<template>
<div class="search-suggest-combobox">
@ -8,7 +10,7 @@
</div>
</div>
<div class="screen-outer">
<div class="tb-pick-content-item">
<div class="tb-pick-content-item" @click="router.push('/book/details')">
<div class="img-wrapper"></div>
<div class="info-wrapper">进口安佳淡奶油1L动物奶油新西兰家用生日蛋糕裱花蛋挞液专用烘焙</div>
<div class="price-wrapper">

92
src/views/book/component/my.vue
View File

@ -1,5 +1,91 @@
<script setup lang="ts"></script>
<script setup lang="ts">
import { ref } from 'vue'
<template></template>
const active = ref(0)
<style scoped lang="scss"></style>
const parentBorder = ref(false)
const childBorder = ref(false)
const tableData = [
{
id: 'string',
trading_hour: 'string',
total_price: 'string',
book_details: [
{
id: 'string',
book_name: 'string',
price: 'string',
book_cover: 'string',
introduction: 'string',
description: 'string',
store: 'string',
create_time: 'string',
update_time: 'string'
}
]
}
]
</script>
<template>
<div class="my-body">
<ul class="nav-body">
<li :class="{ active: active == 0 }" @click="active = 0">所有订单</li>
<li :class="{ active: active == 1 }" @click="active = 1">待付款</li>
<li :class="{ active: active == 2 }" @click="active = 2">待发货</li>
<li :class="{ active: active == 3 }" @click="active = 3">待收货</li>
<li :class="{ active: active == 4 }" @click="active = 4">待评价</li>
</ul>
<el-table :data="tableData" :border="parentBorder" style="width: 1000px; margin-top: 50px">
<el-table-column label="编号" prop="id" />
<el-table-column label="交易时间" prop="trading_hour" />
<el-table-column label="订单总额" prop="total_price" />
<el-table-column type="expand">
<template #default="props">
<div style="margin: 20px; color: #ff5500; font-weight: bold">购买详情</div>
<el-table :data="props.row.book_details" :border="childBorder">
<el-table-column label="书本编号" prop="id" />
<el-table-column label="封面" prop="book_cover" />
<el-table-column label="书名" prop="book_name" />
<el-table-column label="价格" prop="price" />
<el-table-column label="介绍" prop="introduction" />
</el-table>
</template>
</el-table-column>
</el-table>
</div>
</template>
<style scoped lang="scss">
.my-body {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
.nav-body {
margin-top: 20px;
font-size: 16px;
font-weight: bold;
width: 1000px;
display: flex;
cursor: pointer;
list-style-type: none;
li {
margin-right: 10px;
width: 109px;
height: 28px;
text-align: center;
border-bottom: 2px solid transparent;
}
}
}
.active {
color: #ff6600;
border-bottom: 2px solid #ff6600 !important;
}
</style>

129
src/views/book/component/trolley.vue
View File

@ -1,5 +1,128 @@
<script setup lang="ts"></script>
<script setup lang="ts">
const tableData = [
{
id: 'string',
book_name: 'string',
price: 'string',
book_cover: 'string',
introduction: 'string'
}
]
<template></template>
const handleSelect = item => {
console.log(item)
}
<style scoped lang="scss"></style>
const handleSelectAll = item => {
console.log(item)
}
</script>
<template>
<div class="trolley-main">
<div class="torry-body">
<div class="all">全部商品（30）</div>
<el-button round>删除</el-button>
<el-button round>移入收藏夹</el-button>
<el-table :data="tableData" style="width: 100%" @select="handleSelect" @select-all="handleSelectAll">
<el-table-column type="selection" width="55" />
<el-table-column label="书本编号" width="120" property="id" />
<el-table-column property="book_cover" label="封面" width="120" />
<el-table-column property="book_name" label="书名" width="240" />
<el-table-column property="price" label="价格" />
<el-table-column property="introduction" label="介绍" show-overflow-tooltip />
</el-table>
</div>
<div class="torry-sum">
<div class="torry-top"><span class="title">结算明细</span> <span class="sp">已选0件商品</span></div>
<div class="torry-b">
<div style="color: #7c889c; text-align: center; margin-top: 80px">还没有待结算的商品</div>
</div>
<div class="torry-bottom">
<div><span style="font-size: 14px; font-weight: bold">合计：</span><span style="font-size: 24px; color: #ff5500">0</span></div>
<button>结算</button>
</div>
</div>
</div>
</template>
<style scoped lang="scss">
.trolley-main {
width: 100%;
display: flex;
justify-content: center;
margin-top: 50px;
.torry-body {
width: 1000px;
min-height: 18px;
background: white;
padding: 10px;
.all {
margin: 10px;
font-size: 20px;
font-weight: bold;
}
}
}
.torry-sum {
width: 368px;
min-height: 280px;
position: fixed;
background: white;
z-index: 50;
right: 40px;
border-radius: 20px;
box-shadow: rgba(180, 180, 180, 0.2) 3px 3px;
padding: 20px;
.torry-top {
border-bottom: 1px solid #ccc;
height: 40px;
line-height: 40px;
.title {
font-size: 22px;
font-weight: bold;
}
.sp {
font-size: 18px;
font-weight: bold;
margin-left: 5px;
}
}
.torry-b {
width: 100%;
height: 100px;
}
.torry-bottom {
display: flex;
width: 100%;
height: 78px;
align-items: center;
justify-content: space-between;
button {
display: inline-block;
height: 48px;
width: 120px;
background-color: #ff5000;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 48px;
text-decoration: none;
cursor: pointer;
border: none;
}
}
}
</style>

2
src/views/book/index.vue
View File

@ -44,6 +44,7 @@ const changeRouters = () => {
</ul>
</div>
</div>
<div style="height: 35px"></div>
<router-view></router-view>
</div>
</template>
@ -54,6 +55,7 @@ const changeRouters = () => {
border-bottom: 1px solid #eee;
width: 100%;
height: 35px;
position: fixed;
top: 0;
left: 0;
z-index: 10000;

80
src/views/maku/t_book/add-or-update.vue
View File

@ -1,33 +1,36 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="书名" prop="bookName">
<el-input v-model="dataForm.bookName" placeholder=""></el-input>
</el-form-item>
<el-form-item label="作者" prop="author">
<el-input v-model="dataForm.author" placeholder=""></el-input>
</el-form-item>
<el-form-item label="价格" prop="price">
<el-input v-model="dataForm.price" placeholder=""></el-input>
</el-form-item>
<el-form-item label="封面" prop="bookCover">
<el-input v-model="dataForm.bookCover" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍介绍" prop="introduction">
<el-input v-model="dataForm.introduction" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍详情" prop="description">
<el-input v-model="dataForm.description" placeholder=""></el-input>
</el-form-item>
<el-form-item label="库存" prop="store">
<el-input v-model="dataForm.store" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书名" prop="bookName">
<el-input v-model="dataForm.bookName" placeholder=""></el-input>
</el-form-item>
<el-form-item label="作者" prop="author">
<el-input v-model="dataForm.author" placeholder=""></el-input>
</el-form-item>
<el-form-item label="价格" prop="price">
<el-input v-model="dataForm.price" placeholder=""></el-input>
</el-form-item>
<el-form-item label="封面" prop="bookCover">
<el-upload
class="avatar-uploader"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="dataForm.bookCover" :src="dataForm.bookCover" style="width: 150px" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</el-form-item>
<el-form-item label="书籍介绍" prop="introduction">
<el-input v-model="dataForm.introduction" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍详情" prop="description">
<el-input v-model="dataForm.description" placeholder=""></el-input>
</el-form-item>
<el-form-item label="库存" prop="store">
<el-input-number v-model="dataForm.store" min="0" max="1000"></el-input-number>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -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' }]
})
// 表单提交

26
src/views/maku/t_book/index.vue
View File

@ -2,10 +2,10 @@
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item prop="bookName">
<el-input v-model="state.queryForm.bookName" placeholder="书名"></el-input>
<el-input v-model="state.queryForm.bookName" placeholder="书名"></el-input>
</el-form-item>
<el-form-item prop="author">
<el-input v-model="state.queryForm.author" placeholder="作者"></el-input>
<el-input v-model="state.queryForm.author" placeholder="作者"></el-input>
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
@ -30,7 +30,11 @@
<el-table-column prop="bookName" label="书名" header-align="center" align="center"></el-table-column>
<el-table-column prop="author" label="作者" header-align="center" align="center"></el-table-column>
<el-table-column prop="price" label="价格" header-align="center" align="center"></el-table-column>
<el-table-column prop="bookCover" label="封面" header-align="center" align="center"></el-table-column>
<el-table-column prop="bookCover" label="封面" header-align="center" align="center">
<template #default="scope">
<el-image style="width: 150px; height: 150px" :src="scope.row.bookCover" />
</template>
</el-table-column>
<el-table-column prop="introduction" label="书籍介绍" header-align="center" align="center"></el-table-column>
<el-table-column prop="description" label="书籍详情" header-align="center" align="center"></el-table-column>
<el-table-column prop="store" label="库存" header-align="center" align="center"></el-table-column>
@ -55,22 +59,22 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts" name="MakuT_bookIndex">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_book/page',
deleteUrl: '/maku/t_book',
queryForm: {
bookName: '',
author: '',
bookName: '',
author: ''
}
})

31
src/views/maku/t_book_collection/add-or-update.vue
View File

@ -1,19 +1,18 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="用户编号" prop="userId">
<el-input v-model="dataForm.userId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="用户编号" prop="userId">
<el-input v-model="dataForm.userId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -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 = () => {

20
src/views/maku/t_book_collection/index.vue
View File

@ -1,11 +1,11 @@
<template>
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item prop="userId">
<el-input v-model="state.queryForm.userId" placeholder="用户id"></el-input>
<el-form-item prop="userId">
<el-input v-model="state.queryForm.userId" placeholder="用户id"></el-input>
</el-form-item>
<el-form-item prop="bookId">
<el-input v-model="state.queryForm.bookId" placeholder="书本id"></el-input>
<el-input v-model="state.queryForm.bookId" placeholder="书本id"></el-input>
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
@ -50,21 +50,21 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts" name="MakuT_book_collectionIndex">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_book_collection/page',
deleteUrl: '/maku/t_book_collection',
queryForm: {
userId: '',
userId: '',
bookId: ''
}
})

42
src/views/maku/t_book_comment/add-or-update.vue
View File

@ -1,24 +1,24 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="用户编号" prop="userId">
<el-input v-model="dataForm.userId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="评论内容" prop="comment">
<el-input v-model="dataForm.comment" placeholder=""></el-input>
</el-form-item>
<el-form-item label="父级编号" prop="parentId">
<el-input v-model="dataForm.parentId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="用户编号" prop="userId">
<el-input v-model="dataForm.userId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="评论内容" prop="comment">
<el-input v-model="dataForm.comment" placeholder=""></el-input>
</el-form-item>
<el-form-item label="父级编号" prop="parentId">
<el-input v-model="dataForm.parentId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -44,7 +44,8 @@ const dataForm = reactive({
comment: '',
parentId: '',
createTime: '',
updateTime: ''})
updateTime: ''
})
const init = (id?: number) => {
visible.value = true
@ -66,8 +67,7 @@ const getT_book_comment = (id: number) => {
})
}
const dataRules = ref({
})
const dataRules = ref({})
// 表单提交
const submitHandle = () => {

20
src/views/maku/t_book_comment/index.vue
View File

@ -1,11 +1,11 @@
<template>
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item prop="userId">
<el-input v-model="state.queryForm.userId" placeholder="用户id"></el-input>
<el-form-item prop="userId">
<el-input v-model="state.queryForm.userId" placeholder="用户id"></el-input>
</el-form-item>
<el-form-item prop="bookId">
<el-input v-model="state.queryForm.bookId" placeholder="书本id"></el-input>
<el-input v-model="state.queryForm.bookId" placeholder="书本id"></el-input>
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
@ -51,21 +51,21 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts" name="MakuT_book_commentIndex">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_book_comment/page',
deleteUrl: '/maku/t_book_comment',
queryForm: {
userId: '',
userId: '',
bookId: ''
}
})

30
src/views/maku/t_purchase/add-or-update.vue
View File

@ -1,18 +1,18 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="交易时间" prop="tradingHour">
<el-input v-model="dataForm.tradingHour" placeholder=""></el-input>
</el-form-item>
<el-form-item label="订单总价" prop="totalPrice">
<el-input v-model="dataForm.totalPrice" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="交易时间" prop="tradingHour">
<el-input v-model="dataForm.tradingHour" placeholder=""></el-input>
</el-form-item>
<el-form-item label="订单总价" prop="totalPrice">
<el-input v-model="dataForm.totalPrice" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -36,7 +36,8 @@ const dataForm = reactive({
tradingHour: '',
totalPrice: '',
createTime: '',
updateTime: ''})
updateTime: ''
})
const init = (id?: number) => {
visible.value = true
@ -58,8 +59,7 @@ const getT_purchase = (id: number) => {
})
}
const dataRules = ref({
})
const dataRules = ref({})
// 表单提交
const submitHandle = () => {

17
src/views/maku/t_purchase/index.vue
View File

@ -1,7 +1,7 @@
<template>
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
</el-form-item>
<el-form-item>
@ -45,21 +45,20 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts" name="MakuT_purchaseIndex">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_purchase/page',
deleteUrl: '/maku/t_purchase',
queryForm: {
}
queryForm: {}
})
const queryRef = ref()

24
src/views/maku/t_purchase_details/add-or-update.vue
View File

@ -1,15 +1,15 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="订单编号" prop="purchaseId">
<el-input v-model="dataForm.purchaseId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书本价格" prop="price">
<el-input v-model="dataForm.price" placeholder=""></el-input>
</el-form-item>
<el-form-item label="订单编号" prop="purchaseId">
<el-input v-model="dataForm.purchaseId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书本价格" prop="price">
<el-input v-model="dataForm.price" placeholder=""></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -32,7 +32,8 @@ const dataForm = reactive({
id: '',
purchaseId: '',
bookId: '',
price: ''})
price: ''
})
const init = (id?: number) => {
visible.value = true
@ -54,8 +55,7 @@ const getT_purchase_details = (id: number) => {
})
}
const dataRules = ref({
})
const dataRules = ref({})
// 表单提交
const submitHandle = () => {

20
src/views/maku/t_purchase_details/index.vue
View File

@ -1,11 +1,11 @@
<template>
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item prop="purchaseId">
<el-input v-model="state.queryForm.purchaseId" placeholder="订单编号"></el-input>
<el-form-item prop="purchaseId">
<el-input v-model="state.queryForm.purchaseId" placeholder="订单编号"></el-input>
</el-form-item>
<el-form-item prop="bookId">
<el-input v-model="state.queryForm.bookId" placeholder="书本编号"></el-input>
<el-input v-model="state.queryForm.bookId" placeholder="书本编号"></el-input>
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
@ -49,21 +49,21 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts" name="MakuT_purchase_detailsIndex">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_purchase_details/page',
deleteUrl: '/maku/t_purchase_details',
queryForm: {
purchaseId: '',
purchaseId: '',
bookId: ''
}
})

30
src/views/maku/t_shopping_trolley/add-or-update.vue
View File

@ -1,18 +1,18 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="用户编号" prop="userId">
<el-input v-model="dataForm.userId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="用户编号" prop="userId">
<el-input v-model="dataForm.userId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍编号" prop="bookId">
<el-input v-model="dataForm.bookId" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -36,7 +36,8 @@ const dataForm = reactive({
userId: '',
bookId: '',
createTime: '',
updateTime: ''})
updateTime: ''
})
const init = (id?: number) => {
visible.value = true
@ -58,8 +59,7 @@ const getT_shopping_trolley = (id: number) => {
})
}
const dataRules = ref({
})
const dataRules = ref({})
// 表单提交
const submitHandle = () => {

17
src/views/maku/t_shopping_trolley/index.vue
View File

@ -1,7 +1,7 @@
<template>
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
</el-form-item>
<el-form-item>
@ -44,21 +44,20 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts" name="MakuT_shopping_trolleyIndex">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_shopping_trolley/page',
deleteUrl: '/maku/t_shopping_trolley',
queryForm: {
}
queryForm: {}
})
const queryRef = ref()

47
src/views/maku/t_user/add-or-update.vue
View File

@ -1,27 +1,27 @@
<template>
<el-dialog v-model="visible" :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false">
<el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="100px" @keyup.enter="submitHandle()">
<el-form-item label="用户名" prop="username">
<el-input v-model="dataForm.username" placeholder=""></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" placeholder=""></el-input>
</el-form-item>
<el-form-item label="头像" prop="avatar">
<el-input v-model="dataForm.avatar" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书本币" prop="balance">
<el-input v-model="dataForm.balance" placeholder=""></el-input>
</el-form-item>
<el-form-item label="禁用状态" prop="status">
<el-input v-model="dataForm.status" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="dataForm.username" placeholder=""></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" placeholder=""></el-input>
</el-form-item>
<el-form-item label="头像" prop="avatar">
<el-input v-model="dataForm.avatar" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书本币" prop="balance">
<el-input v-model="dataForm.balance" placeholder=""></el-input>
</el-form-item>
<el-form-item label="禁用状态" prop="status">
<el-input v-model="dataForm.status" placeholder=""></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder=""></el-input>
</el-form-item>
<el-form-item label="修改时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder=""></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@ -48,7 +48,8 @@ const dataForm = reactive({
balance: '',
status: '',
createTime: '',
updateTime: ''})
updateTime: ''
})
const init = (id?: number) => {
visible.value = true
@ -74,7 +75,7 @@ const dataRules = ref({
username: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
password: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
balance: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
status: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
status: [{ required: true, message: '必填项不能为空', trigger: 'blur' }]
})
// 表单提交

20
src/views/maku/t_user/index.vue
View File

@ -2,10 +2,10 @@
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-form-item prop="username">
<el-input v-model="state.queryForm.username" placeholder="用户名"></el-input>
<el-input v-model="state.queryForm.username" placeholder="用户名"></el-input>
</el-form-item>
<el-form-item prop="status">
<el-input v-model="state.queryForm.status" placeholder="禁用状态"></el-input>
<el-input v-model="state.queryForm.status" placeholder="禁用状态"></el-input>
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
@ -51,21 +51,21 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update ref="addOrUpdateRef" @refreshDataList="getDataList"></add-or-update>
<add-or-update ref="addOrUpdateRef" @refresh-data-list="getDataList"></add-or-update>
</el-card>
</template>
<script setup lang="ts">
import {useCrud} from '@/hooks'
import {reactive, ref} from 'vue'
import {IHooksOptions} from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
import { useCrud } from '@/hooks'
import { reactive, ref } from 'vue'
import { IHooksOptions } from '@/hooks/interface'
import AddOrUpdate from './add-or-update.vue'
const state: IHooksOptions = reactive({
const state: IHooksOptions = reactive({
dataListUrl: '/maku/t_user/page',
deleteUrl: '/maku/t_user',
queryForm: {
username: '',
username: '',
status: ''
}
})
@ -77,4 +77,4 @@ const addOrUpdateHandle = (id?: number) => {
}
const { getDataList, selectionChangeHandle, sizeChangeHandle, currentChangeHandle, deleteBatchHandle, reset } = useCrud(state)
</script>
</script>

5
src/views/user/index.vue Normal file
View File

@ -0,0 +1,5 @@
<script setup lang="ts"></script>
<template></template>
<style scoped lang="scss"></style>