This commit is contained in:
yuanteng 2025-02-19 12:05:12 +08:00
commit 33f55d2832
5 changed files with 40 additions and 125 deletions

View File

@ -22,7 +22,9 @@ onMounted(()=>{
checkLoginState() checkLoginState()
}) })
const checkLoginState = async ()=>{ // const checkLoginState = async ()=>{ //
console.log("start")
const res = await myAxios.get('/user/get/login') const res = await myAxios.get('/user/get/login')
console.log("end")
if(res.data.code != 1) { if(res.data.code != 1) {
router.push('/') router.push('/')
} }

View File

@ -27,7 +27,7 @@ const onSubmit=()=>{
} }
// //
const resetForm=()=>{ const resetForm=()=>{
textarea.value = ''
} }
</script> </script>

View File

@ -27,7 +27,7 @@ const onSubmit=()=>{
} }
// //
const resetForm=()=>{ const resetForm=()=>{
textarea.value = ''
} }
</script> </script>

View File

@ -1,19 +1,5 @@
<template> <template>
<el-form ref="resetFormData" :model="form" label-width="auto" style="width: 750px" size="large"> <el-form ref="resetFormData" :model="form" label-width="auto" style="width: 750px" size="large">
<el-form-item label="添加优惠券图片">
<el-upload
action="#"
list-type="picture-card"
:auto-upload="false"
multiple="true"
:on-remove="handleRemove"
@change="(event: any) => handleChange(event, 0)"
limit="1" >
<el-icon>
<Plus />
</el-icon>
</el-upload>
</el-form-item>
</el-form> </el-form>
<el-form :model="form" label-width="auto" style="max-width: 600px"> <el-form :model="form" label-width="auto" style="max-width: 600px">
<el-form-item label="优惠券名称"> <el-form-item label="优惠券名称">
@ -22,27 +8,12 @@
<el-form-item label="兑换积分"> <el-form-item label="兑换积分">
<el-input v-model="form.requirePoints" /> <el-input v-model="form.requirePoints" />
</el-form-item> </el-form-item>
<el-form-item label="满减金额"> <el-form-item label="满(元)">
<el-input v-model="form.standardAmount" />
</el-form-item>
<el-form-item label="减(元)">
<el-input v-model="form.conditionAmount" /> <el-input v-model="form.conditionAmount" />
</el-form-item> </el-form-item>
<el-form-item label="发放数量">
<el-input v-model="form.totalNum" />
</el-form-item>
<el-form-item label="限量领取">
<el-input v-model="form.limitNum" />
</el-form-item>
<el-form-item label="使用范围">
<el-input v-model="form.useScope" />
</el-form-item>
<el-form-item label="开始日期">
<el-date-picker
v-model="form.startTime"
type="datetime"
placeholder="Pick a Date"
format="YYYY-MM-DD hh:mm:ss"
value-format="YYYY-MM-DD hh:mm:ss"
/>
</el-form-item>
<el-form-item label="截至日期"> <el-form-item label="截至日期">
<el-date-picker <el-date-picker
v-model="form.endTime" v-model="form.endTime"
@ -52,6 +23,9 @@
value-format="YYYY-MM-DD hh:mm:ss" value-format="YYYY-MM-DD hh:mm:ss"
/> />
</el-form-item> </el-form-item>
<el-form-item label="简介">
<el-input v-model="form.content" type="textarea" />
</el-form-item>
<el-form-item label="使用说明"> <el-form-item label="使用说明">
<el-input v-model="form.description" type="textarea" /> <el-input v-model="form.description" type="textarea" />
</el-form-item> </el-form-item>
@ -71,16 +45,12 @@ import myAxios from "@/api/myAxios";
const fileSimple = ref() const fileSimple = ref()
const form = ref({ const form = ref({
name: '', name: '',
conditionAmount:0,// standardAmount:0,//
totalNum:0, conditionAmount:0,//
requirePoints:0,// requirePoints:0,
residueNum:0,//
limitNum:0,//
useScope:'',//使
startTime: '',
endTime: '', endTime: '',
description:'',//使 content:'',
image:'' description:'',
}) })
onMounted(() => { onMounted(() => {
@ -103,32 +73,10 @@ const AddCoupon = async () => {
} else { } else {
ElMessage.error("服务错误"); ElMessage.error("服务错误");
} }
console.log(form.value.startTime)
} }
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
console.log(uploadFile, uploadFiles) console.log(uploadFile, uploadFiles)
} }
//
const handleChange = async (file: any, flag: number) => {
fileSimple.value = file
let formData = new FormData()
formData.append("file", fileSimple.value.raw)
const res = await myAxios({
url: '/file/upload/server/not_login',
method: 'post',
headers: {
'content-Type': 'multipart/form-data'
},
data: {
biz: "test",
file: formData.get("file")
}
})
// console.log(res.data,123213213213)
if (res.data.code === 1) {
form.value.image = res.data.data
}
}
</script> </script>

View File

