admin1/jiangchengfeiyi-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

打标签版本

Browse Source
This commit is contained in:
yuanteng 2024-12-08 22:39:32 +08:00
parent 5151f9efdf
commit ff47204947
10 changed files with 226 additions and 240 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

4
index.html
View File

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FypVcAOGV-Snipaste_2024-10-11_15-03-12.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>非遗小程序管理端</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

1
src/api/myAxios.ts
View File

@ -5,6 +5,7 @@ import router from '../router'
const myAxios = axios.create({ const myAxios = axios.create({
withCredentials:true, withCredentials:true,
baseURL: 'http://localhost:9092/api'//测试服务器 baseURL: 'http://localhost:9092/api'//测试服务器
// baseURL: 'http://123.249.108.160:8888/api'
}); });
// 添加请求拦截器 // 添加请求拦截器
axios.interceptors.request.use(function (config) { axios.interceptors.request.use(function (config) {

BIN
src/assets/admin.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 59 KiB

2
src/layout/components/Aside.vue
View File

@ -11,7 +11,7 @@
active-text-color="#ffd04b"> active-text-color="#ffd04b">
<div style="height: 80px; color: white; font-weight: bold; <div style="height: 80px; color: white; font-weight: bold;
display: flex; align-items: center; justify-content: center"> display: flex; align-items: center; justify-content: center">
<img src="../../assets/logo.png" alt="" style="height: 30px"> <img src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FypVcAOGV-Snipaste_2024-10-11_15-03-12.png" alt="" style="height: 30px">
<span style="margin-left: 5px" v-show="isShow">泠泷水月阁管理系统</span> <span style="margin-left: 5px" v-show="isShow">泠泷水月阁管理系统</span>
</div> </div>

5
src/router/routes.ts
View File

@ -89,6 +89,11 @@ export const routes = [
path: '/AddCostumes', path: '/AddCostumes',
name: '添加服装', name: '添加服装',
component: ()=> import("../views/CostumeAppointments/AddCostumes.vue") component: ()=> import("../views/CostumeAppointments/AddCostumes.vue")
},
{
path: '/ProdcutManager',
name: '商品详情',
component: ()=> import("../views/ServiceType/ProductManager.vue")
} }
] ]
}, },

2
src/views/Commodity/MerchandiseCenter.vue
View File

@ -49,8 +49,6 @@
<el-table-column prop="price" label="商品价格" width="180"></el-table-column> <el-table-column prop="price" label="商品价格" width="180"></el-table-column>
<el-table-column prop="type" label="商品类型"></el-table-column> <el-table-column prop="type" label="商品类型"></el-table-column>
<el-table-column prop="inventory" label="商品数量"></el-table-column> <el-table-column prop="inventory" label="商品数量"></el-table-column>
<el-table-column prop="createTime" label="创建时间"></el-table-column>
<el-table-column prop="updateTime" label="更新时间"></el-table-column>
<el-table-column label="商品状态"> <el-table-column label="商品状态">
<template #default="scope"> <template #default="scope">
<div> <div>

2
src/views/Coupons/CouponCenter.vue
View File

