交易明细页面

front-vue/src/views/system/accInf/accInfDetail.vue

@@ -0,0 +1,207 @@
+<template>
+  <div class="app-container zap-main">
+    <el-table class="zap-table" v-loading="loading" :data="detailList" @selection-change="handleSelectionChange" stripe>
+      <el-table-column label="序号" type="index" width="55" align="center" />
+      <!-- <el-table-column label="开户行" align="center" prop="paiBankName" /> -->
+      <!-- <el-table-column label="账户类型" :formatter="formulaFormat" align="center" prop="paiAcctype"/>
+      <el-table-column label="账户卡号" align="center" prop="paiAccno" />
+      <el-table-column label="账户状态" :formatter="formulaFormatSend" align="center" prop="paiStatus" /> -->
+    </el-table>
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-sizes="[5, 10, 20, 40]" 
+      :page-size="pagesize"         
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">    
+    </el-pagination>
+    <!-- <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="pageNum"
+      :limit.sync="pageSize"
+      @pagination="listElectronicsAcc"
+    /> -->
+  </div>
+</template>
+
+<script>
+import { balance,transferDetailed } from "@/api/bank/bankInterface";
+import { listElectronicsAcc } from "@/api/common/companyAcc";
+import { release } from 'os';
+import Cookies from 'js-cookie';
+export default {
+  name: "accInfDetail",
+  data() {
+    return {
+      //可用余额
+      KYAMT: null,
+      //电子账户
+      accno: null,
+      // id隐藏
+      isShow: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      //联系人隐藏
+      disabled: false,
+      disableds: false,
+      // 总条数
+      total: 0,
+      currentPage:1, //初始页
+      pagesize:10,    //    每页的数据
+      // 账户表格数据
+      detailList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 是否显示弹出层
+      edit: false,
+      // 是否显示弹出层
+      recharge: false,
+      // 是否显示弹出层
+      withdrawal: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        scyName: null,
+        smiType: null,
+        smiManager: null,
+        smiContract: null,
+        smiContractPhone: null,
+        sfsContent: null,
+        sfsIsDel: null,
+        sfsRemark: null,
+        ssId: null,
+        ssName: null,
+      },
+      // 表单参数
+      form: {},
+    };
+  },
+  created() {
+    //this.createBeginDate();
+    this.listElectronicsAcc();
+    
+    // this.getList();
+    // this.getBankList();
+    // this.getDicts("pay_pai_acctype").then((response) => {
+    //   this.formulaOptions = response.data;
+    // });
+    // this.getDicts("pay_pai_status").then((response) => {
+    //   this.formulaOptionsSend = response.data;
+    // });
+  },
+  methods: {
+    createBeginDate(){
+      var date = new Date();
+      date.setMonth(date.getMonth()-3);
+      date.toLocaleDateString();
+      var y = date.getFullYear();
+      var m = date.getMonth() + 1;
+      m = m < 10 ? ('0' + m) : m;
+      var d = date.getDate();
+      d = d < 10 ? ('0' + d) : d;
+      const time = y+ m+ (d +1)
+      console.log(time);
+      return time;
+    },
+    //查询本企业电子账户   
+    listElectronicsAcc(){
+      var self =this;
+      self.loading = true;
+      listElectronicsAcc().then((response) =>{
+        if(response.data[0]){
+          //查询本企业电子账户余额
+          self.accno = response.data[0].paiAccno;
+          balance(response.data[0].paiAccno).then((response) =>{
+            self.KYAMT = response.data.list.row.KYAMT
+          })
+          console.log(self.accno,"卡号")
+          //查询交易明细
+          var map = {'startRecord' : '1','pageNumber' : '10','accNo' : self.accno,'startDate': self.createBeginDate(),'endDate': self.parseTime(new Date(),"{y}{m}{d}")}
+          transferDetailed(map).then((response) =>{
+            debugger
+            self.detailList = response.data.list.row;
+            self.total = response.data.list.row.length;
+            self.loading = false;
+            // this.total = response.data.list.row.length;
+          }).catch(response => {
+          self.loading = false;
+          });
+        }else{
+          self.loading = false
+        }
+      }).catch(response => {
+          self.loading = false;
+        });
+    },
+    // 初始页currentPage、初始每页数据数pagesize和数据data
+    handleSizeChange: function (size) {
+            this.pagesize = size;
+            console.log(this.pagesize)  //每页下拉显示数据
+    },
+    handleCurrentChange: function(currentPage){
+            this.currentPage = currentPage;
+            console.log(this.currentPage)  //点击第几页
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        scyId: null,
+        scyName: null,
+        smiType: null,
+        smiManager: null,
+        smiContract: null,
+        smiContractPhone: null,
+        sfsContent: null,
+        sfsIsDel: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        sfsRemark: null,
+        ssId: null,
+        ssName: null,
+        amount: null
+      };
+      this.noneBtnImg = false;
+      this.enclosureList = [];
+      this.sfzList = [];
+      this.resetForm("form");
+      this.accno = null,
+      this.KYAMT = null
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.scyId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+  },
+};
+</script>