fix:项目初始化

2025-06-10 17:11:41 +07:00
commit db9bffd2c5
713 changed files with 159746 additions and 0 deletions
@@ -0,0 +1,158 @@
+
+<template>
+  <div class="pf-warpper avlist">
+    <el-row class="table-form">
+      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
+        <el-form-item>
+          <el-input clearable placeholder="请输入兑换用户ID" v-model.number="searchData.userId" @clear="onClear('userId')" />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
+          <el-button @click="refreshView" icon="el-icon-refresh" plain type="info">刷新</el-button>
+          <!-- <el-button @click="exportExcel" icon="el-icon-download" plain type="primary">导出</el-button> -->
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-col>
+        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading" :row-style="{ height: '30px' }">
+     
+          <el-table-column align="center" label="兑换用户ID">
+            <template slot-scope="scope">{{ scope.row.userId }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="ID">
+            <template slot-scope="scope">{{ scope.row.id }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="奖品id">
+            <template slot-scope="scope">{{ scope.row.prizeId }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="奖励名称">
+            <template slot-scope="scope">{{ scope.row.prizeName }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="消耗积分">
+            <template slot-scope="scope">{{ scope.row.usePoint }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="备注" >
+            <template slot-scope="scope">{{ scope.row.remark }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="生成时间" width="160">
+            <template slot-scope="scope">{{
+              scope.row.createdAt | BeiJingTime
+            }}</template>
+          </el-table-column>
+    
+        </el-table>
+      </el-col>
+    </el-row>
+    <div class="table-pagination">
+      <el-pagination :current-page="searchData.pageNum" :page-size="searchData.pageSize" :page-sizes="[10, 20, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" />
+    </div>
+  </div>
+</template>
+<script>
+import { redeemUserList, redeemcodeListExport } from '@/api/commodity/redeem'
+export default {
+  name: 'ListRecord',
+
+  data() {
+    return {
+      // 请求列表参数
+      searchData: {
+        pageNum: 1,
+        pageSize: 20,
+        userId: undefined,
+      },
+      resData: [], // el-table表格数据
+      total: 0, // 数据总条数
+      editVisible: false, // 新增或编辑弹出框
+      loading: true, // 列表加载状态
+      // 编辑数据
+      editData: {
+        title: '新增',
+        data: {},
+      },
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    //TODO：请求兑换记录列表数据
+    async getList() {
+      this.loading = true
+      redeemUserList(this.searchData).then((res) => {
+        if (res.code === 200) {
+          this.resData = res.data.list
+          this.total = res.data.total
+        } else {
+          this.resData = []
+          this.total = 0
+        }
+        this.loading = false
+      })
+    },
+    //TODO:导出兑换记录列表数据
+    exportExcel() {
+      redeemcodeListExport(this.searchData).then((res) => {
+        if (res.code) {
+          this.$message.error('导出列表失败!')
+        } else {
+          const a = document.createElement('a')
+          var blob = new Blob([res], {
+            type: 'application/vnd.ms-excel;charset=utf-8',
+          })
+          const t = BeiJingTime(new Date())
+          const url = window.URL.createObjectURL(blob)
+          a.setAttribute('href', url)
+          a.download = `兑换记录${t}.xlsx`
+          document.body.appendChild(a)
+          a.click()
+          document.body.removeChild(a)
+        }
+      })
+    },
+    // 清理搜索框
+    onClear(key) {
+      this.searchData[key] = undefined
+      this.getList()
+    },
+    // 刷新数据
+    refreshView() {
+      this.searchData = {
+        pageNum: 1,
+        pageSize: 20,
+        uid: undefined,
+      }
+      this.getList()
+    },
+    handleAvailbileValue(v, type) {
+      switch (type) {
+        case 1:
+          return v + '天数'
+        case 2:
+          return v + '张观影券'
+        case 3:
+          return v / 100 + '金币'
+      }
+    },
+    onSearch() {
+      this.searchData.pageNum = 1
+      this.searchData.pageSize = 20
+      this.getList()
+    },
+
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val
+      this.getList()
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val
+      this.getList()
+    },
+  },
+}
+</script>
+