@ -230,7 +230,7 @@ const getCouponsList = async ()=> {
} }
} }
const handleChange = async (file: any, flag: number) => { const handleChange = async (file: any, flag: number) => {
fileSimple.value = filen fileSimple.value = file
let formData = new FormData() //这一步很重要 创建一个FormData对象 let formData = new FormData() //这一步很重要 创建一个FormData对象
formData.append("file", fileSimple.value.raw) //fileSimple.value.raw 才是文件主体 将其以文件的格式插入formData formData.append("file", fileSimple.value.raw) //fileSimple.value.raw 才是文件主体 将其以文件的格式插入formData
const res = await myAxios({ //编写请求，与以前的请求不同，这一次要指定好头部类型和文件类型 const res = await myAxios({ //编写请求，与以前的请求不同，这一次要指定好头部类型和文件类型

2
src/views/ServiceType/AddServiceProduct.vue
View File

@ -52,7 +52,7 @@
</el-form-item> </el-form-item>
<div class="totalButton"> <div class="totalButton">
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">上架</el-button> <el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="resetForm">重置</el-button> <el-button type="primary" @click="resetForm">重置</el-button>

164
src/views/ServiceType/ProductCenter.vue
View File

@ -43,13 +43,21 @@
<el-table-column prop="name" label="课程名称"></el-table-column> <el-table-column prop="name" label="课程名称"></el-table-column>
<el-table-column prop="price" label="单次价格" width="100"></el-table-column> <el-table-column prop="price" label="单次价格" width="100"></el-table-column>
<el-table-column label="展开时间段" type="expand" width="80"> <el-table-column label="展开时间段" type="expand" width="80">
<template #default="{ $index }"> <template #default="{ $index,row }">
<!-- 放后端传来的预约时间 --> <!-- 放后端传来的预约时间 -->
<el-table :data="appointmentDateArr[$index]" :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }"> <el-table :data="appointmentDateArr[$index]" :header-cell-style="{ 'text-align': 'center' }"
:cell-style="{ 'text-align': 'center' }">
<el-table-column label="是否可预约" prop="isAvailable" />
<el-table-column label="日期" prop="specificDate" /> <el-table-column label="日期" prop="specificDate" />
<el-table-column label="人数范围" prop="numberRange" /> <el-table-column label="操作">
<el-table-column label="时间段" prop="timeSlot"/> <el-button size="small" @click="">
<el-table-column label="此段课程人数" prop=""/> 详情
</el-button>
<el-button size="small" @click="openDrawer">
编辑
</el-button>
<el-button class="ml-5" type="danger">删除</el-button>
</el-table-column>
</el-table> </el-table>
</template> </template>
</el-table-column> </el-table-column>
@ -92,16 +100,8 @@
:small="null" :disabled="null" :background="null" layout="total, sizes, prev, pager, next, jumper" :small="null" :disabled="null" :background="null" layout="total, sizes, prev, pager, next, jumper"
:total="total" /> :total="total" />
</div> </div>
<!-- <el-calendar @input="abc">
<template #date-cell="{ data }">
<p :class="data.isSelected ? 'is-selected' : ''">
{{ data.day.split('-').slice(1).join('-') }}
{{ data.isSelected ? '✔️' : '' }}
</p>
</template>
</el-calendar> -->
<!-- 编辑/详情表单 --> <!-- 编辑/详情表单 -->
<!-- <el-dialog v-model="DialogVisible" :title="title"> <el-dialog v-model="DialogVisible" :title="title">
<el-form label-width="100px" :disabled="disabled"> <el-form label-width="100px" :disabled="disabled">
<el-form-item label="商品编号"> <el-form-item label="商品编号">
<el-input v-model="editForm.id" disabled></el-input> <el-input v-model="editForm.id" disabled></el-input>
@ -110,15 +110,8 @@
<div v-if="editForm.goodImg"> <div v-if="editForm.goodImg">
<img :src="editForm.goodImg" alt="商品图标" class="thumbnail" style="width: 100px; height: 100px;" /> <img :src="editForm.goodImg" alt="商品图标" class="thumbnail" style="width: 100px; height: 100px;" />
</div> </div>
<el-upload <el-upload ref="uploadProductImg" action="#" list-type="picture-card" :auto-upload="false" multiple="true"
ref="uploadProductImg" :on-remove="handleRemove" @change="(event: any) => handleChange(event, 0)" :on-exceed="Exceed_ProductImg"
action="#"
list-type="picture-card"
:auto-upload="false"
multiple="true"
:on-remove="handleRemove"
@change="(event: any) => handleChange(event, 0)"
:on-exceed="Exceed_ProductImg"
limit="1"> limit="1">
<el-icon> <el-icon>
<Plus /> <Plus />
@ -131,11 +124,6 @@
<el-form-item label="商品价格"> <el-form-item label="商品价格">
<el-input v-model="editForm.price"></el-input> <el-input v-model="editForm.price"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="产品类别" prop="type">
<el-select v-model="editForm.type" @change="(event: any) => loadForm(event, 1)">
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value1" />
</el-select>
</el-form-item>
<el-form-item label="商品数量"> <el-form-item label="商品数量">
<el-input v-model="editForm.inventory"></el-input> <el-input v-model="editForm.inventory"></el-input>
</el-form-item> </el-form-item>
@ -158,15 +146,8 @@
<div v-if="editForm.detailImg"> <div v-if="editForm.detailImg">
<img :src="editForm.detailImg" alt="商品图标" class="thumbnail" style="width: 100px; height: 100px;" /> <img :src="editForm.detailImg" alt="商品图标" class="thumbnail" style="width: 100px; height: 100px;" />
</div> </div>
<el-upload <el-upload ref="uploadProductDetail" action="#" list-type="picture-card" :auto-upload="false" multiple="true"
ref="uploadProductDetail" :on-remove="handleRemove" @change="(event: any) => handleChange(event, 1)" :on-exceed="Exceed_ProductDetail"
action="#"
list-type="picture-card"
:auto-upload="false"
multiple="true"
:on-remove="handleRemove"
@change="(event: any) => handleChange(event, 1)"
:on-exceed="Exceed_ProductDetail"
limit="1"> limit="1">
<el-icon> <el-icon>
<Plus /> <Plus />
@ -183,7 +164,15 @@
<el-button type="primary" @click="saveEdit" :disabled="disabled">确认</el-button> <el-button type="primary" @click="saveEdit" :disabled="disabled">确认</el-button>
</span> </span>
</template> </template>
</el-dialog> --> </el-dialog>
<!-- 时间段抽屉 -->
<el-drawer
v-model="drawer"
title="I am the title"
direction="ltr"
>
<span>Hi, there!</span>
</el-drawer>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -207,30 +196,24 @@ const DialogVisible = ref(false);
const state = ref(''); //根据商品上架状态select栏 const state = ref(''); //根据商品上架状态select栏
const editForm : any = ref({}); const editForm : any = ref({});
const reload : any = inject("reload") //页面重新刷新 const reload : any = inject("reload") //页面重新刷新
// const fileSimple = ref() const fileSimple = ref()
// const uploadProductImg : any = ref() //图片上传的ref绑定 const uploadProductImg : any = ref() //图片上传的ref绑定
// const uploadProductDetail : any = ref() //图片上传的ref绑定 const uploadProductDetail : any = ref() //图片上传的ref绑定
const drawer = ref(false)
// const typeList: any = ref([
// {
// value1: '',
// label: ''
// }
// ])
onMounted(() => { //页面加载时获取商品列表和分类页表 onMounted(() => { //页面加载时获取商品列表和分类页表
getProductList() getProductList()
}) })
const getProductList = async () => { const getProductList = async () => {
try { try {
const res = await myAxios.post('/goods/service/list/page', { ...searchParams.value }); const res = await myAxios.post('/goods/service/list/page', { ...searchParams.value });
// console.log(res.data) // console.log('res--->',res.data)
if (res.data.code === 1) { if (res.data.code === 1) {
tableData.value = res.data.data.records; tableData.value = res.data.data.records;
total.value = parseInt(res.data.data.total) //总数据量，用于分页 total.value = parseInt(res.data.data.total) //总数据量，用于分页
appointmentDateArr.value.splice(0,total.value) appointmentDateArr.value.splice(0,total.value)
console.log(tableData.value); console.log(tableData.value);
tableData.value.forEach((val : any) => { tableData.value.forEach((val : any) => {
appointmentDateArr.value.push(val.appointmentDateVOS) appointmentDateArr.value.push(val.appointmentDateVOList)
}) })
console.log('时间--->',appointmentDateArr.value); console.log('时间--->',appointmentDateArr.value);
} else { } else {
@ -300,46 +283,46 @@ const reset = () => {
reload() reload()
}; };
// 上传图片移除 --逻辑上移除 // 上传图片移除 --逻辑上移除
// const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
// console.log(uploadFile, uploadFiles) console.log(uploadFile, uploadFiles)
// } }
// const Exceed_ProductImg: UploadProps['onExceed'] = (files , flag) => { //覆盖商品照片 const Exceed_ProductImg: UploadProps['onExceed'] = (files , flag) => { //覆盖商品照片
// uploadProductImg.value!.clearFiles() uploadProductImg.value!.clearFiles()
// const file = files[0] as UploadRawFile const file = files[0] as UploadRawFile
// file.uid = genFileId() file.uid = genFileId()
// uploadProductImg.value!.handleStart(file) uploadProductImg.value!.handleStart(file)
// } }
// const Exceed_ProductDetail: UploadProps['onExceed'] = (files) => { //覆盖商品详情图片 const Exceed_ProductDetail: UploadProps['onExceed'] = (files) => { //覆盖商品详情图片
// uploadProductDetail.value!.clearFiles() uploadProductDetail.value!.clearFiles()
// const file = files[0] as UploadRawFile const file = files[0] as UploadRawFile
// file.uid = genFileId() file.uid = genFileId()
// uploadProductDetail.value!.handleStart(file) uploadProductDetail.value!.handleStart(file)
// } }
// //将 商品类别 赋值到表格里 // //将 商品类别 赋值到表格里
// const loadForm = (value: any, flag: number) => { const loadForm = (value: any, flag: number) => {
// flag ? editForm.value.type = value : editForm.value.festivalOrder = value //三元运算符 flag=1 是关于"商品类别"选项的值 flag=0 是关于“是否为节日限定”选项的值 flag ? editForm.value.type = value : editForm.value.festivalOrder = value //三元运算符 flag=1 是关于"商品类别"选项的值 flag=0 是关于“是否为节日限定”选项的值
// } }
// 图片上传请求 此请求只要选择了图片，就会默认上传 // 图片上传请求 此请求只要选择了图片，就会默认上传
// const handleChange = async (file: any, flag: number) => { const handleChange = async (file: any, flag: number) => {
// fileSimple.value = file fileSimple.value = file
// let formData = new FormData() //这一步很重要 创建一个FormData对象 let formData = new FormData() //这一步很重要 创建一个FormData对象
// formData.append("file", fileSimple.value.raw) //fileSimple.value.raw 才是文件主体 将其以文件的格式插入formData formData.append("file", fileSimple.value.raw) //fileSimple.value.raw 才是文件主体 将其以文件的格式插入formData
// const res = await myAxios({ //编写请求，与以前的请求不同，这一次要指定好头部类型和文件类型 const res = await myAxios({ //编写请求，与以前的请求不同，这一次要指定好头部类型和文件类型
// url: '/file/upload/server/not_login', url: '/file/upload/server/not_login',
// method: 'post', method: 'post',
// headers: { headers: {
// 'content-Type': 'multipart/form-data' 'content-Type': 'multipart/form-data'
// }, },
// data: { data: {
// biz: "test", biz: "test",
// file: formData.get("file") // 取出formData对象中的file file: formData.get("file") // 取出formData对象中的file
// } }
// }) })
// if (res.data.code === 1) { if (res.data.code === 1) {
// //三元运算 当flag为0时，赋值给商品图片 flag为1时，赋值给详情图片 //三元运算 当flag为0时，赋值给商品图片 flag为1时，赋值给详情图片
// flag ? editForm.value.detailImg = res.data.data : editForm.value.goodImg = res.data.data flag ? editForm.value.detailImg = res.data.data : editForm.value.goodImg = res.data.data
// } }
// } }
const onSearch = (data : String)=>{ //搜索按钮方法 const onSearch = (data : String)=>{ //搜索按钮方法
searchParams.value.name = data searchParams.value.name = data
searchParams.value.current = 1 searchParams.value.current = 1
@ -363,9 +346,8 @@ const delBatch = async ()=>{
} }
} }
const handleSelectionChange =()=>{} const handleSelectionChange =()=>{}
const abc =(index : any)=>{ const openDrawer =()=>{
console.log(index); drawer.value = true
} }
</script> </script>