充值记录接口已完成

src/views/recharge/recharge.vue

@@ -1,46 +1,21 @@
 <template>
   <div>
     <div style="display: inline-block;">
-      <span>状态：</span>
-      <el-select
-        v-model="successFlag"
-        style="width:150px;margin-left: 10px;"
-        @change="select()"
-      >
-        <el-option
-          v-for="item in statesnum2"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option> </el-select
+      <span>充值订单号：</span>
+      <el-input
+        style="width: 200px;"
+        placeholder="请输入充值订单号"
+        v-model="orderNo"
       >
+      </el-input>
       <div style="margin:5px;display: inline-block;">
-        <span>开始时间：</span>
-        <el-date-picker
-          style="width: 160px;margin-left: 10px;"
-          v-model="startTime"
-          align="right"
-          type="datetime"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-          placeholder="选择开始时间"
+        <span>被充值账号：</span>
+        <el-input
+          style="width: 200px;"
+          placeholder="请输入被充值账号"
+          v-model="phone"
         >
-        </el-date-picker
-        >&nbsp;&nbsp;&nbsp;
-      </div>
-      <div style="margin:5px;display: inline-block;">
-        <span>截止时间：</span>
-        <el-date-picker
-          style="width: 160px;margin-left: 10px;"
-          v-model="endTime"
-          align="right"
-          type="datetime"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-          placeholder="选择截止时间"
-        >
-        </el-date-picker>
+        </el-input>
       </div>
       <el-button
         style="margin-left:15px;"
@@ -58,41 +33,66 @@
         @click="cleans"
         >重置
       </el-button>
+      <el-button
+        style="margin-left:15px;"
+        size="mini"
+        type="primary"
+        icon="document"
+        @click="exportList"
+        >导出
+      </el-button>
     </div>
     <el-table v-loading="tableDataLoading" :data="duanxinData.list">
-      <el-table-column fixed prop="complaintId" label="编号" width="100">
+      <el-table-column label="编号" width="100" align="center">
         <template slot-scope="scope">
           <span>{{ scope.$index + 1 }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="orderId" label="任务名称" align="center">
+      <el-table-column prop="orderNo" label="充值订单号" align="center">
       </el-table-column>
-      <el-table-column prop="successFlag" label="导出时间" align="center">
+      <el-table-column prop="amount" label="充值金额" align="center">
       </el-table-column>
       <el-table-column
-        prop="sendContent"
-        label="导出id"
+        prop="oldMoney"
+        label="充值前余额"
         align="center"
       ></el-table-column>
       <el-table-column
-        prop="sendResult"
-        label="导出条件"
+        prop="balance"
+        label="充值后余额"
         align="center"
       >
       </el-table-column>
       <el-table-column
-        prop="sendTo"
-        label="文件大小"
+        prop="userPhone"
+        label="被充值账号"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="createTime"
+        label="充值时间"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="account"
+        label="充值人"
         align="center"
       ></el-table-column>
       <el-table-column
-        prop="sendFromShopName"
-        label="状态"
+        prop="remark"
+        label="备注"
         align="center"
       ></el-table-column>
       <el-table-column label="操作" width="150" align="center">
         <template slot-scope="scope">
-          <span>下载</span>
+            <el-button
+              size="mini"
+              type="primary"
+              @click="remarkClick(scope.row)"
+              style="margin: 5px;"
+            >
+              修改备注
+            </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -108,6 +108,41 @@
       >
       </el-pagination>
     </div>
+     <!-- 备注修改 -->
+    <el-dialog  custom-class="remark" :visible.sync="dialogFormVisible" center title="修改备注">
+      <div class="con">
+        <span>备注：</span>
+        <el-input
+          style="width: 300px;"
+          placeholder="请输入备注"
+          v-model="remark"
+          type="textarea"
+          show-word-limit
+          :rows="4"
+        >
+        </el-input>
+      </div>
+      <div class="btn">
+        <el-button type="primary" @click="updataRemark">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 导出限制 -->
+    <el-dialog  custom-class="export" :visible.sync="exportVisible" center :title="exportTitle">
+      <div class="con" v-show="exportFlag==1">
+        <img src="../../assets/img/error.png" alt="">
+        <span style="font-size:20px;color: #000;font-weight: 800;margin: 18px 0 5px;">当前导出条数超过10000条，暂不支持导出</span>
+        <span style="font-size:14px;color: #808080;">（注：数据中的图片、附件只能以链接的形式导出）</span>
+      </div>
+      <div class="con" v-show="exportFlag==2">
+        <img src="../../assets/img/loading.png" alt="">
+        <span style="font-size:20px;color: #000;font-weight: 800;margin: 18px 0 5px;">导出中...</span>
+        <span style="font-size:14px;color: #808080;">（注：请到个人导出记录查看并下载）</span>
+      </div>
+      <div class="btn">
+        <el-button type="primary" @click="exportAffirm">确定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -120,48 +155,20 @@ export default {
       activeName: "first",
       tableDataLoading: false,
       dialogFormVisible: false,
-      tableData: [],
       checkBoxData: [], //多选框选择的值
-      helpTakeId: "",
-      info: {
-        stockDate: this.getNowTime() //日期
-      },
-      info1: {
-        stockDate1: this.getNowTime1() //日期
-      },
-      info2: {
-        stockDate2: this.getNowTime2() //日期
-      },
-      startTime: "",
-      endTime: "",
-      orderId: "",
-      sendTo: "",
-      fromTo: "",
-      statesnum2: [
-        {
-          label: "全部",
-          value: ""
-        },
-        {
-          label: "发送成功",
-          value: 1
-        },
-        {
-          label: "发送失败",
-          value: 0
-        }
-      ],
-      successFlag: "",
-      duanxinData: []
-      // info: {
-      // 	stockDate: this.getNowTime(), //日期
-      // },
-      // info1: {
-      // 	stockDate1: this.getNowTime1(), //日期
-      // },
-      // info2: {
-      // 	stockDate2: this.getNowTime2(), //日期
-      // },
+
+      orderNo:'',// 充值订单号
+      phone:"",// 被充值账号
+
+      duanxinData: [],
+
+      id:'',
+      remark:'',
+
+      // 导出限制
+      exportTitle:'导出错误',
+      exportVisible:false,
+      exportFlag:1,//1 超出限制  2导出中
     };
   },
   methods: {
@@ -173,67 +180,20 @@ export default {
       this.page = val;
       this.dataSelect();
     },
-    //处理默认选中当前日期
-    getNowTime1() {
-      var now = new Date();
-      var year = now.getFullYear(); //得到年份
-      var month = now.getMonth(); //得到月份
-      var date = now.getDate(); //得到日期
-      var hh = now.getHours() < 10 ? "0" + now.getHours() : now.getHours();
-      var mm =
-        now.getMinutes() < 10 ? "0" + now.getMinutes() : now.getMinutes();
-      var ss =
-        now.getSeconds() < 10 ? "0" + now.getSeconds() : now.getSeconds();
-      month = month + 1;
-      month = month.toString().padStart(2, "0");
-      date = date.toString().padStart(2, "0");
-      var defaultDate = `${year}-${month}-${date} ${hh}:${mm}:${ss}`;
-      return defaultDate;
-      this.$set(this.info, "stockDate", defaultDate);
-    },
-    getNowTime2() {
-      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);
-    },
-    //处理默认选中当前日期
-    getNowTime() {
-      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);
-    },
     // 查询
     select() {
       this.page = 1;
       this.limit = 10;
-      // this.dataSelect();
+      this.dataSelect();
     },
     // 重置
     cleans() {
-      this.orderId = "";
-      this.successFlag = "";
-      this.sendTo = "";
-      this.fromTo = "";
-      this.startTime = "";
-      this.endTime = "";
+      this.orderNo = "";
+      this.phone = "";
       this.page = 1;
-      // this.dataSelect();
+      this.dataSelect();
     },
