init

src/api/cai/accountBankcard.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询用户银行卡列表
+export function listAccountBankcard(query) {
+  return request({
+    url: '/cai/accountBankcard/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询用户银行卡详细
+export function getAccountBankcard(id) {
+  return request({
+    url: '/cai/accountBankcard/' + id,
+    method: 'get'
+  })
+}
+
+// 新增用户银行卡
+export function addAccountBankcard(data) {
+  return request({
+    url: '/cai/accountBankcard',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改用户银行卡
+export function updateAccountBankcard(data) {
+  return request({
+    url: '/cai/accountBankcard',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除用户银行卡
+export function delAccountBankcard(id) {
+  return request({
+    url: '/cai/accountBankcard/' + id,
+    method: 'delete'
+  })
+}

src/api/cai/accountCash.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询用户提现记录列表
+export function listAccountCash(query) {
+  return request({
+    url: '/cai/accountCash/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询用户提现记录详细
+export function getAccountCash(id) {
+  return request({
+    url: '/cai/accountCash/' + id,
+    method: 'get'
+  })
+}
+
+// 新增用户提现记录
+export function addAccountCash(data) {
+  return request({
+    url: '/cai/accountCash',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改用户提现记录
+export function updateAccountCash(data) {
+  return request({
+    url: '/cai/accountCash',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除用户提现记录
+export function delAccountCash(id) {
+  return request({
+    url: '/cai/accountCash/' + id,
+    method: 'delete'
+  })
+}

src/api/cai/banner.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询轮播列表
+export function listBanner(query) {
+  return request({
+    url: '/cai/banner/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询轮播详细
+export function getBanner(id) {
+  return request({
+    url: '/cai/banner/' + id,
+    method: 'get'
+  })
+}
+
+// 新增轮播
+export function addBanner(data) {
+  return request({
+    url: '/cai/banner',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改轮播
+export function updateBanner(data) {
+  return request({
+    url: '/cai/banner',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除轮播
+export function delBanner(id) {
+  return request({
+    url: '/cai/banner/' + id,
+    method: 'delete'
+  })
+}

src/api/cai/userForbid.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询封号列表列表
+export function listUserForbid(query) {
+  return request({
+    url: '/cai/userForbid/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询封号列表详细
+export function getUserForbid(id) {
+  return request({
+    url: '/cai/userForbid/' + id,
+    method: 'get'
+  })
+}
+
+// 新增封号列表
+export function addUserForbid(data) {
+  return request({
+    url: '/cai/userForbid',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改封号列表
+export function updateUserForbid(data) {
+  return request({
+    url: '/cai/userForbid',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除封号列表
+export function delUserForbid(id) {
+  return request({
+    url: '/cai/userForbid/' + id,
+    method: 'delete'
+  })
+}

src/constant/statusMap.js

@@ -17,4 +17,30 @@ export const authList = [
   { value: 1, label: '已认证', listClass: listClass.primary }
 ]
 
+export const userStatusList = [
+  { value: 0, label: '可用', listClass: listClass.primary },
+  { value: 1, label: '不可用', listClass: listClass.danger }
+]
+
+// 链接类型  1 网页    2 app内页   3 JSON数据
+export const bannerLinkTypeList = [
+  { value: 1, label: '网页' },
+  { value: 2, label: 'app内页' },
+  { value: 3, label: 'JSON数据' },
+]
+
+export const bannerStatusList = [
+  { value: 0, label: '可用' },
+  { value: 1, label: '不可用' }
+]
+
+// 1 申请  2 审核通过  3 审核不通过  4 提现取消
+export const cashStatusList = [
+  { value: 1, label: '申请中',listClass: listClass.warning },
+  { value: 2, label: '审核通过',listClass: listClass.primary },
+  { value: 3, label: '审核不通过',listClass: listClass.danger },
+  { value: 4, label: '提现取消',listClass: listClass.info }
+]
+
+
 

src/views/cai/accountBankcard/index.vue

@@ -0,0 +1,349 @@
+<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="userId">
+        <el-input
+          v-model="queryParams.userId"
+          placeholder="请输入"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="银行编码" prop="bankCode">
+        <el-input
+          v-model="queryParams.bankCode"
+          placeholder="请输入银行编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="银行名称" prop="bank">
+        <el-input
+          v-model="queryParams.bank"
+          placeholder="请输入银行名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="持卡人姓名" prop="cardName">
+        <el-input
+          v-model="queryParams.cardName"
+          placeholder="请输入持卡人姓名"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="卡号" prop="cardAccount">
+        <el-input
+          v-model="queryParams.cardAccount"
+          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 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:accountBankcard: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:accountBankcard: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:accountBankcard: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:accountBankcard:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="accountBankcardList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="" align="center" prop="id" v-if="true"/>
+      <el-table-column label="" align="center" prop="userId" />
+      <el-table-column label="账户类型  1 支付宝   2 微信  3 银行卡" align="center" prop="type" />
+      <el-table-column label="银行编码" align="center" prop="bankCode" />
+      <el-table-column label="银行名称" align="center" prop="bank" />
+      <el-table-column label="持卡人姓名" align="center" prop="cardName" />
+      <el-table-column label="卡号" align="center" prop="cardAccount" />
+      <el-table-column label="0 可用  1 不可用" align="center" prop="status" />
+      <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:accountBankcard:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['cai:accountBankcard: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="userId">
+          <el-input v-model="form.userId" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="银行编码" prop="bankCode">
+          <el-input v-model="form.bankCode" placeholder="请输入银行编码" />
+        </el-form-item>
+        <el-form-item label="银行名称" prop="bank">
+          <el-input v-model="form.bank" placeholder="请输入银行名称" />
+        </el-form-item>
+        <el-form-item label="持卡人姓名" prop="cardName">
+          <el-input v-model="form.cardName" placeholder="请输入持卡人姓名" />
+        </el-form-item>
+        <el-form-item label="卡号" prop="cardAccount">
+          <el-input v-model="form.cardAccount" placeholder="请输入卡号" />
+        </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 { listAccountBankcard, getAccountBankcard, delAccountBankcard, addAccountBankcard, updateAccountBankcard } from "@/api/cai/accountBankcard";
+
+export default {
+  name: "AccountBankcard",
+  data() {
+    return {
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 用户银行卡表格数据
+      accountBankcardList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        userId: undefined,
+        type: undefined,
+        bankCode: undefined,
+        bank: undefined,
+        cardName: undefined,
+        cardAccount: undefined,
+        status: undefined,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        id: [
+          { required: true, message: "不能为空", trigger: "blur" }
+        ],
+        userId: [
+          { required: true, message: "不能为空", trigger: "blur" }
+        ],
+        type: [
+          { required: true, message: "账户类型  1 支付宝   2 微信  3 银行卡不能为空", trigger: "change" }
+        ],
+        bankCode: [
+          { required: true, message: "银行编码不能为空", trigger: "blur" }
+        ],
+        bank: [
+          { required: true, message: "银行名称不能为空", trigger: "blur" }
+        ],
+        cardName: [
+          { required: true, message: "持卡人姓名不能为空", trigger: "blur" }
+        ],
+        cardAccount: [
+          { required: true, message: "卡号不能为空", trigger: "blur" }
+        ],
+        status: [
+          { required: true, message: "0 可用  1 不可用不能为空", trigger: "change" }
+        ],
+        createTime: [
+          { required: true, message: "创建时间不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询用户银行卡列表 */
+    getList() {
+      this.loading = true;
+      listAccountBankcard(this.queryParams).then(response => {
+        this.accountBankcardList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        userId: undefined,
+        type: undefined,
+        bankCode: undefined,
+        bank: undefined,
+        cardName: undefined,
+        cardAccount: undefined,
+        status: undefined,
+        createTime: 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
+      getAccountBankcard(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) {
+            updateAccountBankcard(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          } else {
+            addAccountBankcard(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 delAccountBankcard(ids);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('cai/accountBankcard/export', {
+        ...this.queryParams
+      }, `accountBankcard_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

src/views/cai/accountCash/index.vue

@@ -0,0 +1,172 @@
+<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="orderNo">
+        <el-input
+          v-model="queryParams.orderNo"
+          placeholder="请输入订单号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="账户名称" prop="cardName">
+        <el-input
+          v-model="queryParams.cardName"
+          placeholder="请输入账户名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="账户" prop="cardAccount">
+        <el-input
+          v-model="queryParams.cardAccount"
+          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 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="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['cai:accountCash:edit']"
+        >批量审核</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:accountCash:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="accountCashList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="订单号" align="center" prop="orderNo" />
+      <el-table-column label="提现金额" align="center" prop="cashMoney" />
+      <el-table-column label="银行名称" align="center" prop="bank" />
+      <el-table-column label="账户名称" align="center" prop="cardName" />
+      <el-table-column label="账户" align="center" prop="cardAccount" />
+      <el-table-column label="状态" align="center" prop="status" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="cashStatusList" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+      <el-table-column label="申请时间" align="center" prop="createTime" />
+      <el-table-column label="审核人IP" align="center" prop="operateIp" />
+      <el-table-column label="审核时间" align="center" prop="verifyTime" />
+      <el-table-column label="审核备注" align="center" prop="verifyRemark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
+        <template v-slot="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['cai:accountCash:edit']"
+          >审核</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 { listAccountCash } from '@/api/cai/accountCash'
+import { cashStatusList } from '@/constant/statusMap'
+
+export default {
+  name: "AccountCash",
+  data() {
+    return {
+      cashStatusList,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 用户提现记录表格数据
+      accountCashList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        orderNo: undefined,
+        cardName: undefined,
+        cardAccount: undefined,
+        status: undefined,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询用户提现记录列表 */
+    getList() {
+      this.loading = true;
+      listAccountCash(this.queryParams).then(response => {
+        this.accountCashList = 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
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('cai/accountCash/export', {
+        ...this.queryParams
+      }, `accountCash_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

src/views/cai/banner/banner-add-update-dialog.vue

@@ -0,0 +1,117 @@
+<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="title">
+        <el-input v-model="form.title" placeholder="请输入标题" />
+      </el-form-item>
+      <el-form-item label="轮播图" prop="image">
+        <image-upload v-model="form.image"/>
+      </el-form-item>
+      <el-form-item label="链接地址" prop="linkUrl">
+        <el-input v-model="form.linkUrl" placeholder="请输入链接地址" />
+      </el-form-item>
+      <el-form-item label="排序" prop="sort">
+        <el-input v-model="form.sort" placeholder="请输入排序" />
+      </el-form-item>
+      <el-form-item label="图片地址" prop="imageDetails">
+        <el-input v-model="form.imageDetails" placeholder="请输入图片地址" />
+      </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 ImageUpload from '@/components/ImageUpload/index'
+import { addBanner, getBanner, updateBanner } from '@/api/cai/banner'
+
+export default {
+  components: {
+    ImageUpload,
+  },
+  data () {
+    return {
+      open: false,
+      title: '',
+      form:{
+        id: undefined,
+        type: 1,
+        cid: 1,
+        title: undefined,
+        image: undefined,
+        linkType: undefined,
+        linkUrl: undefined,
+        sort: undefined,
+        imageDetails: undefined
+      },
+      // 表单校验
+      rules: {
+        title: [
+          { required: true, message: "标题不能为空", trigger: "blur" }
+        ],
+        image: [
+          { required: true, message: "图片不能为空", trigger: "blur" }
+        ],
+        linkType: [
+          { required: true, message: "链接类", trigger: "change" }
+        ],
+        linkUrl: [
+          { required: true, message: "链接地址不能为空", trigger: "blur" }
+        ],
+        sort: [
+          { 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){
+          getBanner(id).then(response => {
+            this.form = response.data;
+          });
+        }
+      })
+    },
+    // 表单提交
+    submitForm () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.id != null) {
+            updateBanner(this.form).then(data => {
+              this.msgSuccess("修改成功");
+              this.$modal.buttonLoading = false;
+              this.open = false
+              this.$emit('refreshDataList')
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }else{
+            addBanner(this.form).then(data => {
+              this.$modal.msgSuccess("修改成功");
+              this.buttonLoading = false;
+              this.open = false
+              this.$emit('refreshDataList')
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }
+
+        }
+      })
+    },
+  }
+}
+</script>

src/views/cai/banner/index.vue

@@ -0,0 +1,217 @@
+<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:banner: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:banner: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:banner:remove']"
+        >删除</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="bannerList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="标题" align="center" prop="title" />
+      <el-table-column label="轮播图" align="center" prop="image" width="100">
+        <template v-slot="scope">
+          <image-preview :src="scope.row.image" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="链接类型" align="center" prop="linkType">
+        <template v-slot="scope">
+          <cai-dict-tag :options="bannerLinkTypeList" :value="scope.row.linkType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="链接地址" align="center" prop="linkUrl" />
+      <el-table-column label="排序" align="center" prop="sort" />
+      <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="imageDetails" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
+        <template v-slot="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['cai:banner:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['cai:banner: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"
+    />
+
+    <!-- 添加或修改轮播对话框 -->
+    <banner-add-update-dialog v-if="bannerAddOrUpdateDialogVisible" ref="bannerAddOrUpdateDialog" @refreshDataList="getList" />
+  </div>
+</template>
+
+<script>
+import { delBanner, listBanner, updateBanner } from '@/api/cai/banner'
+import { bannerLinkTypeList, bannerStatusList } from '@/constant/statusMap'
+import BannerAddUpdateDialog from '@/views/cai/banner/banner-add-update-dialog.vue'
+
+export default {
+  name: "Banner",
+  components: {
+    BannerAddUpdateDialog
+  },
+  data() {
+    return {
+      bannerLinkTypeList,bannerStatusList,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 轮播表格数据
+      bannerList: [],
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      bannerAddOrUpdateDialogVisible: false,
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询轮播列表 */
+    getList() {
+      this.loading = true;
+      listBanner(this.queryParams).then(response => {
+        this.bannerList = 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.bannerAddOrUpdateDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.bannerAddOrUpdateDialog.init()
+      })
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.bannerAddOrUpdateDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.bannerAddOrUpdateDialog.init(row.id)
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除轮播编号为"' + ids + '"的数据项？').then(() => {
+        this.loading = true;
+        return delBanner(ids);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    handleStatusChange(row){
+      let text = row.status === 1 ? '封禁' : '恢复'
+      this.$confirm('确认要' + text + '[' + row.title + ']轮播吗?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return updateBanner({ id: row.id, status: row.status })
+      }).then(() => {
+        this.$modal.msgSuccess(text + '成功')
+      }).catch(function() {
+        console.log("操作失败")
+        row.status = row.status === 0 ? 1 : 0
+      })
+    }
+  }
+};
+</script>

src/views/cai/user/index.vue

@@ -78,10 +78,22 @@
 
     <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="用户号" align="center" prop="usercode" />
+<!--      <el-table-column label="组" align="center" prop="groupId" />-->
+      <el-table-column label="甜瓜号" align="center" prop="usercode" />
       <el-table-column label="昵称" align="center" prop="nickname" />
-      <el-table-column label="组别" align="center" prop="groupId" />
+      <el-table-column label="手机号" align="center" prop="mobile" width="120"/>
-      <el-table-column label="手机号" align="center" prop="mobile" />
+      <el-table-column label="头像" align="center" prop="avatar" >
+        <template v-slot="scope">
+          <image-preview :src="scope.row.avatar" />
+        </template>
+      </el-table-column>
+      <el-table-column label="性别" align="center" prop="gender">
+        <template v-slot="scope">
+          <cai-dict-tag :options="genderList" :value="scope.row.gender" />
+        </template>
+      </el-table-column>
+      <el-table-column label="年龄" align="center" prop="age" />
+      <el-table-column label="所在城市" align="center" prop="city" />
       <el-table-column label="手机号认证" align="center" prop="mobileStatus">
         <template v-slot="scope">
           <cai-dict-tag :options="authList" :value="scope.row.mobileStatus" />
@@ -92,20 +104,26 @@
           <cai-dict-tag :options="authList" :value="scope.row.cameraStatus" />
         </template>
       </el-table-column>
-      <el-table-column label="头像" align="center" prop="avatar" >
+      <el-table-column label="相册状态" align="center" prop="photoStatus">
         <template v-slot="scope">
-          <image-preview :src="scope.row.avatar" />
+          <cai-dict-tag :options="authList" :value="scope.row.photoStatus" />
         </template>
       </el-table-column>
-      <el-table-column label="等级" align="center" prop="level" />
+      <el-table-column label="资料是否完成" align="center" prop="finishStatus">
-      <el-table-column label="性别" align="center" prop="gender">
         <template v-slot="scope">
-          <cai-dict-tag :options="genderList" :value="scope.row.gender" />
+          <cai-dict-tag :options="authList" :value="scope.row.finishStatus" />
         </template>
       </el-table-column>
-      <el-table-column label="年龄" align="center" prop="age" />
+      <el-table-column label="最后登陆时间" align="center" prop="lastLoginTime" width="150"/>
-      <el-table-column label="城市" align="center" prop="city" />
+      <el-table-column label="登陆IP" align="center" prop="lastLoginIp" width="125"/>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
+      <el-table-column label="注册时间" align="center" prop="regTime" width="150"/>
+      <el-table-column label="加入IP" align="center" prop="regIp" width="125"/>
+      <el-table-column label="状态" align="center" prop="status">
+        <template v-slot="scope">
+          <cai-dict-tag :options="userStatusList" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120" fixed="right">
         <template v-slot="scope">
           <el-button
             size="mini"
@@ -132,18 +150,24 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+
+    <user-add-update-dialog v-if="userAddUpdateDialogVisible" ref="userAddUpdateDialog" @refreshDataList="getList" />
   </div>
 </template>
 
 <script>
 import { delUser, listUser } from '@/api/cai/user'
-import { authList, genderList } from '@/constant/statusMap'
+import { authList, genderList, userStatusList } from '@/constant/statusMap'
+import UserAddUpdateDialog from '@/views/cai/user/user-add-update-dialog.vue'
 
 export default {
   name: "User",
+  components:{
+    UserAddUpdateDialog
+  },
   data() {
     return {
-      genderList,authList,
+      genderList,authList,userStatusList,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -168,6 +192,7 @@ export default {
         gender: undefined,
         city: undefined,
       },
+      userAddUpdateDialogVisible: false
     };
   },
   created() {
@@ -199,6 +224,13 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    handleUpdate(row){
+      this.userAddUpdateDialogVisible = true
+      this.$nextTick(() => {
+        const id = row.id || this.ids
+        this.$refs.userAddUpdateDialog.init(id)
+      })
+    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;

src/views/cai/user/user-add-update-dialog.vue

@@ -0,0 +1,100 @@
+<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="100px">
+      <el-form-item label="昵称" prop="nickname">
+        <el-input v-model="form.nickname" placeholder="请输入昵称" />
+      </el-form-item>
+      <el-form-item label="头像" prop="avatar">
+        <image-upload v-model="form.avatar"/>
+      </el-form-item>
+      <el-form-item label="工会管理员" prop="isUnion">
+        <el-radio-group v-model="form.isUnion">
+          <el-radio :label="1">是</el-radio>
+          <el-radio :label="0">否</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="可发动态" prop="sendDynamic">
+        <el-radio-group v-model="form.sendDynamic">
+          <el-radio :label="1">是</el-radio>
+          <el-radio :label="0">否</el-radio>
+        </el-radio-group>
+      </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 ImageUpload from '@/components/ImageUpload/index'
+import { addBanner, getBanner, updateBanner } from '@/api/cai/banner'
+import { addUser, getUser, updateUser } from '@/api/cai/user'
+
+export default {
+  components: {
+    ImageUpload,
+  },
+  data () {
+    return {
+      open: false,
+      title: '',
+      form:{
+        id: undefined,
+        nickname: undefined,
+        avatar: undefined,
+        isUnion: undefined,
+        sendDynamic: undefined,
+      },
+      // 表单校验
+      rules: {
+        nickname: [
+          { required: true, message: "数据不能为空", trigger: "blur" }
+        ],
+        avatar: [
+          { required: true, message: "数据不能为空", trigger: "blur" }
+        ],
+        isUnion: [
+          { required: true, message: "数据不能为空", trigger: "change" }
+        ],
+        sendDynamic: [
+          { required: true, message: "数据不能为空", trigger: "blur" }
+        ]
+      },
+      buttonLoading: false,
+    }
+  },
+  created() {
+  },
+  methods: {
+    init (id) {
+      this.form.id = id || undefined;
+      this.title = "修改用户";
+      this.open = true;
+      this.$nextTick(() => {
+        this.$refs['form'].resetFields();
+        getUser(id).then(response => {
+          this.form = response.data;
+        });
+      })
+    },
+    // 表单提交
+    submitForm () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.buttonLoading = true;
+          updateUser(this.form).then(data => {
+            this.$modal.msgSuccess("修改成功");
+            this.buttonLoading = false;
+            this.open = false
+            this.$emit('refreshDataList')
+          }).finally(() => {
+            this.buttonLoading = false;
+          });
+        }
+      })
+    },
+  }
+}
+</script>

src/views/cai/userForbid/index.vue

@@ -0,0 +1,377 @@
+<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="封禁来源：1.账号  2.聊天" prop="sourceId">
+        <el-input
+          v-model="queryParams.sourceId"
+          placeholder="请输入封禁来源：1.账号  2.聊天"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="" prop="member">
+        <el-input
+          v-model="queryParams.member"
+          placeholder="请输入"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="封号时长  1.封6小时   2.封1天  3.封3天  4.封5天   5.封7天   6.封一个月  7.封10年 8 一小时 9 三小时 10 十二小时 " prop="forbidTime">
+        <el-input
+          v-model="queryParams.forbidTime"
+          placeholder="请输入封号时长  1.封6小时   2.封1天  3.封3天  4.封5天   5.封7天   6.封一个月  7.封10年 8 一小时 9 三小时 10 十二小时 "
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="开始时间" prop="beginTime">
+        <el-input
+          v-model="queryParams.beginTime"
+          placeholder="请输入开始时间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="结束时间" prop="endTime">
+        <el-input
+          v-model="queryParams.endTime"
+          placeholder="请输入结束时间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="原始用户ID(后台编辑用）" prop="originUid">
+        <el-input
+          v-model="queryParams.originUid"
+          placeholder="请输入原始用户ID(后台编辑用）"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="理由" prop="reason">
+        <el-input
+          v-model="queryParams.reason"
+          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 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:userForbid: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:userForbid: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:userForbid: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:userForbid:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="userForbidList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="" align="center" prop="id" v-if="true"/>
+      <el-table-column label="类型  ：1 封用户uid  2.封设备uuid  3.imei 4.mac" align="center" prop="type" />
+      <el-table-column label="封禁来源：1.账号  2.聊天" align="center" prop="sourceId" />
+      <el-table-column label="" align="center" prop="member" />
+      <el-table-column label="封号时长  1.封6小时   2.封1天  3.封3天  4.封5天   5.封7天   6.封一个月  7.封10年 8 一小时 9 三小时 10 十二小时 " align="center" prop="forbidTime" />
+      <el-table-column label="开始时间" align="center" prop="beginTime" />
+      <el-table-column label="结束时间" align="center" prop="endTime" />
+      <el-table-column label="原始用户ID(后台编辑用）" align="center" prop="originUid" />
+      <el-table-column label="理由" align="center" prop="reason" />
+      <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:userForbid:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['cai:userForbid: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="封禁来源：1.账号  2.聊天" prop="sourceId">
+          <el-input v-model="form.sourceId" placeholder="请输入封禁来源：1.账号  2.聊天" />
+        </el-form-item>
+        <el-form-item label="" prop="member">
+          <el-input v-model="form.member" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="封号时长  1.封6小时   2.封1天  3.封3天  4.封5天   5.封7天   6.封一个月  7.封10年 8 一小时 9 三小时 10 十二小时 " prop="forbidTime">
+          <el-input v-model="form.forbidTime" placeholder="请输入封号时长  1.封6小时   2.封1天  3.封3天  4.封5天   5.封7天   6.封一个月  7.封10年 8 一小时 9 三小时 10 十二小时 " />
+        </el-form-item>
+        <el-form-item label="开始时间" prop="beginTime">
+          <el-input v-model="form.beginTime" placeholder="请输入开始时间" />
+        </el-form-item>
+        <el-form-item label="结束时间" prop="endTime">
+          <el-input v-model="form.endTime" placeholder="请输入结束时间" />
+        </el-form-item>
+        <el-form-item label="原始用户ID(后台编辑用）" prop="originUid">
+          <el-input v-model="form.originUid" placeholder="请输入原始用户ID(后台编辑用）" />
+        </el-form-item>
+        <el-form-item label="理由" prop="reason">
+          <el-input v-model="form.reason" placeholder="请输入理由" />
+        </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 { listUserForbid, getUserForbid, delUserForbid, addUserForbid, updateUserForbid } from "@/api/cai/userForbid";
+
+export default {
+  name: "UserForbid",
+  data() {
+    return {
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 封号列表表格数据
+      userForbidList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: undefined,
+        sourceId: undefined,
+        member: undefined,
+        forbidTime: undefined,
+        beginTime: undefined,
+        endTime: undefined,
+        originUid: undefined,
+        reason: undefined
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        id: [
+          { required: true, message: "不能为空", trigger: "blur" }
+        ],
+        type: [
+          { required: true, message: "类型  ：1 封用户uid  2.封设备uuid  3.imei 4.mac不能为空", trigger: "change" }
+        ],
+        sourceId: [
+          { required: true, message: "封禁来源：1.账号  2.聊天不能为空", trigger: "blur" }
+        ],
+        member: [
+          { required: true, message: "不能为空", trigger: "blur" }
+        ],
+        forbidTime: [
+          { required: true, message: "封号时长  1.封6小时   2.封1天  3.封3天  4.封5天   5.封7天   6.封一个月  7.封10年 8 一小时 9 三小时 10 十二小时 不能为空", trigger: "blur" }
+        ],
+        beginTime: [
+          { required: true, message: "开始时间不能为空", trigger: "blur" }
+        ],
+        endTime: [
+          { required: true, message: "结束时间不能为空", trigger: "blur" }
+        ],
+        createTime: [
+          { required: true, message: "不能为空", trigger: "blur" }
+        ],
+        originUid: [
+          { required: true, message: "原始用户ID(后台编辑用）不能为空", trigger: "blur" }
+        ],
+        reason: [
+          { required: true, message: "理由不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询封号列表列表 */
+    getList() {
+      this.loading = true;
+      listUserForbid(this.queryParams).then(response => {
+        this.userForbidList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        type: undefined,
+        sourceId: undefined,
+        member: undefined,
+        forbidTime: undefined,
+        beginTime: undefined,
+        endTime: undefined,
+        createTime: undefined,
+        originUid: undefined,
+        reason: 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
+      getUserForbid(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) {
+            updateUserForbid(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          } else {
+            addUserForbid(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 delUserForbid(ids);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('cai/userForbid/export', {
+        ...this.queryParams
+      }, `userForbid_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>