1231233

src/api/cai/prizeInfo.js

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

src/api/cai/prizeOnline.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询已发布奖品列表
+export function listPrizeOnline(query) {
+  return request({
+    url: '/cai/prizeOnline/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询已发布奖品详细
+export function getPrizeOnline(id) {
+  return request({
+    url: '/cai/prizeOnline/' + id,
+    method: 'get'
+  })
+}
+
+// 新增已发布奖品
+export function addPrizeOnline(data) {
+  return request({
+    url: '/cai/prizeOnline',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改已发布奖品
+export function updatePrizeOnline(data) {
+  return request({
+    url: '/cai/prizeOnline',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除已发布奖品
+export function delPrizeOnline(id) {
+  return request({
+    url: '/cai/prizeOnline/' + id,
+    method: 'delete'
+  })
+}

src/constant/statusMap.js

@@ -351,3 +351,15 @@ export const pointChangeLogActionTypeList = [
   { value: "3", label: '分销',listClass: listClass.primary},
   { value: "4", label: '抽奖',listClass: listClass.primary},
 ]
+
+// 奖品类型 1-谢谢惠顾 2-普通奖 3-大奖
+export const prizeTypeList = [
+  { value: 1, label: '谢谢惠顾', listClass: listClass.warning },
+  { value: 2, label: '普通奖', listClass: listClass.primary },
+  { value: 3, label: '大奖', listClass: listClass.danger }
+]
+
+export const prizeAutoGiveList = [
+  { value: false, label: '手工派发',listClass: listClass.warning},
+  { value: true, label: '自动派发',listClass: listClass.primary},
+]

src/views/cai/loginLog/index.vue

@@ -3,14 +3,14 @@
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="手机号" prop="mobile">
         <el-input
-          v-model="queryParams.ipAddr"
+          v-model="queryParams.mobile"
           placeholder="请输入手机号"
           clearable
           @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 type="primary" icon="el-icon-search" size="mini" @click="handleQuery" v-loading="loading">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -36,7 +36,7 @@ export default {
       // 按钮loading
       buttonLoading: false,
       // 遮罩层
-      loading: true,
+      loading: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -51,14 +51,11 @@ export default {
       open: false,
       // 查询参数
       queryParams: {
-        pageNum: 1,
+        mobile: undefined
-        pageSize: 10,
-        mobile: undefined,
       },
     };
   },
   created() {
-    this.getList();
   },
   methods: {
     /** 查询ip访问记录列表 */

src/views/cai/prizeInfo/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="app-container">
+    <el-tabs v-model="activeTabs" @tab-click="handleClick">
+      <el-tab-pane label="奖品模板" name="prizeInfo">
+        <prize-info-tab business-type="prizeInfoTab" />
+      </el-tab-pane>
+      <el-tab-pane label="男用户奖品" name="security">
+        <prize-online-man-tab business-type="prizeOnlineManTab" />
+      </el-tab-pane>
+      <el-tab-pane label="女用户奖品" name="pay">
+        <config-table business-type="pay" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+
+import PrizeInfoTab from "@/views/cai/prizeInfo/prize-info-tab.vue";
+import PrizeOnlineManTab from "@/views/cai/prizeInfo/prize-online-man-tab.vue";
+
+export default {
+  name: "PrizeInfo",
+  components: {
+    PrizeInfoTab,
+    PrizeOnlineManTab,
+  },
+  data() {
+    return {
+      activeTabs: "prizeInfoTab",
+    };
+  },
+  created() {
+  },
+  methods: {
+    handleClick(tab, event){
+      console.log(tab, event);
+    },
+  }
+};
+</script>

src/views/cai/prizeInfo/prize-info-add-update-dialog.vue

@@ -0,0 +1,156 @@
+<template>
+  <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body>
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-form-item label="奖品类型" prop="prizeType">
+        <el-select v-model="form.prizeType" size="small">
+          <el-option
+              v-for="dict in prizeTypeList"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="奖品名称" prop="prizeName">
+        <el-input v-model="form.prizeName" placeholder="请输入奖品名称" />
+      </el-form-item>
+      <el-form-item label="奖品描述" prop="prizeDesc">
+        <el-input v-model="form.prizeDesc" type="textarea" placeholder="请输入内容" />
+      </el-form-item>
+      <el-form-item label="奖品图片" prop="prizeImg">
+        <image-upload2 v-model="form.prizeImg"/>
+      </el-form-item>
+      <el-form-item label="中奖率" prop="winProbability">
+        <el-input-number v-model="form.winProbability" placeholder="请输入中奖率" min="0" max="1" />
+      </el-form-item>
+      <el-form-item label="保底抽数" prop="guaranteeDraws" v-if="form.prizeType == 3">
+        <el-input v-model="form.guaranteeDraws" placeholder="请输入保底抽数" />
+      </el-form-item>
+      <el-form-item label="最低中奖抽数" prop="minWinDraws" v-if="form.prizeType == 3" >
+        <el-input v-model="form.minWinDraws" placeholder="请输入最低中奖抽数" />
+      </el-form-item>
+      <el-form-item label="奖品价值" prop="prizePrice">
+        <el-input v-model="form.prizePrice" placeholder="请输入奖品价值估算" />
+      </el-form-item>
+      <el-form-item label="自动兑奖" prop="autoGive">
+        <el-select v-model="form.autoGive" size="small">
+          <el-option
+              v-for="dict in prizeAutoGiveList"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="open = false">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import {prizeAutoGiveList, prizeTypeList} from '@/constant/statusMap'
+import {addPrizeInfo, getPrizeInfo, updatePrizeInfo} from "@/api/cai/prizeInfo";
+
+export default {
+  components: {
+  },
+  data () {
+    return {
+      prizeTypeList,prizeAutoGiveList,
+      open: false,
+      title: '',
+      form:{
+        id: undefined,
+        prizeName: undefined,
+        prizeDesc: undefined,
+        prizeImg: undefined,
+        winProbability: undefined,
+        guaranteeDraws: undefined,
+        minWinDraws: undefined,
+        prizeType: undefined,
+        prizePrice: undefined,
+        autoGive: undefined,
+      },
+      // 表单校验
+      rules: {
+        prizeName: [
+          { required: true, message: "奖品名称不能为空", trigger: "blur" }
+        ],
+        prizeDesc: [
+          { required: true, message: "奖品描述不能为空", trigger: "blur" }
+        ],
+        prizeImg: [
+          { required: true, message: "奖品图片不能为空", trigger: "blur" }
+        ],
+        winProbability: [
+          { required: true, message: "中奖率不能为空", trigger: "blur" }
+        ],
+        guaranteeDraws: [
+          { required: true, message: "保底抽数不能为空", trigger: "blur" }
+        ],
+        minWinDraws: [
+          { required: true, message: "中奖抽数不能为空", trigger: "blur" }
+        ],
+        prizeType: [
+          { required: true, message: "奖品类型不能为空", trigger: "change" }
+        ],
+        prizePrice: [
+          { required: true, message: "奖品价值不能为空", trigger: "blur" }
+        ],
+        autoGive: [
+          { required: true, message: "自动兑奖不能为空", trigger: "blur" }
+        ],
+      },
+      buttonLoading: false,
+    }
+  },
+  created() {
+  },
+  methods: {
+    init (id) {
+      this.form.id = id || undefined;
+      this.title = (id ? "修改" : "新增") + "奖品库";
+      this.open = true;
+      this.$nextTick(() => {
+        this.$refs['form'].resetFields();
+        if(this.form.id){
+          getPrizeInfo(id).then(response => {
+            this.form = response.data;
+          });
+        }
+      })
+    },
+    // 表单提交
+    submitForm () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.id != null) {
+            updatePrizeInfo(this.form).then(data => {
+              this.$modal.msgSuccess("修改成功");
+              this.$modal.buttonLoading = false;
+              this.open = false
+              this.$emit('refreshDataList')
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }else{
+            addPrizeInfo(this.form).then(data => {
+              this.$modal.msgSuccess("新增成功");
+              this.buttonLoading = false;
+              this.open = false
+              this.$emit('refreshDataList')
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }
+
+        }
+      })
+    },
+  }
+}
+</script>

src/views/cai/prizeInfo/prize-info-tab.vue

@@ -0,0 +1,229 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="奖品名称" prop="prizeName">
+        <el-input
+          v-model="queryParams.prizeName"
+          placeholder="请输入奖品名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品描述" prop="prizeDesc">
+        <el-input
+          v-model="queryParams.prizeDesc"
+          placeholder="请输入奖品描述"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品类型" prop="prizeType">
+        <el-select v-model="queryParams.prizeType" placeholder="奖品类型" clearable size="small">
+          <el-option
+              v-for="dict in prizeTypeList"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+              @keyup.enter.native="handleQuery"
+          />
+        </el-select>
+      </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="['cai:prizeInfo: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="['cai:prizeInfo: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="['cai:prizeInfo:remove']"
+        >删除</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="prizeInfoList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="奖品类型" align="center" prop="prizeType" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="prizeTypeList" :value="scope.row.prizeType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="奖品名称" align="center" prop="prizeName" />
+      <el-table-column label="奖品描述" align="center" prop="prizeDesc" />
+      <el-table-column label="奖品图片" align="center" prop="prizeImg" >
+        <template v-slot="scope">
+          <image-avatar :src="scope.row.prizeImg"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="中奖率" align="center" prop="winProbability" />
+      <el-table-column label="保底抽数" align="center" prop="guaranteeDraws" />
+      <el-table-column label="最低抽数" align="center" prop="minWinDraws" />
+      <el-table-column label="奖品价值" align="center" prop="prizePrice" />
+      <el-table-column label="自动兑奖" align="center" prop="autoGive" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="prizeAutoGiveList" :value="scope.row.autoGive" />
+        </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="['cai:prizeInfo:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['cai:prizeInfo: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"
+    />
+
+    <prize-info-add-update-dialog v-if="prizeInfoAddUpdateDialogVisible" ref="prizeInfoAddUpdateDialog" @refreshDataList="getList"  />
+  </div>
+</template>
+
+<script>
+import {delPrizeInfo, listPrizeInfo} from "@/api/cai/prizeInfo";
+import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap";
+import PrizeInfoAddUpdateDialog from "@/views/cai/prizeInfo/prize-info-add-update-dialog.vue";
+
+
+export default {
+  name: "PrizeInfo",
+  components: {
+    PrizeInfoAddUpdateDialog,
+  },
+  data() {
+    return {
+      prizeTypeList, prizeAutoGiveList,
+      prizeInfoAddUpdateDialogVisible: false,
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 抽奖奖品表格数据
+      prizeInfoList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        prizeName: undefined,
+        prizeDesc: undefined,
+        prizeType: undefined,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询抽奖奖品列表 */
+    getList() {
+      this.loading = true;
+      listPrizeInfo(this.queryParams).then(response => {
+        this.prizeInfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    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.prizeInfoAddUpdateDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.prizeInfoAddUpdateDialog.init()
+      })
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.prizeInfoAddUpdateDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.prizeInfoAddUpdateDialog.init(row.id)
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除抽奖奖品编号为"' + ids + '"的数据项？').then(() => {
+        this.loading = true;
+        return delPrizeInfo(ids);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+  }
+};
+</script>

src/views/cai/prizeInfo/prize-online-man-tab.vue

@@ -0,0 +1,164 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <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="['cai:prizeOnline:add']"
+        >调整</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="prizeOnlineList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="奖品类型" align="center" prop="prizeType" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="prizeTypeList" :value="scope.row.prizeType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="奖品名称" align="center" prop="prizeName" />
+      <el-table-column label="奖品描述" align="center" prop="prizeDesc" />
+      <el-table-column label="奖品图片" align="center" prop="prizeImg" >
+        <template v-slot="scope">
+          <image-avatar :src="scope.row.prizeImg"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="中奖率" align="center" prop="winProbability" />
+      <el-table-column label="保底抽数" align="center" prop="guaranteeDraws" />
+      <el-table-column label="最低抽数" align="center" prop="minWinDraws" />
+      <el-table-column label="奖品价值" align="center" prop="prizePrice" />
+      <el-table-column label="自动兑奖" align="center" prop="autoGive" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="prizeAutoGiveList" :value="scope.row.autoGive" />
+        </template>
+      </el-table-column>
+    </el-table>
+
+
+
+    <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="prizeId">
+          <el-input v-model="form.prizeId" placeholder="请输入奖品ID" />
+        </el-form-item>
+        <el-form-item label="性别 1-女  2-男" prop="gender">
+          <el-input v-model="form.gender" placeholder="请输入性别 1-女  2-男" />
+        </el-form-item>
+        <el-form-item label="奖品名称" prop="prizeName">
+          <el-input v-model="form.prizeName" placeholder="请输入奖品名称" />
+        </el-form-item>
+        <el-form-item label="奖品描述" prop="prizeDesc">
+          <el-input v-model="form.prizeDesc" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="奖品图片地址" prop="prizeImg">
+          <el-input v-model="form.prizeImg" placeholder="请输入奖品图片地址" />
+        </el-form-item>
+        <el-form-item label="中奖率" prop="winProbability">
+          <el-input v-model="form.winProbability" placeholder="请输入中奖率" />
+        </el-form-item>
+        <el-form-item label="保底抽数" prop="guaranteeDraws">
+          <el-input v-model="form.guaranteeDraws" placeholder="请输入保底抽数" />
+        </el-form-item>
+        <el-form-item label="最低中奖抽数" prop="minWinDraws">
+          <el-input v-model="form.minWinDraws" placeholder="请输入最低中奖抽数" />
+        </el-form-item>
+        <el-form-item label="奖品库存" prop="stock">
+          <el-input v-model="form.stock" placeholder="请输入奖品库存" />
+        </el-form-item>
+        <el-form-item label="奖品价值估算" prop="prizePrice">
+          <el-input v-model="form.prizePrice" placeholder="请输入奖品价值估算" />
+        </el-form-item>
+        <el-form-item label="是否自动兑奖" prop="autoGive">
+          <el-input v-model="form.autoGive" placeholder="请输入是否自动兑奖" />
+        </el-form-item>
+        <el-form-item label="是否为谢谢惠顾奖：0-否，1-是" prop="isThank">
+          <el-input v-model="form.isThank" placeholder="请输入是否为谢谢惠顾奖：0-否，1-是" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listPrizeOnline} from "@/api/cai/prizeOnline";
+import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap";
+
+export default {
+  name: "PrizeOnline",
+  data() {
+    return {
+      prizeTypeList, prizeAutoGiveList,
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 已发布奖品表格数据
+      prizeOnlineList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询已发布奖品列表 */
+    getList() {
+      this.loading = true;
+      listPrizeOnline(this.queryParams).then(response => {
+        this.prizeOnlineList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    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() {
+    },
+  }
+};
+</script>

src/views/cai/prizeInfo/prize-online-reset-dialog.vue

@@ -0,0 +1,139 @@
+<template>
+  <div class="app-container">
+    <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="['cai:prizeInfo:add']"
+        >新增</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="['cai:prizeInfo:remove']"
+        >删除</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="prizeOnlineList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="奖品类型" align="center" prop="prizeType" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="prizeTypeList" :value="scope.row.prizeType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="奖品名称" align="center" prop="prizeName" />
+      <el-table-column label="奖品描述" align="center" prop="prizeDesc" />
+      <el-table-column label="奖品图片" align="center" prop="prizeImg" >
+        <template v-slot="scope">
+          <image-avatar :src="scope.row.prizeImg"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="中奖率" align="center" prop="winProbability" />
+      <el-table-column label="保底抽数" align="center" prop="guaranteeDraws" />
+      <el-table-column label="最低抽数" align="center" prop="minWinDraws" />
+      <el-table-column label="奖品价值" align="center" prop="prizePrice" />
+      <el-table-column label="自动兑奖" align="center" prop="autoGive" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="prizeAutoGiveList" :value="scope.row.autoGive" />
+        </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="['cai:prizeInfo:edit']"
+          >修改</el-button>
+          <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['cai:prizeInfo:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {listPrizeOnline} from "@/api/cai/prizeOnline";
+import {prizeAutoGiveList, prizeTypeList} from "@/constant/statusMap";
+
+export default {
+  name: "PrizeOnline",
+  data() {
+    return {
+      prizeTypeList, prizeAutoGiveList,
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 已发布奖品表格数据
+      prizeOnlineList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询已发布奖品列表 */
+    getList() {
+      this.loading = true;
+      listPrizeOnline(this.queryParams).then(response => {
+        this.prizeOnlineList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    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() {
+    },
+  }
+};
+</script>

src/views/cai/prizeOnline/index.vue

@@ -0,0 +1,466 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="奖品ID" prop="prizeId">
+        <el-input
+          v-model="queryParams.prizeId"
+          placeholder="请输入奖品ID"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="性别 1-女  2-男" prop="gender">
+        <el-input
+          v-model="queryParams.gender"
+          placeholder="请输入性别 1-女  2-男"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品名称" prop="prizeName">
+        <el-input
+          v-model="queryParams.prizeName"
+          placeholder="请输入奖品名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品描述" prop="prizeDesc">
+        <el-input
+          v-model="queryParams.prizeDesc"
+          placeholder="请输入奖品描述"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品图片地址" prop="prizeImg">
+        <el-input
+          v-model="queryParams.prizeImg"
+          placeholder="请输入奖品图片地址"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="中奖率" prop="winProbability">
+        <el-input
+          v-model="queryParams.winProbability"
+          placeholder="请输入中奖率"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="保底抽数" prop="guaranteeDraws">
+        <el-input
+          v-model="queryParams.guaranteeDraws"
+          placeholder="请输入保底抽数"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="最低中奖抽数" prop="minWinDraws">
+        <el-input
+          v-model="queryParams.minWinDraws"
+          placeholder="请输入最低中奖抽数"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品库存" prop="stock">
+        <el-input
+          v-model="queryParams.stock"
+          placeholder="请输入奖品库存"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="奖品价值估算" prop="prizePrice">
+        <el-input
+          v-model="queryParams.prizePrice"
+          placeholder="请输入奖品价值估算"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="是否自动兑奖" prop="autoGive">
+        <el-input
+          v-model="queryParams.autoGive"
+          placeholder="请输入是否自动兑奖"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="是否为谢谢惠顾奖：0-否，1-是" prop="isThank">
+        <el-input
+          v-model="queryParams.isThank"
+          placeholder="请输入是否为谢谢惠顾奖：0-否，1-是"
+          clearable
+          @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="['cai:prizeOnline: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="['cai:prizeOnline: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="['cai:prizeOnline:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['cai:prizeOnline:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="prizeOnlineList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="奖品ID" align="center" prop="id" v-if="true"/>
+      <el-table-column label="奖品ID" align="center" prop="prizeId" />
+      <el-table-column label="性别 1-女  2-男" align="center" prop="gender" />
+      <el-table-column label="奖品名称" align="center" prop="prizeName" />
+      <el-table-column label="奖品描述" align="center" prop="prizeDesc" />
+      <el-table-column label="奖品图片地址" align="center" prop="prizeImg" />
+      <el-table-column label="中奖率" align="center" prop="winProbability" />
+      <el-table-column label="保底抽数" align="center" prop="guaranteeDraws" />
+      <el-table-column label="最低中奖抽数" align="center" prop="minWinDraws" />
+      <el-table-column label="奖品库存" align="center" prop="stock" />
+      <el-table-column label="奖品类型" align="center" prop="prizeType" />
+      <el-table-column label="奖品价值估算" align="center" prop="prizePrice" />
+      <el-table-column label="是否自动兑奖" align="center" prop="autoGive" />
+      <el-table-column label="是否为谢谢惠顾奖：0-否，1-是" align="center" prop="isThank" />
+      <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="['cai:prizeOnline:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['cai:prizeOnline: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="prizeId">
+          <el-input v-model="form.prizeId" placeholder="请输入奖品ID" />
+        </el-form-item>
+        <el-form-item label="性别 1-女  2-男" prop="gender">
+          <el-input v-model="form.gender" placeholder="请输入性别 1-女  2-男" />
+        </el-form-item>
+        <el-form-item label="奖品名称" prop="prizeName">
+          <el-input v-model="form.prizeName" placeholder="请输入奖品名称" />
+        </el-form-item>
+        <el-form-item label="奖品描述" prop="prizeDesc">
+          <el-input v-model="form.prizeDesc" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="奖品图片地址" prop="prizeImg">
+          <el-input v-model="form.prizeImg" placeholder="请输入奖品图片地址" />
+        </el-form-item>
+        <el-form-item label="中奖率" prop="winProbability">
+          <el-input v-model="form.winProbability" placeholder="请输入中奖率" />
+        </el-form-item>
+        <el-form-item label="保底抽数" prop="guaranteeDraws">
+          <el-input v-model="form.guaranteeDraws" placeholder="请输入保底抽数" />
+        </el-form-item>
+        <el-form-item label="最低中奖抽数" prop="minWinDraws">
+          <el-input v-model="form.minWinDraws" placeholder="请输入最低中奖抽数" />
+        </el-form-item>
+        <el-form-item label="奖品库存" prop="stock">
+          <el-input v-model="form.stock" placeholder="请输入奖品库存" />
+        </el-form-item>
+        <el-form-item label="奖品价值估算" prop="prizePrice">
+          <el-input v-model="form.prizePrice" placeholder="请输入奖品价值估算" />
+        </el-form-item>
+        <el-form-item label="是否自动兑奖" prop="autoGive">
+          <el-input v-model="form.autoGive" placeholder="请输入是否自动兑奖" />
+        </el-form-item>
+        <el-form-item label="是否为谢谢惠顾奖：0-否，1-是" prop="isThank">
+          <el-input v-model="form.isThank" placeholder="请输入是否为谢谢惠顾奖：0-否，1-是" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listPrizeOnline, getPrizeOnline, delPrizeOnline, addPrizeOnline, updatePrizeOnline } from "@/api/cai/prizeOnline";
+
+export default {
+  name: "PrizeOnline",
+  data() {
+    return {
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 已发布奖品表格数据
+      prizeOnlineList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        prizeId: undefined,
+        gender: undefined,
+        prizeName: undefined,
+        prizeDesc: undefined,
+        prizeImg: undefined,
+        winProbability: undefined,
+        guaranteeDraws: undefined,
+        minWinDraws: undefined,
+        stock: undefined,
+        prizeType: undefined,
+        prizePrice: undefined,
+        autoGive: undefined,
+        isThank: undefined,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        id: [
+          { required: true, message: "奖品ID不能为空", trigger: "blur" }
+        ],
+        prizeId: [
+          { required: true, message: "奖品ID不能为空", trigger: "blur" }
+        ],
+        gender: [
+          { required: true, message: "性别 1-女  2-男不能为空", trigger: "blur" }
+        ],
+        prizeName: [
+          { required: true, message: "奖品名称不能为空", trigger: "blur" }
+        ],
+        prizeDesc: [
+          { required: true, message: "奖品描述不能为空", trigger: "blur" }
+        ],
+        prizeImg: [
+          { required: true, message: "奖品图片地址不能为空", trigger: "blur" }
+        ],
+        winProbability: [
+          { required: true, message: "中奖率不能为空", trigger: "blur" }
+        ],
+        guaranteeDraws: [
+          { required: true, message: "保底抽数不能为空", trigger: "blur" }
+        ],
+        minWinDraws: [
+          { required: true, message: "最低中奖抽数不能为空", trigger: "blur" }
+        ],
+        stock: [
+          { required: true, message: "奖品库存不能为空", trigger: "blur" }
+        ],
+        prizeType: [
+          { required: true, message: "奖品类型不能为空", trigger: "change" }
+        ],
+        prizePrice: [
+          { required: true, message: "奖品价值估算不能为空", trigger: "blur" }
+        ],
+        autoGive: [
+          { required: true, message: "是否自动兑奖不能为空", trigger: "blur" }
+        ],
+        isThank: [
+          { required: true, message: "是否为谢谢惠顾奖：0-否，1-是不能为空", trigger: "blur" }
+        ],
+        createTime: [
+          { required: true, message: "创建时间不能为空", trigger: "blur" }
+        ],
+        updateTime: [
+          { required: true, message: "更新时间不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询已发布奖品列表 */
+    getList() {
+      this.loading = true;
+      listPrizeOnline(this.queryParams).then(response => {
+        this.prizeOnlineList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        prizeId: undefined,
+        gender: undefined,
+        prizeName: undefined,
+        prizeDesc: undefined,
+        prizeImg: undefined,
+        winProbability: undefined,
+        guaranteeDraws: undefined,
+        minWinDraws: undefined,
+        stock: undefined,
+        prizeType: undefined,
+        prizePrice: undefined,
+        autoGive: undefined,
+        isThank: undefined,
+        createTime: undefined,
+        updateTime: undefined
+      };
+      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.loading = true;
+      this.reset();
+      const id = row.id || this.ids
+      getPrizeOnline(id).then(response => {
+        this.loading = false;
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改已发布奖品";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.id != null) {
+            updatePrizeOnline(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          } else {
+            addPrizeOnline(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除已发布奖品编号为"' + ids + '"的数据项？').then(() => {
+        this.loading = true;
+        return delPrizeOnline(ids);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('cai/prizeOnline/export', {
+        ...this.queryParams
+      }, `prizeOnline_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>