-    // 获取派单数据列表
+    // 数据列表
     dataSelect() {
       // if (this.endTime == '') {
       // 	  this.endTime = this.info2.stockDate2
@@ -243,38 +203,97 @@ export default {
       //   }
       this.tableDataLoading = true;
       this.$http({
-        url: this.$http.adornUrl("admin/tb-indent-sms/log"),
+        url: this.$http.adornUrl("admin/dataCentre/getRecordList"),
         method: "get",
         params: this.$http.adornParams({
           page: this.page,
           limit: this.limit,
-          orderId: this.orderId, //订单id
-          successFlag: this.successFlag, //是否发送成功
-          sendTo: this.sendTo, //接受人
-          fromTo: this.fromTo, //发送骑手
-          startTime: this.startTime, //开始时间
-          endTime: this.endTime, //结束时间
-          sourceType: 2 //1骑手、2商家，默认为1
+          orderNo:this.orderNo,
+          phone:this.phone
         })
       }).then(({ data }) => {
         if (data && data.code === 0) {
           this.tableDataLoading = false;
-          for (var i in data.data.list) {
-            if (data.data.list[i].imgs) {
-              data.data.list[i].imgs = data.data.list[i].imgs.split(",");
-            }
-          }
           let returnData = data.data;
           this.duanxinData = returnData;
-          console.log(data.data,'商家短信列表');
+          console.log(data.data,'充值记录列表');
+        }
+      });
+    },
+    // 修改备注
+    remarkClick(row){
+      this.dialogFormVisible=true
+      this.id=row.id;
+      this.remark=row.remark
+    },
+    updataRemark(){
+      this.$http({
+        url: this.$http.adornUrl("admin/dataCentre/updateRecordById"),
+        method: "get",
+        params: this.$http.adornParams({
+          id: this.id,
+          remark: this.remark,
+        })
+      }).then(({ data }) => {
+        console.log(data,'修改备注');
+        if (data && data.code === 0) {
+          this.dialogFormVisible = false;
+          this.dataSelect()
         }
       });
+    },
+
+    exportList(){
+      this.exportVisible=true
+      if(this.duanxinData.totalCount.length>=10){
+        this.exportTitle='导出错误'
+        this.exportFlag=1
+      }else{
+        this.exportTitle='导出中'
+        this.exportFlag=2
+        this.exportVisible=true
+      }
+    },
+    exportAffirm(){
+      this.exportVisible=false
     }
   },
   mounted() {
-    // this.dataSelect();
+    this.dataSelect();
   },
 };
 </script>
 
-<style></style>
+<style scoped>
+  >>> .remark{
+    width: 400px;
+
+  }
+  >>> .remark .con{
+      display: flex;
+      margin-bottom: 20px;
+    }
+  >>> .remark .btn{
+    display: flex;
+    flex-direction: row-reverse;
+  }
+
+  /* 导出限制 */
+  >>> .export{
+    width: 500px;
+  }
+  >>> .export .con{
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      margin-bottom: 20px;
+    }
+    >>> .export img{
+     width: 70px;
+    }
+  >>> .export .btn{
+    display: flex;
+    flex-direction: row-reverse;
+  }
+</style>