init

src/views/cai/goods/index.vue

@@ -62,8 +62,7 @@
 </template>
 
 <script>
-import { listGoods, getGoods, delGoods, addGoods, updateGoods } from "@/api/cai/goods";
-import {updateGift} from "@/api/cai/gift";
+import {listGoods, updateGoods} from "@/api/cai/goods";
 
 export default {
   name: "Goods",

src/views/cai/withdrawExchange/index.vue

@@ -0,0 +1,127 @@
+<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-table v-loading="loading" :data="withdrawExchangeList" @selection-change="handleSelectionChange">
+      <el-table-column label="ID" align="center" prop="id"/>
+      <el-table-column label="兑换金额" align="center" prop="money" />
+      <el-table-column label="所需货币数量" align="center" prop="coinNum" />
+      <el-table-column label="状态" align="center" prop="status" >
+        <template v-slot="scope">
+          <el-switch
+              v-model="scope.row.status"
+              :active-value="0"
+              :inactive-value="1"
+              @change="handleStatusChange(scope.row)"
+          ></el-switch>
+        </template>
+      </el-table-column>
+      <el-table-column label="说明" align="center" prop="remark" />
+<!--      <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:withdrawExchange:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['cai:withdrawExchange: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"
+    />
+  </div>
+</template>
+
+<script>
+import {listWithdrawExchange, updateWithdrawExchange} from "@/api/cai/withdrawExchange";
+
+export default {
+  name: "WithdrawExchange",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 提现兑换配置表格数据
+      withdrawExchangeList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询提现兑换配置列表 */
+    getList() {
+      this.loading = true;
+      listWithdrawExchange(this.queryParams).then(response => {
+        this.withdrawExchangeList = 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
+    },
+    handleStatusChange(row) {
+      let text = row.status === 0 ? '开启' : '取消'
+      this.$confirm('确认要' + text + '[' + row.name + ']吗?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return updateWithdrawExchange({ id: row.id, status: row.status })
+      }).then(() => {
+        this.$modal.msgSuccess(text + '成功')
+      }).catch(function() {
+        row.status = row.status === 1 ? 0 : 1
+      })
+    },
+  }
+};
+</script>