| @@ -2,7 +2,7 @@ | |||||
| * @Autor: Chutingting | * @Autor: Chutingting | ||||
| * @Date: 2023-11-13 14:29:58 | * @Date: 2023-11-13 14:29:58 | ||||
| * @LastEditors: Chutingting | * @LastEditors: Chutingting | ||||
| * @LastEditTime: 2023-11-14 09:41:31 | |||||
| * @LastEditTime: 2023-11-14 10:48:23 | |||||
| * @Description: | * @Description: | ||||
| */ | */ | ||||
| import request from "@/utils/request.js"; | import request from "@/utils/request.js"; | ||||
| @@ -54,4 +54,28 @@ export function getUserPoinsApi() { | |||||
| url: `/api/user/getUserPoins`, | url: `/api/user/getUserPoins`, | ||||
| method: 'get' | 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="视频地址" | label="视频地址" | ||||
| align="center" | align="center" | ||||
| /> | /> | ||||
| <el-table-column | |||||
| prop="videoTime" | |||||
| label="视频时长" | |||||
| align="center" | |||||
| /> | |||||
| <el-table-column | |||||
| prop="costPoints" | |||||
| label="扣币数量" | |||||
| align="center" | |||||
| /> | |||||
| <el-table-column | <el-table-column | ||||
| prop="createTime" | prop="createTime" | ||||
| label="创建时间" | label="创建时间" | ||||
| @@ -29,7 +39,7 @@ | |||||
| align="center" | align="center" | ||||
| > | > | ||||
| <template #default="scope"> | <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> | </template> | ||||
| </el-table-column> | </el-table-column> | ||||
| </el-table> | </el-table> | ||||
| @@ -48,8 +58,43 @@ | |||||
| @current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
| /> | /> | ||||
| </div> | </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> | </el-dialog> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -57,9 +102,8 @@ | |||||
| <!-- videoType==1为竖,==2为横 --> | <!-- videoType==1为竖,==2为横 --> | ||||
| <script setup> | <script setup> | ||||
| //#region 导入 | //#region 导入 | ||||
| import { coindedApi, getDetailApi, getUserPoinsApi } from '@/apis/my.js' | |||||
| import { coindedApi, getDetailApi, getUserPoinsApi, findByIdApi } from '@/apis/my.js' | |||||
| import dayjs from "dayjs"; | import dayjs from "dayjs"; | ||||
| import detail from './detail.vue' | |||||
| const tableData = ref([]); | const tableData = ref([]); | ||||
| @@ -68,7 +112,7 @@ const pageSize = ref(10); | |||||
| const total = ref(0); | const total = ref(0); | ||||
| const getDate = (val) => { | const getDate = (val) => { | ||||
| return dayjs(val).format("YYYY-MM-DD"); | |||||
| return dayjs(val).format("YYYY-MM-DD HH:mm:ss"); | |||||
| }; | }; | ||||
| const handleSizeChange = (val) => { | const handleSizeChange = (val) => { | ||||
| @@ -106,6 +150,20 @@ function currentValFn() { | |||||
| // 查看详情 | // 查看详情 | ||||
| const dialogVisible = ref(false) | 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(() => { | onMounted(() => { | ||||
| getListData(1, 10); | 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="订单号" | label="订单号" | ||||
| align="center" | align="center" | ||||
| /> | /> | ||||
| <el-table-column | |||||
| prop="paymentStr" | |||||
| label="金额" | |||||
| align="center" | |||||
| /> | |||||
| <el-table-column | <el-table-column | ||||
| prop="createTime" | prop="createTime" | ||||
| label="创建时间" | label="创建时间" | ||||
| @@ -29,7 +35,7 @@ | |||||
| align="center" | align="center" | ||||
| > | > | ||||
| <template #default="scope"> | <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> | </template> | ||||
| </el-table-column> | </el-table-column> | ||||
| </el-table> | </el-table> | ||||
| @@ -48,8 +54,33 @@ | |||||
| @current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
| /> | /> | ||||
| </div> | </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> | </el-dialog> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -57,9 +88,8 @@ | |||||
| <!-- videoType==1为竖,==2为横 --> | <!-- videoType==1为竖,==2为横 --> | ||||
| <script setup> | <script setup> | ||||
| //#region 导入 | //#region 导入 | ||||
| import { rechargeListApi, getDetailApi, getUserPoinsApi, coindedApi } from '@/apis/my.js' | |||||
| import { rechargeListApi, getDetailApi, getUserPoinsApi, findByNumberApi } from '@/apis/my.js' | |||||
| import dayjs from "dayjs"; | import dayjs from "dayjs"; | ||||
| import detail from './detail.vue' | |||||
| const tableData = ref([]); | const tableData = ref([]); | ||||
| @@ -68,7 +98,7 @@ const pageSize = ref(10); | |||||
| const total = ref(0); | const total = ref(0); | ||||
| const getDate = (val) => { | const getDate = (val) => { | ||||
| return dayjs(val).format("YYYY-MM-DD"); | |||||
| return dayjs(val).format("YYYY-MM-DD HH:mm:ss"); | |||||
| }; | }; | ||||
| const handleSizeChange = (val) => { | const handleSizeChange = (val) => { | ||||
| @@ -106,6 +136,20 @@ function currentValFn() { | |||||
| // 查看详情 | // 查看详情 | ||||
| const dialogVisible = ref(false) | 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(() => { | onMounted(() => { | ||||
| getListData(1, 10); | getListData(1, 10); | ||||