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

zyh

This commit is contained in:
zhao 2024-07-19 17:52:52 +08:00
parent 1cb44d63a7
commit 7236c27327
12 changed files with 84 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,10 +23,13 @@
</el-upload>
</el-form-item>
<el-form-item label="书籍类别" prop="category">
<el-input v-model="dataForm.category" placeholder=""></el-input>
</el-form-item>
<el-form-item label="书籍介绍" prop="introduction">
<el-input v-model="dataForm.introduction" placeholder=""></el-input>
<el-select v-model="dataForm.category" placeholder="书籍类别">
<el-option label="财经类" value="1"></el-option>
<el-option label="文学类" value="2"></el-option>
<el-option label="悬疑类" value="3"></el-option>
<el-option label="小说类" value="4"></el-option>
<el-option label="心理学" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label="书籍详情" prop="description">
<el-input v-model="dataForm.description" placeholder=""></el-input>
@ -49,22 +52,19 @@ 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!')
ElMessage.error('头像必须是jpg格式!')
return false
} else if (rawFile.size / 1024 / 1024 > 2) {
ElMessage.error('Avatar picture size can not exceed 2MB!')
ElMessage.error('图片不得大于2MB!')
return false
}
return true
@ -107,7 +107,9 @@ 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' }],
author:[{required: true, message: '必填项不能为空', trigger: 'blur'}],
category:[{required: true, message: '必填项不能为空', trigger: 'blur'}]
})
// 表单提交

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

@ -7,6 +7,15 @@
<el-form-item prop="author">
<el-input v-model="state.queryForm.author" placeholder="作者"></el-input>
</el-form-item>
<el-form-item prop="category">
<el-select v-model="state.queryForm.category" placeholder="书籍类别">
<el-option label="财经类" value="1"></el-option>
<el-option label="文学类" value="2"></el-option>
<el-option label="悬疑类" value="3"></el-option>
<el-option label="小说类" value="4"></el-option>
<el-option label="心理学" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
</el-form-item>
@ -35,12 +44,10 @@
<img :src="scope.row.bookCover" style="max-width: 100%; max-height: 100px;" />
</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="category" label="书籍类别" header-align="center" align="center"></el-table-column>
<ma-dict-column prop="category" label="书籍类别" dict-type="category_type" header-align="center" align="center"></ma-dict-column>
<el-table-column prop="store" label="库存" header-align="center" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" header-align="center" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" header-align="center" align="center" width="150">
<template #default="scope">
<el-button v-auth="'maku:t_book:update'" type="primary" link @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
@ -76,6 +83,8 @@
queryForm: {
bookName: '',
author: '',
category: ''
}
})

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