@ -2,8 +2,8 @@
<!-- 搜索--> <!-- 搜索-->
<div> <div>
<el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入优惠券名称" <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入优惠券名称"
v-model="Couponsname"></el-input> v-model="name"></el-input>
<el-button class="ml-5" type="primary" @click="load" style="height: 25px;">搜索</el-button> <el-button class="ml-5" type="primary" @click="load(name)" style="height: 25px;">搜索</el-button>
<el-button type="warning" @click="reset" style="height:25px">重置</el-button> <el-button type="warning" @click="reset" style="height:25px">重置</el-button>
</div> </div>
<!-- 批量删除--> <!-- 批量删除-->
@ -22,24 +22,15 @@
:cell-style="{ 'text-align': 'center', 'font-size': '16px' }" @selection-change="handleSelectionChange" :cell-style="{ 'text-align': 'center', 'font-size': '16px' }" @selection-change="handleSelectionChange"
:header-cell-style="{ 'text-align': 'center' }"> :header-cell-style="{ 'text-align': 'center' }">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="id" label="编号" width="80"></el-table-column> <el-table-column prop="id" label="id" width="80"></el-table-column>
<el-table-column prop="goodImg" label="优惠券图片">
<template #default="scope">
<div>
<img :src="scope.row.image" alt="" style="height: 50px;">
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="优惠券名称"></el-table-column> <el-table-column prop="name" label="优惠券名称"></el-table-column>
<el-table-column prop="conditionAmount" label="满减金额" width="180"></el-table-column> <el-table-column prop="standardAmount" label="满"></el-table-column>
<el-table-column prop="totalNum" label="发放数量"></el-table-column> <el-table-column prop="conditionAmount" label="减"></el-table-column>
<el-table-column prop="requirePoints" label="兑换积分"></el-table-column> <el-table-column prop="requirePoints" label="兑换积分"></el-table-column>
<el-table-column prop="residueNum" label="剩余数量"></el-table-column>
<el-table-column prop="limitNum" label="限量领取"></el-table-column>
<el-table-column prop="useScope" label="使用范围"></el-table-column>
<el-table-column prop="startTime" label="生效时间"></el-table-column>
<el-table-column prop="endTime" label="截止时间"></el-table-column> <el-table-column prop="endTime" label="截止时间"></el-table-column>
<el-table-column label="操作" width="250px"> <el-table-column prop="content" label="简介"></el-table-column>
<el-table-column prop="description" label="使用说明"></el-table-column>
<el-table-column label="操作" width="200px" >
<template #default="scope"> <template #default="scope">
<el-button size="small" @click="ReviseOrView(scope.$index, scope.row , 0)"> <el-button size="small" @click="ReviseOrView(scope.$index, scope.row , 0)">
详情 详情
@ -69,26 +60,9 @@
<!-- 详情编辑--> <!-- 详情编辑-->
<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>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="优惠券图片">
<div v-if="editForm.image">
<img :src="editForm.image" alt="优惠券图片" class="thumbnail" style="width: 100px; height: 100px;" />
</div>
<el-upload
action="#"
list-type="picture-card"
:auto-upload="false"
multiple="true"
:on-remove=" handleRemove"
@change="(event: any) => handleChange(event, 0)"
limit="1" >
<el-icon>
<Plus/>
</el-icon>
</el-upload>
</el-form-item>
<el-form-item label="优惠券名称"> <el-form-item label="优惠券名称">
<el-input v-model="editForm.name"></el-input> <el-input v-model="editForm.name"></el-input>
</el-form-item> </el-form-item>
@ -98,24 +72,16 @@
<el-form-item label="兑换积分"> <el-form-item label="兑换积分">
<el-input v-model="editForm.requirePoints"></el-input> <el-input v-model="editForm.requirePoints"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="发放数量"> <el-form-item label="简介">
<el-input v-model="editForm.totalNum"></el-input> <el-input v-model="editForm.content"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="限量领取"> <el-form-item label="截至日期">
<el-input v-model="editForm.limitNum"></el-input> <el-input v-model="editForm.endTime"></el-input>
</el-form-item>
<el-form-item label="使用范围">
<el-input type="textarea" v-model="editForm.useScope"></el-input>
</el-form-item>
<el-form-item label="发放时间">
<el-input type="textarea" v-model="editForm.startTime"></el-input>
</el-form-item>
<el-form-item label="截止时间">
<el-input type="textarea" v-model="editForm.endTime"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="使用说明"> <el-form-item label="使用说明">
<el-input type="textarea" v-model="editForm.description"></el-input> <el-input v-model="editForm.description"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer > <template #footer >
<span class="dialog-footer"> <span class="dialog-footer">
@ -127,14 +93,14 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import {onMounted, ref} from "vue"; import {inject, onMounted, ref} from "vue";
import myAxios from "@/api/myAxios"; import myAxios from "@/api/myAxios";
import {ElMessage, type UploadProps} from "element-plus"; import {ElMessage, type UploadProps} from "element-plus";
onMounted(() => { onMounted(() => {
getCouponsList() getCouponsList()
}) })
const name=ref('')
const DialogVisible = ref(false) const DialogVisible = ref(false)
const idList = ref([]) const idList = ref([])
const total = ref(0) const total = ref(0)
@ -150,10 +116,7 @@ const searchParams: any = ref({ //分页
sortField: "id", //ID sortField: "id", //ID
sortOrder: "descend" // sortOrder: "descend" //
}) })
//
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
console.log(uploadFile, uploadFiles)
}
// //
const handleSizeChange = (newSize: any) => { const handleSizeChange = (newSize: any) => {
searchParams.value.pageSize = newSize // searchParams.value.pageSize = newSize //
@ -183,8 +146,9 @@ const delBatch = async ()=>{
} }
} }
// //
const reload : any = inject("reload")
const reset = ()=>{ const reset = ()=>{
Couponsname.value = ''; reload()
} }
// //
const load =(data:String)=>{ const load =(data:String)=>{
@ -192,6 +156,7 @@ const load =(data:String)=>{
searchParams.value.content = 1 searchParams.value.content = 1
getCouponsList() getCouponsList()
} }
//
const saveEdit = async () => { // const saveEdit = async () => { //
const res = await myAxios.post('/coupon/update',{...editForm.value}) const res = await myAxios.post('/coupon/update',{...editForm.value})
if( res.data.code === 1 ) { if( res.data.code === 1 ) {