@@ -2,7 +2,7 @@ | |||
* @Autor: Chutingting | |||
* @Date: 2023-11-13 14:29:58 | |||
* @LastEditors: Chutingting | |||
* @LastEditTime: 2023-11-14 09:41:31 | |||
* @LastEditTime: 2023-11-14 10:48:23 | |||
* @Description: | |||
*/ | |||
import request from "@/utils/request.js"; | |||
@@ -54,4 +54,28 @@ export function getUserPoinsApi() { | |||
url: `/api/user/getUserPoins`, | |||
method: 'get' | |||
}) | |||
} | |||
/** | |||
* @description 充值订单详情 | |||
* @params | |||
* @returns | |||
*/ | |||
export function findByNumberApi(orderNumber) { | |||
return request({ | |||
url: `/api/productOrder/findByNumber?orderNumber=${orderNumber}`, | |||
method: 'get' | |||
}) | |||
} | |||
/** | |||
* @description 扣币订单详情 | |||
* @params | |||
* @returns | |||
*/ | |||
export function findByIdApi(id) { | |||
return request({ | |||
url: `/api/userVideo/findById?id=${id}`, | |||
method: 'get' | |||
}) | |||
} |
@@ -14,6 +14,16 @@ | |||
label="视频地址" | |||
align="center" | |||
/> | |||
<el-table-column | |||
prop="videoTime" | |||
label="视频时长" | |||
align="center" | |||
/> | |||
<el-table-column | |||
prop="costPoints" | |||
label="扣币数量" | |||
align="center" | |||
/> | |||
<el-table-column | |||
prop="createTime" | |||
label="创建时间" | |||
@@ -29,7 +39,7 @@ | |||
align="center" | |||
> | |||
<template #default="scope"> | |||
<el-button link type="primary" size="small">查看</el-button> | |||
<el-button link type="primary" size="small" @click="detailView(scope.row)">查看</el-button> | |||
</template> | |||
</el-table-column> | |||
</el-table> | |||
@@ -48,8 +58,43 @@ | |||
@current-change="handleCurrentChange" | |||
/> | |||
</div> | |||
<el-dialog v-model="dialogVisible" title="查看详情" width="40%" :before-close="handleClose" > | |||
<detail @close="handleClose"></detail> | |||
<el-dialog v-model="dialogVisible" title="扣币详情:" width="40%" :before-close="handleClose" > | |||
<el-form :model="form" label-width="120px"> | |||
<el-form-item label="名称"> | |||
<el-input v-model="form.title" /> | |||
</el-form-item> | |||
<el-form-item label="视频类型"> | |||
<el-radio-group v-model="form.videoType"> | |||
<el-radio :label="1">竖版</el-radio> | |||
<el-radio :label="2">横版</el-radio> | |||
</el-radio-group> | |||
</el-form-item> | |||
<el-form-item label="文案"> | |||
<el-input v-model="form.paperwork" type="textarea" /> | |||
</el-form-item> | |||
<el-form-item label="封面图"> | |||
<img :src="form.coverImg" alt="" style="width:100%;max-height: 200px;"> | |||
</el-form-item> | |||
<el-form-item label="视频地址"> | |||
<el-input v-model="form.videoPlayUrl" /> | |||
<!-- <video :src="form.videoPlayUrl" style="width:100%;max-height: 300px;"></video> --> | |||
</el-form-item> | |||
<el-form-item label="视频时长"> | |||
<el-input v-model="form.videoTime" /> | |||
</el-form-item> | |||
<el-form-item label="创建时间"> | |||
<el-input v-model="form.createDate" /> | |||
</el-form-item> | |||
<el-form-item label="消耗金币"> | |||
<el-input v-model="form.costPoints" /> | |||
</el-form-item> | |||
<el-form-item label="消耗金币明细"> | |||
<el-input v-model="form.costPointsDetail" /> | |||
</el-form-item> | |||
<el-form-item> | |||
<el-button @click="dialogVisible = false">关闭</el-button> | |||
</el-form-item> | |||
</el-form> | |||
</el-dialog> | |||
</div> | |||
</template> | |||
@@ -57,9 +102,8 @@ | |||
<!-- videoType==1为竖,==2为横 --> | |||
<script setup> | |||
//#region 导入 | |||
import { coindedApi, getDetailApi, getUserPoinsApi } from '@/apis/my.js' | |||
import { coindedApi, getDetailApi, getUserPoinsApi, findByIdApi } from '@/apis/my.js' | |||
import dayjs from "dayjs"; | |||
import detail from './detail.vue' | |||
const tableData = ref([]); | |||
@@ -68,7 +112,7 @@ const pageSize = ref(10); | |||
const total = ref(0); | |||
const getDate = (val) => { | |||
return dayjs(val).format("YYYY-MM-DD"); | |||
return dayjs(val).format("YYYY-MM-DD HH:mm:ss"); | |||
}; | |||
const handleSizeChange = (val) => { | |||
@@ -106,6 +150,20 @@ function currentValFn() { | |||
// 查看详情 | |||
const dialogVisible = ref(false) | |||
const form = ref({ | |||
title: '', | |||
videoPlayUrl: '' | |||
}) | |||
function detailView(item) { | |||
findByIdApi(item.id).then(res => { | |||
res.data.createDate = getDate(res.data.createDate) | |||
res.data.videoTime = res.data.videoTime + '(秒)' | |||
form.value = res.data | |||
dialogVisible.value = true | |||
}) | |||
} | |||
onMounted(() => { | |||
getListData(1, 10); | |||
@@ -1,11 +0,0 @@ | |||
<!-- | |||
* @Autor: Chutingting | |||
* @Date: 2023-11-09 10:24:45 | |||
* @LastEditors: Chutingting | |||
* @LastEditTime: 2023-11-09 15:13:05 | |||
* @Description: | |||
--> | |||
<template> | |||
<div></div> | |||
</template> | |||
<script setup></script> |
@@ -14,6 +14,12 @@ | |||
label="订单号" | |||
align="center" | |||
/> | |||
<el-table-column | |||
prop="paymentStr" | |||
label="金额" | |||
align="center" | |||
/> | |||
<el-table-column | |||
prop="createTime" | |||
label="创建时间" | |||
@@ -29,7 +35,7 @@ | |||
align="center" | |||
> | |||
<template #default="scope"> | |||
<el-button link type="primary" size="small">查看</el-button> | |||
<el-button link type="primary" size="small" @click="detailView(scope.row)">查看</el-button> | |||
</template> | |||
</el-table-column> | |||
</el-table> | |||
@@ -48,8 +54,33 @@ | |||
@current-change="handleCurrentChange" | |||
/> | |||
</div> | |||
<el-dialog v-model="dialogVisible" title="查看详情" width="40%" :before-close="handleClose" > | |||
<detail @close="handleClose"></detail> | |||
<el-dialog v-model="dialogVisible" title="充值详情:" width="40%" > | |||
<el-form :model="form" label-width="120px"> | |||
<el-form-item label="名称"> | |||
<el-input v-model="form.productTitle" /> | |||
</el-form-item> | |||
<el-form-item label="订单号"> | |||
<el-input v-model="form.orderNumber" /> | |||
</el-form-item> | |||
<el-form-item label="支付方式"> | |||
<el-radio-group v-model="form.payVendor"> | |||
<el-radio :label="2">微信</el-radio> | |||
<el-radio :label="4">支付宝</el-radio> | |||
</el-radio-group> | |||
</el-form-item> | |||
<el-form-item label="支付金额"> | |||
<el-input v-model="form.paymentStr" /> | |||
</el-form-item> | |||
<el-form-item label="支付状态"> | |||
<el-input v-model="form.orderStatus" /> | |||
</el-form-item> | |||
<el-form-item label="支付时间"> | |||
<el-input v-model="form.paymentTime" /> | |||
</el-form-item> | |||
<el-form-item> | |||
<el-button @click="dialogVisible = false">关闭</el-button> | |||
</el-form-item> | |||
</el-form> | |||
</el-dialog> | |||
</div> | |||
</template> | |||
@@ -57,9 +88,8 @@ | |||
<!-- videoType==1为竖,==2为横 --> | |||
<script setup> | |||
//#region 导入 | |||
import { rechargeListApi, getDetailApi, getUserPoinsApi, coindedApi } from '@/apis/my.js' | |||
import { rechargeListApi, getDetailApi, getUserPoinsApi, findByNumberApi } from '@/apis/my.js' | |||
import dayjs from "dayjs"; | |||
import detail from './detail.vue' | |||
const tableData = ref([]); | |||
@@ -68,7 +98,7 @@ const pageSize = ref(10); | |||
const total = ref(0); | |||
const getDate = (val) => { | |||
return dayjs(val).format("YYYY-MM-DD"); | |||
return dayjs(val).format("YYYY-MM-DD HH:mm:ss"); | |||
}; | |||
const handleSizeChange = (val) => { | |||
@@ -106,6 +136,20 @@ function currentValFn() { | |||
// 查看详情 | |||
const dialogVisible = ref(false) | |||
const form = ref({ | |||
productTitle: '', | |||
orderStatus:'', | |||
paymentTime: '', | |||
}) | |||
function detailView(item) { | |||
findByNumberApi(item.id).then(res => { | |||
res.data.paymentTime = getDate(res.data.paymentTime) | |||
res.data.orderStatus = res.data.orderStatus === 3 ? '支付成功' : '支付失败' | |||
form.value = res.data | |||
dialogVisible.value = true | |||
}) | |||
} | |||
onMounted(() => { | |||
getListData(1, 10); | |||