@ -7,12 +7,6 @@
<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>
@ -20,17 +14,13 @@
</template>
</el-dialog>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue'
import { ElMessage } from 'element-plus/es'
import { useT_book_collectionApi, useT_book_collectionSubmitApi } from '@/api/maku/t_book_collection'
const emit = defineEmits(['refreshDataList'])
const visible = ref(false)
const dataFormRef = ref()
const dataForm = reactive({
id: '',
userId: '',
@ -59,7 +49,11 @@ const getT_book_collection = (id: number) => {
})
}
const dataRules = ref({})
const dataRules = ref({
userId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
bookId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
})
// 表单提交
const submitHandle = () => {

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

@ -30,7 +30,6 @@
<el-table-column prop="userId" label="用户编号" header-align="center" align="center"></el-table-column>
<el-table-column prop="bookId" label="书本编号" header-align="center" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" header-align="center" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" header-align="center" align="center" width="150">
<template #default="scope">
<el-button v-auth="'maku:t_book_collection:update'" type="primary" link @click="addOrUpdateHandle(scope.row.id)">修改</el-button>

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

@ -10,15 +10,6 @@
<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>
@ -67,7 +58,12 @@ const getT_book_comment = (id: number) => {
})
}
const dataRules = ref({})
const dataRules = ref({
userId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
bookId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
comment: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
})
// 表单提交
const submitHandle = () => {

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

@ -30,8 +30,7 @@
<el-table-column prop="userId" label="用户编号" header-align="center" align="center"></el-table-column>
<el-table-column prop="bookId" label="书本编号" header-align="center" align="center"></el-table-column>
<el-table-column prop="comment" label="评价" header-align="center" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="createTime" label="评论时间" header-align="center" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" header-align="center" align="center" width="150">
<template #default="scope">
<el-button v-auth="'maku:t_book_comment:update'" type="primary" link @click="addOrUpdateHandle(scope.row.id)">修改</el-button>

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

@ -1,18 +1,9 @@
<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>
<template #footer>
<el-button @click="visible = false">取消</el-button>

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

@ -32,8 +32,6 @@
<el-table-column prop="id" label="编号" header-align="center" align="center"></el-table-column>
<el-table-column prop="tradingHour" label="交易时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="totalPrice" label="订单总价" header-align="center" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" header-align="center" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" header-align="center" align="center" width="150">
<template #default="scope">
<el-button v-auth="'maku:t_purchase:update'" type="primary" link @click="addOrUpdateHandle(scope.row.id)">修改</el-button>

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

@ -32,7 +32,7 @@ const dataForm = reactive({
id: '',
purchaseId: '',
bookId: '',
price: ''
price: '',
})
const init = (id?: number) => {
@ -55,7 +55,11 @@ const getT_purchase_details = (id: number) => {
})
}
const dataRules = ref({})
const dataRules = ref({
purchaseId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
price: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
bookId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
})
// 表单提交
const submitHandle = () => {

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

@ -7,12 +7,6 @@
<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>
@ -59,7 +53,10 @@ const getT_shopping_trolley = (id: number) => {
})
}
const dataRules = ref({})
const dataRules = ref({
userId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
bookId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
})
// 表单提交
const submitHandle = () => {

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

@ -8,13 +8,25 @@
<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-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.avatar" :src="dataForm.avatar" style="width: 150px" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</el-form-item>
<el-form-item label="书本币" prop="balance">
<el-input disabled="true" 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-select v-model="dataForm.status" placeholder="禁用状态">
<el-option label="正常" value="1"></el-option>
<el-option label="停用" value="0"></el-option>
</el-select>
</el-form-item>
</el-form>
<template #footer>
@ -28,6 +40,7 @@
import { reactive, ref } from 'vue'
import { ElMessage } from 'element-plus/es'
import { useT_userApi, useT_userSubmitApi } from '@/api/maku/t_user'
import { UploadProps } from 'element-plus'
const emit = defineEmits(['refreshDataList'])
@ -44,6 +57,21 @@ const dataForm = reactive({
createTime: '',
updateTime: ''
})
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('图片必须是jpg格式!')
return false
} else if (rawFile.size / 1024 / 1024 > 2) {
ElMessage.error('图片不得大于2MB!')
return false
}
return true
}
const init = (id?: number) => {
visible.value = true
@ -68,7 +96,6 @@ const getT_user = (id: number) => {
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' }]
})

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

@ -6,8 +6,8 @@
</el-form-item>
<el-form-item prop="status">
<el-select v-model="state.queryForm.status" placeholder="禁用状态">
<el-option label="0" value="0"></el-option>
<el-option label="1" value="1"></el-option>
<el-option label="正常" value="1"></el-option>
<el-option label="停用" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item>
@ -30,10 +30,15 @@
<el-table v-loading="state.dataListLoading" :data="state.dataList" border class="layout-table" @selection-change="selectionChangeHandle">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="username" label="用户名" header-align="center" align="center"></el-table-column>
<el-table-column prop="avatar" label="头像" header-align="center" align="center">
<template #default="scope">
<img :src="scope.row.avatar" style="max-width: 100%; max-height: 100px;" />
</template>
</el-table-column>
<el-table-column prop="balance" label="书本币" header-align="center" align="center"></el-table-column>
<ma-dict-column prop="status" label="禁用状态" dict-type="user_status" header-align="center" align="center"></ma-dict-column>
<el-table-column prop="createTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updateTime" label="修改时间" header-align="center" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" header-align="center" align="center" width="150">
<template #default="scope">
<el-button v-auth="'maku:t_user:update'" type="primary" link @click="addOrUpdateHandle(scope.row.id)">修改</el-button>