广场舞活动

src/api/app/activity/accWork.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询作品列表
+export function listActivity(query) {
+  return request({
+    url: '/app/acc/work/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询作品详细
+export function getActivity(id) {
+  return request({
+    url: '/app/acc/work/' + id,
+    method: 'get'
+  })
+}
+
+// 新增作品
+export function addActivity(data) {
+  return request({
+    url: '/app/acc/work/',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改作品
+export function updateActivity(data) {
+  return request({
+    url: '/app/acc/work/',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除作品
+export function delActivity(id) {
+  return request({
+    url: '/app/acc/work/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出作品
+export function exportActivity(query) {
+  return request({
+    url: '/app/acc/work/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/app/activity/activity.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询活动列表
+export function listActivity(query) {
+  return request({
+    url: '/app/activity/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询活动详细
+export function getActivity(id) {
+  return request({
+    url: '/app/activity/' + id,
+    method: 'get'
+  })
+}
+
+// 新增活动
+export function addActivity(data) {
+  return request({
+    url: '/app/activity',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改活动
+export function updateActivity(data) {
+  return request({
+    url: '/app/activity',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除活动
+export function delActivity(id) {
+  return request({
+    url: '/app/activity/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出活动
+export function exportActivity(query) {
+  return request({
+    url: '/app/activity/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/app/activity/member.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询团队成员列表
+export function listMember(query) {
+  return request({
+    url: '/member/member/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询团队成员详细
+export function getMember(id) {
+  return request({
+    url: '/member/member/' + id,
+    method: 'get'
+  })
+}
+
+// 新增团队成员
+export function addMember(data) {
+  return request({
+    url: '/member/member',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改团队成员
+export function updateMember(data) {
+  return request({
+    url: '/member/member',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除团队成员
+export function delMember(id) {
+  return request({
+    url: '/member/member/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出团队成员
+export function exportMember(query) {
+  return request({
+    url: '/member/member/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/app/activity/prize.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询奖品列表
+export function listPrize(query) {
+  return request({
+    url: '/prize/prize/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询奖品详细
+export function getPrize(id) {
+  return request({
+    url: '/prize/prize/' + id,
+    method: 'get'
+  })
+}
+
+// 新增奖品
+export function addPrize(data) {
+  return request({
+    url: '/prize/prize',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改奖品
+export function updatePrize(data) {
+  return request({
+    url: '/prize/prize',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除奖品
+export function delPrize(id) {
+  return request({
+    url: '/prize/prize/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出奖品
+export function exportPrize(query) {
+  return request({
+    url: '/prize/prize/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/app/activity/prizeInfo.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询获奖记录列表
+export function listPrizeInfo(query) {
+  return request({
+    url: '/prizeInfo/prizeInfo/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询获奖记录详细
+export function getPrizeInfo(id) {
+  return request({
+    url: '/prizeInfo/prizeInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增获奖记录
+export function addPrizeInfo(data) {
+  return request({
+    url: '/prizeInfo/prizeInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改获奖记录
+export function updatePrizeInfo(data) {
+  return request({
+    url: '/prizeInfo/prizeInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除获奖记录
+export function delPrizeInfo(id) {
+  return request({
+    url: '/prizeInfo/prizeInfo/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出获奖记录
+export function exportPrizeInfo(query) {
+  return request({
+    url: '/prizeInfo/prizeInfo/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/app/activity/team.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询团队列表
+export function listTeam(query) {
+  return request({
+    url: '/team/team/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询团队详细
+export function getTeam(id) {
+  return request({
+    url: '/team/team/' + id,
+    method: 'get'
+  })
+}
+
+// 新增团队
+export function addTeam(data) {
+  return request({
+    url: '/team/team',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改团队
+export function updateTeam(data) {
+  return request({
+    url: '/team/team',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除团队
+export function delTeam(id) {
+  return request({
+    url: '/team/team/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出团队
+export function exportTeam(query) {
+  return request({
+    url: '/team/team/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/app/activity/voteRecord.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询投票记录列表
+export function listVoteRecord(query) {
+  return request({
+    url: '/voteRecord/voteRecord/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询投票记录详细
+export function getVoteRecord(id) {
+  return request({
+    url: '/voteRecord/voteRecord/' + id,
+    method: 'get'
+  })
+}
+
+// 新增投票记录
+export function addVoteRecord(data) {
+  return request({
+    url: '/voteRecord/voteRecord',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改投票记录
+export function updateVoteRecord(data) {
+  return request({
+    url: '/voteRecord/voteRecord',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除投票记录
+export function delVoteRecord(id) {
+  return request({
+    url: '/voteRecord/voteRecord/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出投票记录
+export function exportVoteRecord(query) {
+  return request({
+    url: '/voteRecord/voteRecord/export',
+    method: 'get',
+    params: query
+  })
+}

src/views/app/accWork/index.vue

@@ -0,0 +1,443 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="团队ID" prop="teamId">
+        <el-input
+          v-model="queryParams.teamId"
+          placeholder="请输入团队ID"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="活动ID" prop="activityId">
+        <el-input
+          v-model="queryParams.activityId"
+          placeholder="请输入活动ID"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="作品名称" prop="workName">
+        <el-input
+          v-model="queryParams.workName"
+          placeholder="请输入作品名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
+          <el-option
+            v-for="dict in statusOptions"
+            :key="dict.dictValue"
+            :label="dict.dictLabel"
+            :value="dict.dictValue"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="审核时间">
+        <el-date-picker
+          v-model="daterangeAuditTime"
+          size="small"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="审核时间">
+        <el-date-picker
+          v-model="daterangeCreatedAt"
+          size="small"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--          v-hasPermi="['app:accWork:add']"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--          v-hasPermi="['app:accWork:edit']"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--          v-hasPermi="['app:accWork:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['app:accWork:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="activityList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="主键ID" align="center" prop="id" />
+      <el-table-column label="团队ID" align="center" prop="teamId" />
+      <el-table-column label="活动ID" align="center" prop="activityId" />
+      <el-table-column label="作品名称" align="center" prop="workName" />
+<!--      <el-table-column label="封面图URL" align="center" prop="coverUrl" />-->
+<!--      <el-table-column label="视频URL" align="center" prop="videoUrl" />-->
+      <el-table-column label="作品描述" align="center" prop="description" />
+      <el-table-column label="视频时长" align="center" prop="duration" />
+      <el-table-column label="总投票数" align="center" prop="voteCount" />
+      <el-table-column label="观看次数" align="center" prop="viewCount" />
+      <el-table-column label="状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <dict-tag :options="statusOptions" :value="scope.row.status"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核意见" align="center" prop="auditRemark" />
+      <el-table-column label="审核时间" align="center" prop="auditTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.auditTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核时间" align="center" prop="createdAt" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createdAt, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核时间" align="center" prop="updatedAt" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updatedAt, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['app:accWork:edit']"
+          >审核</el-button>
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['app:accWork:remove']"-->
+<!--          >删除</el-button>-->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改作品对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+<!--        <el-form-item label="团队ID" prop="teamId">-->
+<!--          <el-input v-model="form.teamId" placeholder="请输入团队ID" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="活动ID" prop="activityId">-->
+<!--          <el-input v-model="form.activityId" placeholder="请输入活动ID" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="作品名称" prop="workName">
+          <el-input v-model="form.workName" placeholder="请输入作品名称" disabled/>
+        </el-form-item>
+<!--        <el-form-item label="封面图URL" prop="coverUrl">-->
+<!--          <el-input v-model="form.coverUrl" type="textarea" placeholder="请输入内容" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="视频URL" prop="videoUrl">-->
+<!--          <el-input v-model="form.videoUrl" type="textarea" placeholder="请输入内容" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="作品描述" prop="description">
+          <el-input v-model="form.description" type="textarea" placeholder="请输入内容" disabled/>
+        </el-form-item>
+<!--        <el-form-item label="视频时长" prop="duration">-->
+<!--          <el-input v-model="form.duration" placeholder="请输入视频时长" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="总投票数" prop="voteCount">
+          <el-input v-model="form.voteCount" placeholder="请输入总投票数" disabled/>
+        </el-form-item>
+        <el-form-item label="观看次数" prop="viewCount">
+          <el-input v-model="form.viewCount" placeholder="请输入观看次数" disabled/>
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="form.status" placeholder="请选择状态">
+            <el-option
+              v-for="dict in statusOptions"
+              :key="dict.dictValue"
+              :label="dict.dictLabel"
+              :value="parseInt(dict.dictValue)"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审核意见" prop="auditRemark">
+          <el-input v-model="form.auditRemark" placeholder="请输入审核意见" />
+        </el-form-item>
+<!--        <el-form-item label="审核时间" prop="auditTime">-->
+<!--          <el-date-picker clearable size="small"-->
+<!--            v-model="form.auditTime"-->
+<!--            type="date"-->
+<!--            value-format="yyyy-MM-dd"-->
+<!--            placeholder="选择审核时间">-->
+<!--          </el-date-picker>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="审核时间" prop="createdAt">-->
+<!--          <el-date-picker clearable size="small"-->
+<!--            v-model="form.createdAt"-->
+<!--            type="date"-->
+<!--            value-format="yyyy-MM-dd"-->
+<!--            placeholder="选择审核时间">-->
+<!--          </el-date-picker>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="审核时间" prop="updatedAt">-->
+<!--          <el-date-picker clearable size="small"-->
+<!--            v-model="form.updatedAt"-->
+<!--            type="date"-->
+<!--            value-format="yyyy-MM-dd"-->
+<!--            placeholder="选择审核时间">-->
+<!--          </el-date-picker>-->
+<!--        </el-form-item>-->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listActivity, getActivity, delActivity, addActivity, updateActivity, exportActivity } from "@/api/app/activity/accWork";
+
+export default {
+  name: "AccWork",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 作品表格数据
+      activityList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 状态：0-待审核 1-已通过 2-已驳回 3-已下架字典
+      statusOptions: [],
+      // 审核时间时间范围
+      daterangeAuditTime: [],
+      // 审核时间时间范围
+      daterangeCreatedAt: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        teamId: null,
+        activityId: null,
+        workName: null,
+        status: null,
+        auditTime: null,
+        createdAt: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getDicts("acc_work_status").then(response => {
+      this.statusOptions = response.data;
+    });
+    this.getList();
+
+  },
+  methods: {
+    /** 查询作品列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.params = {};
+      if (null != this.daterangeAuditTime && '' != this.daterangeAuditTime) {
+        this.queryParams.params["beginAuditTime"] = this.daterangeAuditTime[0];
+        this.queryParams.params["endAuditTime"] = this.daterangeAuditTime[1];
+      }
+      if (null != this.daterangeCreatedAt && '' != this.daterangeCreatedAt) {
+        this.queryParams.params["beginCreatedAt"] = this.daterangeCreatedAt[0];
+        this.queryParams.params["endCreatedAt"] = this.daterangeCreatedAt[1];
+      }
+      listActivity(this.queryParams).then(response => {
+        this.activityList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        teamId: null,
+        activityId: null,
+        workName: null,
+        coverUrl: null,
+        videoUrl: null,
+        description: null,
+        duration: null,
+        voteCount: null,
+        viewCount: null,
+        status: 0,
+        auditRemark: null,
+        auditTime: null,
+        createdAt: null,
+        updatedAt: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.daterangeAuditTime = [];
+      this.daterangeCreatedAt = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加作品";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getActivity(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "审核作品";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateActivity(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addActivity(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除作品编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delActivity(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有作品数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportActivity(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    }
+  }
+};
+</script>

src/views/app/activity/index.vue

@@ -0,0 +1,467 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="活动标题" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入活动标题"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="报名开始时间" prop="registrationStartTime">
+        <el-date-picker clearable size="small"
+                        v-model="queryParams.registrationStartTime"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        placeholder="选择报名开始时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="报名结束时间" prop="registrationEndTime">
+        <el-date-picker clearable size="small"
+                        v-model="queryParams.registrationEndTime"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        placeholder="选择报名结束时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="活动开始时间" prop="activityStartTime">
+        <el-date-picker clearable size="small"
+                        v-model="queryParams.activityStartTime"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        placeholder="选择活动开始时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="活动结束时间" prop="activityEndTime">
+        <el-date-picker clearable size="small"
+                        v-model="queryParams.activityEndTime"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        placeholder="选择活动结束时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态：0-草稿 1-进行中 2-已结束 3-已关闭" clearable size="small">
+          <el-option
+            v-for="dict in statusOptions"
+            :key="dict.dictValue"
+            :label="dict.dictLabel"
+            :value="dict.dictValue"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="创建人" prop="createdBy">
+        <el-input
+          v-model="queryParams.createdBy"
+          placeholder="请输入创建人"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['activity:activity:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['activity:activity:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['activity:activity:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['activity:activity:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="activityList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="主键 ID" align="center" prop="id" />
+      <el-table-column label="活动标题" align="center" prop="title" />
+      <!--      <el-table-column label="封面图 URL" align="center" prop="coverUrl" />-->
+      <el-table-column label="活动描述" align="center" prop="description" />
+      <el-table-column label="报名开始时间" align="center" prop="registrationStartTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.registrationStartTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="报名结束时间" align="center" prop="registrationEndTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.registrationEndTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="活动开始时间" align="center" prop="activityStartTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.activityStartTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="活动结束时间" align="center" prop="activityEndTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.activityEndTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="活动地点" align="center" prop="location" />
+<!--      <el-table-column label="活动规则" align="center" prop="rules" />-->
+      <el-table-column label="奖项设置" align="center" prop="awards" />
+      <el-table-column label="状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <dict-tag :options="statusOptions" :value="scope.row.status"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建人" align="center" prop="createdBy" />
+      <el-table-column label="创建时间" align="center" prop="createdAt" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createdAt, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="更新时间" align="center" prop="updatedAt" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updatedAt, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['activity:activity:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['activity:activity:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改活动对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="活动标题" prop="title">
+          <el-input v-model="form.title" placeholder="请输入活动标题" />
+        </el-form-item>
+        <!--        <el-form-item label="封面图 URL" prop="coverUrl">-->
+        <!--          <el-input v-model="form.coverUrl" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <el-form-item label="活动描述" prop="description">
+          <el-input v-model="form.description" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="报名开始时间" prop="registrationStartTime">
+          <el-date-picker clearable size="small"
+                          v-model="form.registrationStartTime"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          placeholder="选择报名开始时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="报名结束时间" prop="registrationEndTime">
+          <el-date-picker clearable size="small"
+                          v-model="form.registrationEndTime"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          placeholder="选择报名结束时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="活动开始时间" prop="activityStartTime">
+          <el-date-picker clearable size="small"
+                          v-model="form.activityStartTime"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          placeholder="选择活动开始时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="活动结束时间" prop="activityEndTime">
+          <el-date-picker clearable size="small"
+                          v-model="form.activityEndTime"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+                          placeholder="选择活动结束时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="活动地点" prop="location">
+          <el-input v-model="form.location" placeholder="请输入活动地点" />
+        </el-form-item>
+        <el-form-item label="活动规则" prop="rules">
+          <editor ref="myeditor" @on-text-change="updateRulesText" />
+        </el-form-item>
+        <el-form-item label="奖项设置" prop="awards">
+          <el-input v-model="form.awards" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-radio-group v-model="form.status">
+            <el-radio
+              v-for="dict in statusOptions"
+              :key="dict.dictValue"
+              :label="parseInt(dict.dictValue)"
+            >{{dict.dictLabel}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listActivity, getActivity, delActivity, addActivity, updateActivity, exportActivity } from "@/api/app/activity/activity";
+import Editor from '@/components/Editor/wang';
+
+export default {
+  name: "Activity",
+  components: {
+    Editor
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 活动表格数据
+      activityList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 状态：0-草稿 1-进行中 2-已结束 3-已关闭字典
+      statusOptions: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        title: null,
+        registrationStartTime: null,
+        registrationEndTime: null,
+        activityStartTime: null,
+        activityEndTime: null,
+        status: null,
+        createdBy: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        title: [
+          { required: true, message: "活动标题不能为空", trigger: "blur" }
+        ],
+        registrationStartTime: [
+          { required: true, message: "报名开始时间不能为空", trigger: "blur" }
+        ],
+        registrationEndTime: [
+          { required: true, message: "报名结束时间不能为空", trigger: "blur" }
+        ],
+        activityStartTime: [
+          { required: true, message: "活动开始时间不能为空", trigger: "blur" }
+        ],
+        activityEndTime: [
+          { required: true, message: "活动结束时间不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+    this.getDicts("activity_status").then(response => {
+      this.statusOptions = response.data;
+    });
+  },
+  methods: {
+    /** 查询活动列表 */
+    getList() {
+      this.loading = true;
+      listActivity(this.queryParams).then(response => {
+        this.activityList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 更新活动规则富文本内容
+    updateRulesText(text) {
+      this.form.rules = text;
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        title: null,
+        coverUrl: null,
+        description: null,
+        registrationStartTime: null,
+        registrationEndTime: null,
+        activityStartTime: null,
+        activityEndTime: null,
+        location: null,
+        rules: null,
+        awards: null,
+        status: 0,
+        createdBy: null,
+        createdAt: null,
+        updatedAt: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加活动";
+      setTimeout(() => {
+        this.$refs.myeditor.setText("");
+      }, 200);
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getActivity(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改活动";
+        setTimeout(() => {
+          if (this.form.rules == null) {
+            this.$refs.myeditor.setText("");
+          } else {
+            this.$refs.myeditor.setText(this.form.rules);
+          }
+        }, 200);
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateActivity(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addActivity(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除活动编号为"' + ids + '"的数据项？', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(function() {
+        return delActivity(ids);
+      }).then(() => {
+        this.getList();
+        this.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有活动数据项？', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.exportLoading = true;
+        return exportActivity(queryParams);
+      }).then(response => {
+        this.download(response.msg);
+        this.exportLoading = false;
+      }).catch(() => {});
+    }
+  }
+};
+</script>

src/views/app/prize/index.vue

@@ -0,0 +1,356 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="奖品编号" prop="prizeId">
+        <el-input
+          v-model="queryParams.prizeId"
+          placeholder="请输入奖品编号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="活动ID" prop="activityId">
+        <el-input
+          v-model="queryParams.activityId"
+          placeholder="请输入活动ID"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品名称" prop="prizeName">
+        <el-input
+          v-model="queryParams.prizeName"
+          placeholder="请输入奖品名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['prize:prize:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['prize:prize:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['prize:prize:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['prize:prize:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="prizeList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="组建id" align="center" prop="id" />
+      <el-table-column label="奖品编号" align="center" prop="prizeId" />
+      <el-table-column label="活动ID" align="center" prop="activityId" />
+      <el-table-column label="奖品名称" align="center" prop="prizeName" />
+      <el-table-column label="奖项等级" align="center" prop="prizeLevel" />
+<!--      <el-table-column label="奖品图片URL" align="center" prop="prizeUrl" />-->
+<!--      <el-table-column prop="prizeLevel" label="图片" align="center">-->
+<!--        <template slot-scope="scope">-->
+<!--          <single-img v-model="scope.row.prizeLevel" type="image" :num="1" :width="60" :height="60" />-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+      <el-table-column label="奖品图片" align="center" prop="prizeUrl" width="100px">
+        <template slot-scope="scope">
+          <el-popover
+            placement="right"
+            title=""
+            trigger="hover">
+            <img slot="reference" :src="scope.row.prizeUrl" width="80px">
+            <img :src="scope.row.prizeUrl" style="max-width: 150px;">
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" align="center" prop="sort" />
+      <el-table-column label="创建者" align="center" prop="createBy" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['prize:prize:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['prize:prize:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改奖品对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="奖品编号" prop="prizeId">
+          <el-input v-model="form.prizeId" placeholder="请输入奖品编号" />
+        </el-form-item>
+        <el-form-item label="活动ID" prop="activityId">
+          <el-input v-model="form.activityId" placeholder="请输入活动ID" />
+        </el-form-item>
+        <el-form-item label="奖品名称" prop="prizeName">
+          <el-input v-model="form.prizeName" placeholder="请输入奖品名称" />
+        </el-form-item>
+        <el-form-item label="奖项等级" prop="prizeLevel">
+          <el-input v-model="form.prizeLevel" placeholder="请输入奖项等级" />
+        </el-form-item>
+<!--        <el-form-item label="奖品图片URL">-->
+<!--          <imageUpload v-model="form.prizeUrl"/>-->
+<!--        </el-form-item>-->
+        <el-form-item label="奖品图片">
+          <Material v-model="imageArr" type="image" :num="1" :width="150" :height="150" />
+        </el-form-item>
+
+        <el-form-item label="排序" prop="sort">
+          <el-input v-model="form.sort" placeholder="请输入排序" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listPrize, getPrize, delPrize, addPrize, updatePrize, exportPrize } from "@/api/app/activity/prize";
+import Material from '@/components/Material'
+import singleImg from '@/components/Material/single'
+
+export default {
+  name: "Prize",
+  components: { Material,singleImg},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      imageArr:[],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 奖品表格数据
+      prizeList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        prizeId: null,
+        activityId: null,
+        prizeName: null,
+        prizeUrl: [],
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        prizeId: [
+          { required: true, message: "奖品编号不能为空", trigger: "blur" }
+        ],
+        activityId: [
+          { required: true, message: "活动ID不能为空", trigger: "blur" }
+        ],
+        prizeName: [
+          { required: true, message: "奖品名称不能为空", trigger: "blur" }
+        ],
+        prizeUrl: [
+          { required: true, message: "奖品图片URL不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  watch: {
+    imageArr: function(val) {
+      this.form.prizeUrl = val.join(',')
+    },
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询奖品列表 */
+    getList() {
+      this.loading = true;
+      listPrize(this.queryParams).then(response => {
+        this.prizeList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        prizeId: null,
+        activityId: null,
+        prizeName: null,
+        prizeLevel: null,
+        prizeUrl: [],
+        sort: null,
+        createBy: null,
+        updateBy: null,
+        createTime: null,
+        updateTime: null
+      };
+      this.imageArr=[];
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加奖品";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getPrize(id).then(response => {
+        this.form = response.data;
+        this.imageArr = response.data.prizeUrl.split(',')
+        this.open = true;
+        this.title = "修改奖品";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updatePrize(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addPrize(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除奖品编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delPrize(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有奖品数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportPrize(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    }
+  }
+};
+</script>