first commit

src/views/integral/exchangeList.vue

@@ -0,0 +1,320 @@
+<template>
+  <div>
+    <div style="display: inline-block;">
+      <span>开始时间：</span>
+      <el-date-picker style="width: 160px;margin-left: 10px;" v-model="startTime" align="right" type="date"
+        format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间">
+      </el-date-picker>&nbsp;&nbsp;&nbsp;
+      <span>截止时间：</span>
+      <el-date-picker style="width: 160px;margin-left: 10px;" v-model="endTime" align="right" type="date"
+        format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择截止时间">
+      </el-date-picker>
+      <el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="timeDate2">
+        查询</el-button>
+    </div>
+    <el-table v-loading="tableDataLoading" :data="tableData.list">
+      <el-table-column prop="id" label="编号" width="50"></el-table-column>
+      <el-table-column prop="userName" label="用户名">
+        <template slot-scope="scope">
+          <span style="color: #f56c6c;cursor:pointer" @click="updates(scope.row)">{{ scope.row.userName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="orderId" label="充值订单号" width="200"></el-table-column>
+      <el-table-column prop="money" label="充值金额"></el-table-column>
+      <el-table-column prop="userId" label="会员编号"></el-table-column>
+      <el-table-column label="分类">
+        <template slot-scope="scope">
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 1">app微信</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 2">微信公众号</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 3">微信小程序</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 4">app支付宝</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 5">h5支付宝</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 6">抖音</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 7">苹果支付</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 8">快手支付</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.classify == 9">系统充值</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态">
+        <template slot-scope="scope">
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.state == 0">待支付</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.state == 1">支付成功</span>
+          <span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.state == 2">支付失败</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="创建时间" width="170">
+      </el-table-column>
+      <el-table-column prop="payTime" label="支付时间" width="170">
+      </el-table-column>
+    </el-table>
+    <div style="text-align: center;margin-top: 10px;">
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+        :page-sizes="[10, 20, 30, 50, 100]" :page-size="limit" :current-page="page"
+        layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
+      </el-pagination>
+    </div>
+    <el-dialog :title="title" :visible.sync="dialogFormVisible" center>
+      <div style="margin-bottom: 10px;display: flex;">
+        <span style="width: 200px;display: inline-block;text-align: right;">图片：</span>
+        <div
+          style=" width:148px;height:148px;border: 1px dashed #c0ccda;border-radius: 6px;text-align: center;line-height: 148px;">
+          <el-upload class="avatar-uploader" v-model="memberImg" :action="$http.adornUrl('alioss/upload')"
+            :show-file-list="false" :on-success="handleAvatarSuccess">
+            <img v-if="memberImg" :src="memberImg" class="avatar"
+              style="border-radius: 6px;width: 148px;height: 148px;" />
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </div>
+      </div>
+      <div style="margin-bottom: 10px;">
+        <span style="width: 200px;display: inline-block;text-align: right;">名称：</span>
+        <el-input style="width:50%;" v-model="memberName" placeholder="请输入名称"></el-input>
+      </div>
+      <div style="margin-bottom: 10px;">
+        <span style="width: 200px;display: inline-block;text-align: right;">排序：</span>
+        <el-input style="width:50%;" v-model="sort" placeholder="请输入排序"
+          onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addNoticeTo()">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        page: 1,
+        limit: 10,
+        tableDataLoading: true,
+        dialogFormVisible: false,
+        tableData: [],
+        memberName: '',
+        memberImg: '',
+        memberId: '',
+        sort: '',
+        title: '添加',
+        startTime: '',
+        endTime: '',
+        info: {
+          stockDate: this.getNowTime(), //日期
+        },
+        info2: {
+          stockDate2: this.getNowTime2(), //日期
+        },
+      }
+    },
+    methods: {
+      //处理默认选中当前日期
+      getNowTime() {
+        var now = new Date()
+        var year = now.getFullYear() //得到年份
+        var month = now.getMonth() //得到月份
+        var date = now.getDate() //得到日期
+        month = month + 1
+        month = month.toString().padStart(2, '0')
+        date = date.toString().padStart(2, '0')
+        var defaultDate = `${year}-${month}-${date}`
+        return defaultDate
+        this.$set(this.info, 'stockDate', defaultDate)
+      },
+      //处理默认选中当前日期
+      getNowTime2() {
+        var now = new Date()
+        var year = now.getFullYear() //得到年份
+        var month = now.getMonth() - now.getMonth() //得到月份
+        var date = now.getDate() - now.getDate() + 1 //得到日期
+        month = month + 1
+        month = month.toString().padStart(2, '0')
+        date = date.toString().padStart(2, '0')
+        var defaultDate = `${year}-${month}-${date}`
+        return defaultDate
+        this.$set(this.info, 'stockDate', defaultDate)
+      },
+      // 详情跳转
+      updates(row) {
+        this.$router.push({
+          path: '/userDetail',
+          query: {
+            userId: row.userId
+          }
+        })
+      },
+      // 获取数据列表
+      dataSelect() {
+
+        this.tableDataLoading = true
+        if (this.endTime == '') {
+          this.endTime = this.info.stockDate
+        }
+        if (this.startTime == '') {
+          this.startTime = this.info2.stockDate2
+        }
+        this.$http({
+          url: this.$http.adornUrl('cash/selectUserRechargeByUserId'),
+          method: 'get',
+          params: this.$http.adornParams({
+            'page': this.page,
+            'limit': this.limit,
+            'endTime': this.endTime,
+            'startTime': this.startTime,
+          })
+        }).then(({
+          data
+        }) => {
+          if (data && data.code === 0) {
+            console.log('会员列表', data)
+            this.tableDataLoading = false
+            let returnData = data.data;
+            this.tableData = returnData;
+          }
+
+        })
+      },
+      timeDate2() {
+        this.dataSelect()
+      },
+      //上传成功
+      handleAvatarSuccess(file) {
+        this.memberImg = file.data
+      },
+      addNotice() {
+        this.dialogFormVisible = true
+      },
+      handleCurrentChange(val) {
+        this.page = val
+        this.dataSelect()
+      },
+      handleSizeChange(val) {
+        this.limit = val
+        this.dataSelect()
+      },
+      // 添加banner图
+      addNoticeTo() {
+        if (this.memberImg == '') {
+          this.$notify({
+            title: '提示',
+            duration: 1800,
+            message: '请上传图片',
+            type: 'warning'
+          });
+          return
+        }
+        if (this.memberName == '') {
+          this.$notify({
+            title: '提示',
+            duration: 1800,
+            message: '请输入名称',
+            type: 'warning'
+          });
+          return
+        }
+        this.classify = 1
+        if (this.title == '添加') {
+          var url = 'member/insertMember'
+        } else {
+          var url = 'member/updateMember'
+        }
+        this.$http({
+          url: this.$http.adornUrl(url),
+          method: 'post',
+          data: this.$http.adornData({
+            'memberImg': this.memberImg,
+            'memberId': this.memberId,
+            'memberName': this.memberName,
+            'sort': this.sort
+          })
+        }).then(({
+          data
+        }) => {
+          this.dialogFormVisible = false
+          this.$message({
+            message: '操作成功',
+            type: 'success',
+            duration: 1500,
+            onClose: () => {
+              this.memberImg = ''
+              this.memberId = ''
+              this.memberName = ''
+              this.sort = ''
+              this.title = '添加'
+              this.dataSelect()
+            }
+          })
+        })
+      },
+      // 修改
+      amendBanner(index, rows, a) {
+        if (a == 1) {
+          this.pl = 1
+        } else {
+          this.pl = 0
+        }
+        this.dialogFormVisible = true
+        this.id = rows.id
+        this.memberImg = rows.memberImg
+        this.memberId = rows.memberId
+        this.sort = rows.sort
+        this.memberName = rows.memberName
+        this.title = '修改'
+      },
+      // 修改
+      amendNoticeTo() {
+        this.$http({
+          url: this.$http.adornUrl(
+            `?memberId=${this.memberId}&memberImg=${this.memberImg}&sort=${this.sort}&memberName=${this.memberName}`
+          ),
+          method: 'post',
+          data: this.$http.adornData({})
+        }).then(({
+          data
+        }) => {
+          this.dialogFormVisible = false
+          this.$message({
+            message: '操作成功',
+            type: 'success',
+            duration: 1500,
+            onClose: () => {
+              this.dataSelect()
+            }
+          })
+        })
+      },
+      //删除一级
+      deletes(row) {
+        let delid = row.memberId
+        this.$confirm(`确定删除此条信息?`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$http({
+            url: this.$http.adornUrl(`member/deleteMemberById/?memberId=${delid}`),
+            method: 'post',
+            data: this.$http.adornData({})
+          }).then(({
+            data
+          }) => {
+            this.$message({
+              message: '删除成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.dataSelect()
+              }
+            })
+          })
+        }).catch(() => {})
+      },
+    },
+    mounted() {
+      this.dataSelect()
+    }
+  }
+</script>
+
+<style>
+</style>