From 936e971144c53f17719fb7dcc379319e083a9356 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=81=E4=B8=83?= <2390744110@qq.com>
Date: Fri, 17 Jun 2022 18:04:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=85=E5=80=BC=E9=A1=B5=E9=9D=A2=E5=AD=97?=
 =?UTF-8?q?=E7=AC=A6=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../eashier/collectionList/collectionList.vue | 3074 ++++++++---------
 .../collectionList/components/detail.vue      |  654 ++--
 2 files changed, 1864 insertions(+), 1864 deletions(-)

diff --git a/src/pages/eashier/collectionList/collectionList.vue b/src/pages/eashier/collectionList/collectionList.vue
index ef70a0f..701946a 100644
--- a/src/pages/eashier/collectionList/collectionList.vue
+++ b/src/pages/eashier/collectionList/collectionList.vue
@@ -1,1537 +1,1537 @@
-<template>
-  <div class="collection">
-    <div class="flex justify-start align-start flex-wrap padding-top">
-      <el-form :model="form" :inline="true" label-width="80px">
-        <el-form-item label="手机号码:">
-          <div class="form-width-ms">
-            <el-input style="padding-left:0px;" ref="" oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*" maxlength="11" v-model="form.mobilePhone" @blur="query" @change="query">
-              <el-button size="mini" slot="append" icon="el-icon-search" @click="openMember"></el-button>
-            </el-input>
-          </div>
-        </el-form-item>
-        <el-form-item label="会员名称:">
-          <div class="form-width-ms">
-            <span v-if="form.memberName">
-              <span>{{ form.memberName }}</span>
-              <i v-if="form.sex==1" class="el-icon-male text-blue"></i>
-              <i v-if="form.sex==0" class="el-icon-female text-pink"></i>
-            </span>
-            <el-button v-else size="mini" type="text" @click="openAddMember">添加会员</el-button>
-          </div>
-        </el-form-item>
-        <el-form-item v-if="sessionStorageData.recDebt&&debtMoneys" label="以往欠款:">
-          <div class="form-width-ms">
-            {{ debtMoneys }}
-            <el-button size="mini" type="text" @click="openMoney()" v-show="debtMoneys != 0">去还款</el-button>
-          </div>
-        </el-form-item>
-        <el-form-item label="业务时间:" v-if="isAddition==1">
-          <div class="form-width-ms">
-            <el-date-picker ref="recDate" class="form-width-ms" v-model="form.additionDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期">
-            </el-date-picker>
-          </div>
-        </el-form-item>
-        <br />
-        <el-form-item label="充值方式:">
-          <div class="form-width-ms  flex align-center text-cyan">
-            <el-radio-group v-model="liftType" size="mini" style="padding-top:3px;" @change="radioChange">
-              <el-radio-button :label="0">标准</el-radio-button>
-              <el-radio-button :label="1">升卡</el-radio-button>
-              <el-radio-button :label="2">降卡</el-radio-button>
-            </el-radio-group>
-          </div>
-        </el-form-item>
-        <el-form-item label="会员账户:">
-          <div class="form-width-ms">
-            <el-select v-model="form.recName" v-if="liftType!=0" placeholder="请选择" default-first-option filterable @change="recChange" clearable>
-              <el-option v-for="(item,index) in recList" :key="index" :label="item.rechargeTypeName" :value="item.rechargeTypeId">
-              </el-option>
-            </el-select>
-            <div v-else>标准充值</div>
-          </div>
-        </el-form-item>
-        <el-form-item label="充值类别:">
-          <div class="form-width-ms" @click="openRec(liftType)">
-            <el-button v-if="!form.rechargeTypeName" size="mini" type="text">选择</el-button>
-            <div class="text-cut" :title="form.rechargeTypeName" v-else>
-              <span>{{ form.rechargeTypeName }}</span>
-              <i class="el-icon-edit text-cyan"></i>
-            </div>
-          </div>
-        </el-form-item>
-        <br />
-        <el-form-item label="标准金额:">
-          <div class="form-width-ms">
-            <span class="text-red text-price">{{ form.rechargeAmount }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="待付金额:">
-          <div class="form-width-ms">
-            <span class="text-green text-price">{{ form.debtMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="实付金额:">
-          <div class="form-width-ms">
-            <span class="text-red text-price">{{ form.collectionAmount }}</span>
-          </div>
-        </el-form-item>
-        <br />
-        <el-form-item label="充前金额:">
-          <div class="form-width-ms">
-            <span class="text-red text-price">{{ form.beforeMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="充前赠送:">
-          <div class="form-width-ms">
-            <span class="text-red text-price">{{ form.giftBeforeMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item v-show="sessionStorageData.recharge">
-          <div style="margin-left: 28px">
-            <el-checkbox style="display: inline-block" @change="checkintegral" v-model="form.integralCheckbox">
-              使用积分| 总积分:{{ integral }}
-            </el-checkbox>
-            <div v-show="form.integralCheckbox" style="color: red; display: inline-block">
-              | 可用积分:
-              <span v-show="!integralShow">{{ consumeIntegral }}</span>
-              <input v-model="consumeIntegral" v-show="integralShow" style="width: 60px; height: 28px" type="text" />
-              | 可兑换金额: ¥{{ integralMoney }}
-            </div>
-          </div>
-        </el-form-item>
-        <div v-show="sessionStorageData.recharge">
-          <el-form-item label="充后金额:">
-            <div class="form-width-ms">
-              <span class="text-red text-price">{{ form.afterMoney }}</span>
-            </div>
-          </el-form-item>
-          <el-form-item label="充后赠送:">
-            <div class="form-width-ms">
-              <span class="text-red text-price">{{ form.giftAfterMoney }}</span>
-            </div>
-          </el-form-item>
-          <el-form-item label="备注说明:">
-            <el-input v-model="form.description" type="textarea" placeholder="请填写说明" style="width: 300px" maxlength="200" :autosize="{ minRows: 1.5, maxRows: 3 }" show-word-limit></el-input>
-          </el-form-item>
-        </div>
-        <el-form-item label="充后金额:" v-show="!sessionStorageData.recharge">
-          <div class="form-width-ms">
-            <span class="text-red text-price">{{ form.afterMoney }}</span>
-          </div>
-        </el-form-item>
-        <br>
-        <el-form-item label="充后赠送:" v-show="!sessionStorageData.recharge">
-          <div class="form-width-ms">
-            <span class="text-red text-price">{{ form.giftAfterMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="备注说明:" v-show="!sessionStorageData.recharge">
-          <el-input v-show="!sessionStorageData.recharge" v-model="form.description" type="textarea" placeholder="请填写说明" style="width: 400px" maxlength="200" :autosize="{ minRows: 1.5, maxRows: 3 }" show-word-limit></el-input>
-        </el-form-item>
-      </el-form>
-      <div style="width: 280px" class="border-radius-10 border margin-right-xs  bg-white padding-xs">
-        <el-table :data="payLists" :summary-method="getSummaries" show-summary max-height="400">
-          <el-table-column align="center" prop="payName" label="支付方式" min-width="150"></el-table-column>
-          <el-table-column align="center" prop="payMoney" fixed="right" label="本次支付" width="120">
-            <template slot-scope="scope">
-              <div class="form-input-width" v-if="!scope.row.isShow" @click="editPay(scope.row, scope.$index)">
-                {{ scope.row.payMoney }}
-                <i class="el-icon-edit text-cyan"></i>
-              </div>
-              <el-input v-else v-focus size="samll" @blur="endEdit(scope.row)" @change="endEdit(scope.row)" v-model="scope.row.payMoney" class="form-input-width-xs" type="number" oninput="this.value=this.value.replace(/\D*(\d*)(\.?)(\d{0,2})\d*/,'$1$2$3')" pattern="[0-9]*\.?[0-9]{0,2}"></el-input>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div class="colle" :class="sessionStorageData.recharge?'colleInt':'colle'">
-      <el-collapse v-model="activeName" @change="collChange($event)">
-        <el-collapse-item title="员工/门店管理层/高管业绩" name="员工">
-          <div class="flex justify-center align-start flex-wrap margin-top-xs" style="width:100%">
-            <staffsles ref="staffsles" @staffslesData="staffslesData"></staffsles>
-            <admin ref="admin" @adminData="adminData"></admin>
-            <manager ref="manager" @managerData="managerData"></manager>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-    </div>
-    <div class="text-center colle-but padding-bottom-xs">
-      <el-button size="mini" type="info" plain @click="empty">清空</el-button>
-      <el-button size="mini" v-if="isAddition==0" type="primary" @click="isAddition = 1" v-role="5003002">补单</el-button>
-      <el-button size="mini" v-else type="success" @click="isAddition = 0">充值</el-button>
-      <el-button size="mini" type="primary" plain @click="getList(listDialogVisible = true)" v-role="5003001">列表 </el-button>
-      <el-button size="mini" type="primary" :loading="saveloading" @click="save(saveloading = true)" v-role="5003002">提交</el-button>
-    </div>
-
-    <div>
-      <!-- 保存列表弹窗 -->
-      <el-dialog :close-on-click-modal="false" v-dialogDrag title="列表" :visible.sync="listDialogVisible" width="80%" :close="close">
-        <div class="flex justify-between  padding-bottom-xs">
-          <el-date-picker style="width: 200px" v-model="selectDate" @change="getList" format="yyyy年 MM月" type="month" placeholder="选择日期"></el-date-picker>
-          <div class="flex">
-            <div class="form-width-m padding-right-xs">
-              <el-input size="medium" v-model="queryForm.rechargeNum" placeholder="输入单据号" clearable>
-              </el-input>
-            </div>
-            <div class="form-width-m padding-right-xs">
-              <el-input size="medium" v-model="queryForm.memberName" placeholder="输入会员名字" clearable>
-              </el-input>
-            </div>
-            <div class="form-width-m padding-right-xs">
-              <el-input size="medium" v-model="queryForm.mobilePhone" placeholder="输入会员手机号" oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*" maxlength="11" clearable></el-input>
-            </div>
-            <el-button size="mini" type="primary" plain @click="getList()">搜索</el-button>
-          </div>
-        </div>
-        <div style="max-height: 65vh; overflow: auto">
-          <el-table :data="pageInfo.lists" ref="pageInfo.lists" max-height="550" :header-cell-style="{
-              background: 'linear-gradient(#6cb3ff, #1873d4)',
-              color: '#eeeeee'
-            }" :row-style="changeRowBgColorByIsPay">
-            <el-table-column prop="tag" label="状态" width="70" fixed="left">
-              <template slot-scope="scope">
-                <el-tag :type="scope.row.isCancel == 1 ? 'primary' : 'success'">{{ scope.row.isCancel==0?'正常':'作废' }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" show-overflow-tooltip prop="rechargeNum" label="单号" min-width="110"></el-table-column>
-            <el-table-column align="center" show-overflow-tooltip prop="rechargeDate" label="日期" min-width="105"></el-table-column>
-            <el-table-column align="center" prop="isAddition" label="是否补单" min-width="50">
-              <template slot-scope="scope"><span class="text-red" v-show="scope.row.isAddition == 0">否</span><span class="text-green" v-show="scope.row.isAddition == 1">是</span></template>
-            </el-table-column>
-            <el-table-column align="center" prop="mobilePhone" label="手机号码" min-width="90"><template slot-scope="scope">
-                <div>{{ scope.row.mobilePhone | phone }}</div>
-              </template></el-table-column>
-            <el-table-column align="center" prop="memberName" label="会员名称" min-width="90"></el-table-column>
-            <el-table-column align="center" prop="rechargeTypeName" show-overflow-tooltip label="充值类别" min-width="120"></el-table-column>
-            <el-table-column align="center" prop="beforeMoney" label="充前金额" min-width="70"></el-table-column>
-            <el-table-column align="center" prop="collectionCashAmount" label="实付金额" min-width="70"></el-table-column>
-            <el-table-column align="center" prop="debtMoney" label="欠款" min-width="70"></el-table-column>
-            <el-table-column align="center" prop="afterMoney" label="充后金额" min-width="70"></el-table-column>
-            <el-table-column align="center" prop="inputBy" label="录单人" min-width="70"></el-table-column>
-            <!-- <el-table-column fixed="right" label="账户操作" align="center" width="90" v-if="sessionStorageData.allowValid == 1">
-              <template slot-scope="scope">
-                <el-button size="mini" type="success" :disabled="scope.row.isCancel === 1" @click="openPostpone(scope.row, (postponeDialog = true))" v-role="5003004">账户延期
-                </el-button>
-              </template>
-            </el-table-column> -->
-            <el-table-column fixed="right" label="操作" align="center" width="220">
-              <template slot-scope="scope" fixed="right">
-                <el-button @click="
-                    detail(scope.row)
-                  " size="mini" type="primary" plain v-role="5003003">明细</el-button>
-                <el-button @click="recCancel(scope.row)" size="mini" type="primary" :disabled="scope.row.isCancel === 1" v-role="5003003">作废</el-button>
-                <el-button size="mini" type="success" :disabled="scope.row.isCancel === 1" @click="print(scope.row, (printDialogVisible = true))" v-role="5003004">打印
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-          <div class="block" style="margin-top: 10px">
-            <!-- 分页组件 -->
-            <el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10, 20, 30, 40, 50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
-          </div>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button size="mini" type="primary" @click="close">关闭</el-button>
-        </span>
-      </el-dialog>
-      <el-dialog title="账户明细" :visible.sync="postponeDialog" :modal-append-to-body="true">
-        <el-form :model="postponeForm">
-          <el-form-item label="会员名称:" label-width="120px">
-            {{ postponeForm.memberName }}
-          </el-form-item>
-          <el-form-item label="账户名称:" label-width="120px">
-            <div class="searchDiv">
-              {{ postponeForm.rechargeTypeName }}
-            </div>
-          </el-form-item>
-          <el-form-item label="可用金额:" label-width="120px">
-            <div class="searchDiv">
-              {{ postponeForm.cardConsumeMoney }}
-            </div>
-          </el-form-item>
-          <el-form-item label="可用赠送金额:" label-width="120px">
-            <div class="searchDiv">
-              {{ postponeForm.giftConsumeMoney }}
-            </div>
-          </el-form-item>
-          <el-form-item label="账户到期日:" label-width="120px">
-            <div class="form-width-ms">
-              <span v-show="!recDateShow" @click="openDate((recDateShow = true))">{{ postponeForm.endTime }}
-                <el-button class="el-icon-edit" type="text" size="mini">修改</el-button>
-              </span>
-              <el-date-picker size="mini" @blur="recDateShow = false" v-show="recDateShow" ref="recDate" v-model="postponeForm.endTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
-            </div>
-          </el-form-item>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button size="mini" type="primary" plain @click="postponeDialog = false">取 消</el-button>
-          <el-button type="primary" size="mini" @click="endPostpone((postponeDialog = false))">确 定</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <!-- 注册 -->
-    <!-- add form -->
-    <div>
-      <el-dialog :close-on-click-modal="false" v-dialogDrag title="打印" :visible.sync="printDialogVisible" width="60%">
-        <div id="printTest" class="printDiv">
-          <div class="text-center padding-xs">
-            充值记录单
-          </div>
-          <hr />
-          <el-form :model="printForm" :inline="true">
-            <el-form-item label="门店:">
-              <div>{{ printForm.storeName }}</div>
-            </el-form-item>
-            <el-form-item label="时间:"> {{ printForm.rechargeDate }} </el-form-item><br />
-            <el-form-item label="单号:">
-              {{ printForm.rechargeNum }} </el-form-item><br />
-            <el-form-item label="会员:">
-              <div>
-                {{ printForm.memberName }}/{{ printForm.mobilePhone }}
-              </div>
-            </el-form-item><br />
-            <el-form-item label="充值类别:">
-              <div>{{ printForm.rechargeTypeName }}</div>
-            </el-form-item><br />
-
-            <el-form-item label="上次余额:">
-              <div style="width: 35px">{{ printForm.beforeMoney }}</div>
-            </el-form-item>
-            <el-form-item label="赠送金额:">
-              <div>{{ printForm.giftBeforeMoney }}</div>
-            </el-form-item>
-            <br />
-            <el-form-item label="本次余额:">
-              <div style="width: 35px">{{ printForm.afterMoney }}</div>
-            </el-form-item>
-            <el-form-item label="赠送余额:">
-              <div>{{ printForm.giftAfterMoney }}</div>
-            </el-form-item>
-            <hr style="margin-top:5px">
-            <el-table :data="printForm.payLists" style="width: 180px;">
-              <el-table-column align="left" prop="payName" label="付款方式" width="95"></el-table-column>
-              <el-table-column align="center" prop="payMoney" label="支付" width="75"></el-table-column>
-            </el-table>
-            <br />
-            <br />
-            <el-form-item label="签名:">
-              <!-- <div style="height:30px;width:150px;border-bottom:1px solid #333"> </div> -->
-            </el-form-item><br />
-            <el-form-item label="服务热线:">
-              {{ printForm.telephone }} </el-form-item><br />
-            <el-form-item>
-              {{ printForm.printDate | dateFormat }}
-            </el-form-item>
-            <br /><br />
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button size="mini" type="primary" plain @click="printDialogVisible = false">取 消</el-button>
-          <el-button size="mini" type="primary" v-print="'#printTest'">打 印</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <addmember ref="addmember" @editData="memberAdd"></addmember>
-    <member ref="member" @memberData="memberData"></member>
-    <rectype ref="rectype" @recTypeData="recTypeData"></rectype>
-    <repayment ref="repayment" @repaymentData="query"></repayment>
-    <updo ref="updo" @recTypeData="recTypeData"></updo>
-    <detail ref="detail" @detailData="detailData"></detail>
-  </div>
-</template>
-<script>
-import detail from "./components/detail.vue";
-import repayment from "@/components/repayment/index.vue";
-import rectype from "@/components/recharge/type/index";
-import updo from "@/components/recharge/updo/index";
-import { ctlist, recpage, selectById, editRecAccount } from "@/api/eashier.js";
-import { partten } from "../../../../partten/index.js";
-import {
-  storeMemberOne,
-  addrec,
-  upgrade,
-  recAccountOne,
-  recCancel,
-  storeOne,
-  recAccountList,
-  recTypeOne,
-  selectOne,
-} from "@/api/eashier.js";
-import addmember from "@/components/member/edit/index";
-import admin from "@/components/staffList/admin/index";
-import manager from "@/components/staffList/manager/index";
-import staffsles from "@/components/staffList/staff/index";
-import member from "@/components/member/index";
-export default {
-  components: {
-    member,
-    staffsles,
-    manager,
-    admin,
-    repayment,
-    addmember,
-    rectype,
-    updo,
-    detail,
-  },
-  inject: ["reload"],
-  data() {
-    return {
-      printDialogVisible: false, //打印弹窗开关
-      listDialogVisible: false,
-      postponeDialog: false,
-      refreshtext: false, //搜索判断字符
-      isShow: false,
-      selectNumber: 0,
-      isAddition: 0,
-      saveloading: false,
-      recDateShow: false,
-      postponeForm: {},
-      sessionStorageData: {}, //门店参数集合
-      detailForm: {},
-      activeName: ["员工"],
-      integral: 0,
-      consumeIntegral: 0,
-      integralMoney: 0,
-      liftType: 0,
-      debtMoneys: 0,
-      recList: [],
-      printForm: {
-        number: null,
-        storeId: null,
-        staffId: null,
-        memberName: null,
-        mobilePhone: null,
-        type: "",
-        amount: null,
-        cardOver: null,
-        cardOvers: null,
-        sonMoney: null,
-        sonMoneys: null,
-        telephone: "",
-        printDate: new Date(),
-      },
-      queryForm: {
-        //查询对象
-        pageNum: 1, // 当前页码
-        pageSize: 10, // 每页的数据条数,
-      },
-      selectDate: new Date(),
-      total: 0, //分页总条数
-      pageInfo: {
-        lists: [],
-      },
-      payLists: [], //现付列表
-      staffLists: [{ brandNumber: "", staffName: "", ratio: 100 }],
-      managerLists: [{ brandNumber: "", staffName: "", ratio: 100 }],
-      adminList: [{ brandNumber: "", staffName: "", ratio: 100 }],
-      staffList: [],
-      managerList: [],
-      form: {
-        mobilePhone: null,
-        memberName: null,
-        sex: null,
-        collectionCashAmount: null,
-        beforeMoney: 0,
-        afterMoney: 0,
-        description: null,
-        rechargeTypeName: null,
-        integralCheckbox: false,
-        debtMoney: null,
-        additionDate: null,
-        rechargeAmount: 0,
-        debtMoney: 0,
-        afterMoney: 0,
-        giftAfterMoney: 0,
-        giftBeforeMoney: 0,
-      },
-      integralShow: false,
-      typeList: {},
-      afterMoney: "",
-      vip: {}, //会员信息
-      idList: {},
-      money: null,
-      date: [],
-      pickerOptions: {
-        //组件限制方法
-        shortcuts: [
-          {
-            text: "最近一周",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-          {
-            text: "最近一个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-        ],
-      },
-      beforeMoney: 0,
-      afterMoney: 0,
-    };
-  },
-  methods: {
-    close() {
-      this.listDialogVisible = false;
-    },
-    collChange(e) {
-      if (e.indexOf("员工")) {
-        this.$refs.staffsles.show(this.staffLists);
-        this.$refs.manager.show(this.managerLists);
-        this.$refs.admin.show(this.adminList);
-      }
-    },
-    //员工占比返回方法
-    staffslesData(v) {
-      this.staffLists = [...v];
-    },
-    //高管占比返回方法
-    managerData(v) {
-      this.managerLists = [...v];
-    },
-    //管理员占比返回方法
-    adminData(v) {
-      this.adminList = [...v];
-    },
-    openMoney() {
-      this.$refs.repayment.show(this.vip);
-    },
-    recChange(v) {
-      if (v) {
-        if (this.liftType != 0) {
-          this.form.frechargeTypeId = v;
-          this.recList.forEach((item) => {
-            if (item.rechargeTypeId == v) {
-              this.form.ids = item.id;
-              this.form.rawRechargeTypeId = item.rechargeTypeId;
-            }
-          });
-        }
-        recTypeOne({ id: v }).then((res) => {
-          if (res.code == "000000") {
-            this.selectNumber = 0;
-            this.recTypeData(res.data, 0);
-          } else {
-            this.$alert(res.message, "查询充值类别明细", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-          }
-        });
-      } else {
-        this.gSetForm();
-      }
-    },
-    gSetForm() {
-      let form = {};
-      form.memberId = this.form.memberId;
-      form.mobilePhone = this.form.mobilePhone;
-      form.memberName = this.form.memberName;
-      form.rechargeAmount = 0;
-      form.beforeMoney = 0;
-      form.giftBeforeMoney = 0;
-      form.afterMoney = 0;
-      form.giftAfterMoney = 0;
-      form.collectionCashAmount = 0;
-      form.collectionAmount = 0;
-      form.debtMoney = 0;
-      this.form = form;
-    },
-    radioChange(v) {
-      if (v != 0) {
-        this.getRecList();
-      }
-    },
-    openRec(number) {
-      console.log(number);
-      this.selectNumber = number;
-      if (number == 0) {
-        this.$refs.rectype.show();
-      } else {
-        let form = { id: this.form.frechargeTypeId };
-        this.$refs.updo.show(form, number);
-      }
-    },
-
-    recTypeData(v, number) {
-      this.form.liftType = this.liftType;
-      if (v.rawCardId) {
-        this.form.rawCardId = v.rawCardId;
-        this.form.liftCardId = v.liftCardId;
-        this.idList.rechargeTypeId = v.rawCardId;
-      } else {
-        this.idList.rechargeTypeId = v.id;
-      }
-      this.form.rechargeTypeNum = v.rechargeTypeNum;
-      //标准 充值账号选择
-      recAccountOne(this.idList).then((res) => {
-        if (res.data != undefined && res.data.state == 0) {
-          this.$message.error({
-            message: "账户已锁定, 不允许使用 ! ",
-          });
-        } else {
-          if (res.code == "000000" || res.code == "200004") {
-            this.form.rechargeAmount = v.rechargeMoney;
-            if (number == 0) {
-              this.form.rechargeTypeName = "";
-            } else {
-              this.form.rechargeTypeName = v.rechargeTypeName;
-            }
-            this.form.rechargeTypeId = v.id;
-            this.form.discount = v.discount;
-            this.form.typeRatio = v.typeRatio;
-            this.form.collectionAmount = 0;
-            this.form.collectionCashAmount = 0;
-            if (this.liftType == 0) {
-              this.form.beforeMoney = 0;
-              this.form.giftBeforeMoney = 0;
-              this.form.giftAfterMoney = 0;
-              this.form.afterMoney = 0;
-            }
-            if (!this.form.integralMoney) {
-              this.form.integralMoney = 0;
-            }
-            if (res.code == "000000") {
-              //有账号
-              this.form.rechargeAccountId = res.data.id;
-              if (this.liftType == 0) {
-                this.form.beforeMoney = res.data.cardRestMoney;
-                this.form.giftBeforeMoney = res.data.cardGiftMoney;
-              } else {
-                this.form.beforeMoney =
-                  (res.data.cardRestMoney + this.form.beforeMoney).toFixed(2) *
-                  1;
-                this.form.giftBeforeMoney =
-                  (res.data.cardGiftMoney + this.form.giftBeforeMoney).toFixed(
-                    2
-                  ) * 1;
-              }
-              if (
-                v.cardRestMoney == 0 &&
-                (v.firstChange == 0 || v.firstChange == null)
-              ) {
-                this.form.rechargeAmount = v.firstAmount;
-              }
-            } else {
-              if (v.firstAmount) {
-                this.form.rechargeAmount = v.firstAmount;
-              } else {
-                this.form.rechargeAmount = v.rechargeMoney;
-              }
-            }
-            this.form.debtMoney =
-              (
-                this.form.rechargeAmount -
-                this.form.collectionCashAmount -
-                this.form.integralMoney
-              ).toFixed(2) * 1;
-            if (this.form.debtMoney < 0) {
-              this.form.debtMoney = 0;
-            }
-            this.form.afterMoney =
-              this.form.rechargeAmount + this.form.beforeMoney;
-
-            if (!v.giftMoney) {
-              v.giftMoney = 0;
-              if (!this.form.giftBeforeMoney) {
-                this.form.giftBeforeMoney = 0;
-              }
-              this.form.giftAfterMoney =
-                this.form.giftBeforeMoney + v.giftMoney;
-            } else {
-              if (!this.form.giftBeforeMoney) {
-                this.form.giftBeforeMoney = 0;
-              }
-              this.form.giftAfterMoney =
-                this.form.giftBeforeMoney + v.giftMoney;
-            }
-            this.money = this.form.giftAfterMoney;
-            if (this.sessionStorageData.recharge == true) {
-              if (this.form.integralCheckbox == true) {
-                let list = JSON.parse(
-                  sessionStorage.getItem("sessionStorageData")
-                ).excIntegralByMoney.split(":");
-                if (this.integralMoney >= this.form.debtMoney) {
-                  this.integralMoney = this.form.debtMoney;
-                  this.consumeIntegral =
-                    this.form.debtMoney * (list[0] / list[1]);
-                }
-              }
-            }
-            if (number == 0) {
-              this.beforeMoney = this.form.beforeMoney;
-              this.afterMoney = this.form.afterMoney;
-            }
-            if (this.liftType != 0) {
-              this.afterMoney = this.afterMoney + this.form.afterMoney;
-              this.beforeMoney = this.beforeMoney + this.form.beforeMoney;
-            }
-          } else {
-            this.$alert(res.message, "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-            this.form.rechargeAccountId = "";
-            this.form.beforeMoney = 0;
-            this.form.giftBeforeMoney = 0;
-            if (!v.giftMoney) {
-              v.giftMoney = 0;
-              this.form.giftAfterMoney =
-                this.form.giftBeforeMoney + v.giftMoney;
-            } else {
-              this.form.giftAfterMoney =
-                this.form.giftBeforeMoney + v.giftMoney;
-            }
-          }
-        }
-        this.money = this.form.giftAfterMoney;
-        let form = { ...this.form };
-        this.form = {};
-        this.form = form;
-      });
-    },
-    //打开选择会员弹窗
-    openMember() {
-      this.$refs.member.show(this.vip);
-    },
-    //选中会员返回方法
-    memberData(v) {
-      this.form.mobilePhone = v.mobilePhone;
-      this.query();
-    },
-    //上传文件方法
-    fileData(v) {
-      //console.log(v);
-    },
-    //返回当前行的下标
-    tableRowClassName({ row, rowIndex }) {
-      row.index = rowIndex;
-    },
-    openDate() {
-      this.$nextTick(() => {
-        this.$refs.recDate.focus();
-      });
-    },
-    //打印方法
-    print(row) {
-      storeOne({
-        id: row.storeId,
-      }).then((res) => {
-        if (res.code == "000000") {
-          //console.log(res);
-          row.telephone = res.data.telephone;
-          row.printDate = new Date();
-          this.printForm = row;
-        }
-      });
-    },
-    checkintegral(row) {
-      if (this.form.rechargeTypeName != "") {
-        let list = JSON.parse(
-          sessionStorage.getItem("sessionStorageData")
-        ).excIntegralByMoney.split(":");
-
-        if (row == true) {
-          if (this.integralMoney >= this.form.debtMoney) {
-            this.integralMoney = this.form.debtMoney;
-            this.consumeIntegral = this.form.debtMoney * (list[0] / list[1]);
-          }
-          this.form.debtMoney =
-            this.form.rechargeAmount * 1 - this.integralMoney;
-          if (this.form.debtMoney < 0) {
-            this.form.debtMoney = 0;
-          }
-        } else {
-          this.form.debtMoney = this.form.rechargeAmount * 1;
-          if (this.form.debtMoney < 0) {
-            this.form.debtMoney = 0;
-          }
-          storeMemberOne({
-            mobilePhone: this.form.mobilePhone,
-            storeId: sessionStorage.getItem("parentId"),
-          }).then((res) => {
-            if (this.sessionStorageData.recharge == true) {
-              this.integral = res.data.integral;
-              this.integralMoney = res.data.integralMoney;
-              this.consumeIntegral = res.data.consumeIntegral;
-            } else {
-              this.integral = 0;
-              this.integralMoney = 0;
-              this.consumeIntegral = 0;
-            }
-          });
-        }
-        this.num();
-      }
-    },
-
-    //输入手机号是查询
-    //查询方法
-    query() {
-      var number = partten.phoneNum;
-      if (!number.test(this.form.mobilePhone)) {
-        this.$message.info({
-          message: "请输入正确的手机号 ! ",
-        });
-      } else {
-        storeMemberOne({
-          mobilePhone: this.form.mobilePhone,
-          storeId: sessionStorage.getItem("parentId"),
-        }).then((res) => {
-          if (res.data != undefined && res.data.state == 0) {
-            this.$message.error({
-              message: "账户已锁定, 不允许使用 ! ",
-            });
-            this.$alert("账户已锁定, 不允许使用 !", "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-          } else {
-            if (res.code == "000000" || res.code == "200004") {
-              if (res.code == "000000") {
-                var idList = {
-                  storeId: res.data.storeId,
-                  memberId: res.data.id,
-                };
-                this.idList = idList;
-                // 会员id 门店id 充值类别id
-                this.vip = res.data;
-                this.form.card = res.data.card;
-                this.form.memberId = res.data.id;
-                this.form.memberName = res.data.memberName;
-                this.debtMoneys = res.data.debtMoney;
-                this.form.sex = res.data.sex;
-                this.getRecList();
-                if (res.data.memberIdentityCard != "") {
-                  this.form.memberIdentityCard = res.data.memberIdentityCard;
-                } else {
-                  this.form.memberIdentityCard = "";
-                }
-                if (this.sessionStorageData.recharge == true) {
-                  this.consumeIntegral = res.data.consumeIntegral;
-                  this.integral = res.data.integral;
-                  this.integralMoney = res.data.integralMoney;
-                } else {
-                  this.consumeIntegral = 0;
-                  this.integral = 0;
-                  this.integralMoney = 0;
-                }
-              } else {
-                this.empty();
-                if (res.code == "200004") {
-                  this.$confirm(res.message + ",请先注册!", "提示", {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    cancelButtonClass: "cancelbtnFalses",
-                    confirmButtonClass: "confirmbtnFalses",
-                    type: "warning",
-                  }).then(() => {
-                    this.openAddMember();
-                  });
-                } else {
-                  this.$alert(res.message, "提示", {
-                    confirmButtonText: "确定",
-                    confirmButtonClass: "confirmbtnFalses",
-                    type: "warning",
-                    center: true,
-                    callback: (action) => {},
-                  });
-                }
-              }
-            } else {
-              this.form.rechargeAccountId = "";
-              this.form.beforeMoney = 0;
-              this.form.giftBeforeMoney = 0;
-              if (this.typeList.giftMoney == null) {
-                this.typeList.giftMoney = 0;
-                this.form.giftAfterMoney =
-                  this.form.giftBeforeMoney + this.typeList.giftMoney;
-              } else {
-                this.form.giftAfterMoney =
-                  this.form.giftBeforeMoney + this.typeList.giftMoney;
-              }
-              this.$alert("查询会员信息 : " + res.message, "提示", {
-                confirmButtonText: "确定",
-                confirmButtonClass: "confirmbtnFalses",
-                type: "warning",
-                center: true,
-                callback: (action) => {},
-              });
-            }
-          }
-        });
-      }
-    },
-    openAddMember() {
-      this.$refs.addmember.show("添加");
-    },
-    memberAdd(v) {
-      this.form.mobilePhone = v.mobilePhone;
-      this.query();
-    },
-    //选择金额.
-    editPay(row, index) {
-      let payNUm = 0;
-      this.payLists.forEach((item) => {
-        payNUm += item.payMoney * 1;
-      });
-      if (this.form.rechargeTypeName != "") {
-        if (this.form.integralCheckbox == true) {
-          row.payMoney = this.form.rechargeAmount - this.integralMoney - payNUm;
-        } else {
-          row.payMoney = this.form.debtMoney - payNUm;
-        }
-        if (row.payMoney * 1 < 0) {
-          row.payMoney = 0;
-        }
-        row.payMoney = row.payMoney.toFixed(2) * 1;
-
-        row.isShow = true;
-        var form = {
-          ...row,
-        };
-        var payLists = [...this.payLists];
-        payLists[index] = form;
-        this.payLists = [];
-        this.payLists = payLists;
-      } else {
-        this.$message.info({
-          message: "请先选择充值类别!",
-        });
-      }
-    },
-    endEdit(row) {
-      row.payMoney = row.payMoney * 1;
-      row.isShow = false;
-      this.num();
-      let integralMoney = this.integralMoney;
-      if (this.form.integralCheckbox == false) {
-        integralMoney = 0;
-      }
-      if (this.form.rechargeAmount == null) {
-        this.form.rechargeAmount = 0;
-      }
-      this.form.debtMoney =
-        this.form.rechargeAmount -
-        this.form.collectionCashAmount -
-        integralMoney;
-      if (this.form.debtMoney < 0) {
-        this.form.debtMoney = 0;
-      }
-      this.form.afterMoney =
-        this.form.collectionCashAmount + this.form.beforeMoney + integralMoney;
-      if (this.form.debtMoney != 0) {
-        this.form.giftAfterMoney = this.form.giftBeforeMoney;
-        if (
-          this.form.debtMoney * 1 >
-          (
-            (this.form.rechargeAmount *
-              this.sessionStorageData.recDebtRatio *
-              1) /
-            100
-          ).toFixed(2) *
-            1
-        ) {
-          this.$message.warning({
-            message:
-              "本次支付金额最多可以欠款 : " +
-              (
-                (this.form.rechargeAmount *
-                  this.sessionStorageData.recDebtRatio *
-                  1) /
-                100
-              ).toFixed(2) *
-                1,
-          });
-        }
-      } else {
-        this.form.giftAfterMoney = this.money;
-      }
-    },
-
-    empty() {
-      this.form = {
-        mobilePhone: null,
-        memberName: null,
-        sex: null,
-        collectionCashAmount: null,
-        beforeMoney: 0,
-        afterMoney: 0,
-        description: null,
-        rechargeTypeName: null,
-        integralCheckbox: false,
-        debtMoney: null,
-        additionDate: null,
-        rechargeAmount: 0,
-        debtMoney: 0,
-        afterMoney: 0,
-        giftAfterMoney: 0,
-        giftBeforeMoney: 0,
-      };
-      this.debtMoneys = 0;
-      this.integral = 0;
-      this.integralMoney = 0;
-      this.consumeIntegral = 0;
-      this.payLists = [];
-      this.staffLists = [{ ratio: 100 }];
-      this.managerLists = [{ ratio: 100 }];
-      this.adminList = [{ ratio: 100 }];
-      this.activeName = ["员工"];
-      this.setStaffRatio();
-      this.getCtList();
-    },
-    setStaffRatio() {
-      var that = this;
-      setTimeout(() => {
-        that.$refs.manager.show(that.managerLists);
-        that.$refs.staffsles.show(that.staffLists);
-        that.$refs.admin.show(that.adminList);
-      }, 500);
-    },
-
-    //提交
-    //保存确定方法
-    save() {
-      this.num();
-      var staffList = [];
-      this.staffLists.forEach((item) => {
-        if (item.id) {
-          delete item.ratioShow;
-          staffList.push(item);
-        }
-      });
-      this.form.staffLists = staffList;
-      var payLists = [];
-      this.payLists.forEach((item) => {
-        delete item.collectionType;
-        delete item.isShow;
-        delete item.state;
-        if (item.payMoney * 1 > 0) {
-          payLists.push(item);
-        }
-      });
-      this.form.payLists = payLists;
-      if (this.form.integralCheckbox == true) {
-        this.form.consumeIntegral = this.consumeIntegral;
-        this.form.integralMoney = this.integralMoney;
-        this.form.integral = this.integral;
-        this.form.collectionIntegralAmount = this.form.integralMoney;
-        this.form.integral = this.form.consumeIntegral;
-      } else {
-        this.form.collectionIntegralAmount = 0;
-        this.form.integral = 0;
-        this.form.consumeIntegral = 0;
-        this.form.integralMoney = 0;
-      }
-      this.form.debtMoney =
-        (
-          this.form.rechargeAmount -
-          this.form.collectionCashAmount -
-          this.form.integralMoney
-        ).toFixed(2) * 1;
-      if (this.form.debtMoney < 0) {
-        this.form.debtMoney = 0;
-      }
-      if (this.form.debtMoney > 0) {
-        this.form.isDebt = 1;
-      } else {
-        this.form.isDebt = 0;
-        this.form.debtMoney = 0;
-      }
-      if (this.form.integralCheckbox == true) {
-        this.form.integralCheckbox = 1;
-      } else {
-        this.form.integralCheckbox = 0;
-      }
-      let salesmens = [];
-      this.managerLists.forEach((item) => {
-        if (item.id) {
-          item.staffType = 0;
-          salesmens.push(item);
-        }
-      });
-      this.adminList.forEach((item) => {
-        if (item.id) {
-          item.staffType = 1;
-          salesmens.push(item);
-        }
-      });
-      this.form.salesmens = salesmens;
-      delete this.form.rechargeDate;
-      delete this.form.consumeIntegral;
-      delete this.form.integralMoney;
-      delete this.form.integralCheckbox;
-      this.form.memberId = this.vip.id;
-      this.form.isAddition = this.isAddition;
-      if (this.form.additionDate && this.isAddition == 1) {
-        this.saveloading = false;
-        this.$alert("请选择业务日期", "提示", {
-          confirmButtonText: "确定",
-          confirmButtonClass: "confirmbtnFalses",
-          type: "warning",
-          center: true,
-          callback: (action) => {},
-        });
-      } else {
-        let useMoney =
-          (
-            this.sessionStorageData.recDebtRatio *
-            0.01 *
-            this.form.rechargeAmount
-          ).toFixed(2) * 1;
-        if (this.sessionStorageData.recDebt == true) {
-          if (this.form.debtMoney > useMoney) {
-            this.saveloading = false;
-            this.$alert("本次充值最多可以欠款 " + useMoney, "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-          } else {
-            var that = this;
-            if (staffList.length == 0) {
-              this.$confirm("没有选择员工是否保存?", "提示", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                cancelButtonClass: "cancelbtnFalses",
-                confirmButtonClass: "confirmbtnFalses",
-                type: "warning",
-              }).then(() => {
-                this.addrec();
-              });
-            } else {
-              this.addrec();
-            }
-          }
-        } else {
-          var that = this;
-          if (staffList.length == 0) {
-            this.$confirm("没有选择员工是否保存?", "提示", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              cancelButtonClass: "cancelbtnFalses",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-            }).then(() => {
-              this.addrec();
-            });
-          } else {
-            this.addrec();
-          }
-        }
-      }
-    },
-    addrec() {
-      if (this.liftType == 0) {
-        addrec(this.form).then((res) => {
-          this.saveloading = false;
-          if (res.code == "000000") {
-            this.empty();
-            this.$message.success({
-              message: res.message,
-            });
-            this.money = 0;
-          } else {
-            this.$alert(res.message, "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-          }
-        });
-      } else {
-        upgrade(this.form).then((res) => {
-          this.saveloading = false;
-          if (res.code == "000000") {
-            this.empty();
-            this.$message.success({
-              message: res.message,
-            });
-            this.money = 0;
-          } else {
-            this.$alert(res.message, "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-          }
-        });
-      }
-    },
-
-    //列表
-    getList() {
-      this.listDialogVisible = true;
-      this.queryForm.selectDate = this.formatTime(this.selectDate, "YYYYMM");
-      recpage(this.queryForm).then((res) => {
-        if (res.code == "000000") {
-          res.pageInfo.list.forEach((item) => {
-            item.entities.forEach((items) => {
-              items.editStaffRatioShow = false;
-            });
-          });
-          res.pageInfo.lists = res.pageInfo.list;
-          this.pageInfo = res.pageInfo;
-          this.total = res.pageInfo.total;
-        } else {
-          this.$alert(res.message, "提示", {
-            confirmButtonText: "确定",
-            confirmButtonClass: "confirmbtnFalses",
-            type: "warning",
-            center: true,
-            callback: (action) => {},
-          });
-        }
-      });
-    },
-    changeRowBgColorByIsPay({ row, rowIndex }) {
-      let stylejson = {};
-      if (row.isCancel === 1) {
-        stylejson.background = "#eee";
-        return stylejson;
-      } else {
-        return "";
-      }
-    },
-    detail(row) {
-      this.$refs.detail.show(row);
-    },
-    detailData() {
-      this.getList();
-    },
-
-    openPostpone(row) {
-      selectById({
-        id: row.rechargeAccountId,
-      }).then((res) => {
-        if (res.code == "000000") {
-          this.postponeForm = res.data;
-        } else {
-          this.$alert(res.message, "提示", {
-            confirmButtonText: "确定",
-            confirmButtonClass: "confirmbtnFalses",
-            type: "warning",
-            center: true,
-            callback: (action) => {},
-          });
-        }
-      });
-    },
-    endPostpone() {
-      var form = {
-        id: this.postponeForm.id,
-        endTime: this.postponeForm.endTime,
-      };
-      editRecAccount(form).then((res) => {
-        if (res.code == "000000") {
-          this.$message.success({
-            message: res.message,
-          });
-        } else {
-          this.$alert(res.message, "提示", {
-            confirmButtonText: "确定",
-            confirmButtonClass: "confirmbtnFalses",
-            type: "warning",
-            center: true,
-            callback: (action) => {},
-          });
-        }
-        this.getList();
-      });
-    },
-    //充值单作废
-    recCancel(row) {
-      this.$confirm("此操作将作废这张单, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        cancelButtonClass: "cancelbtnFalses",
-        confirmButtonClass: "confirmbtnFalses",
-        type: "warning",
-      }).then(() => {
-        delete row.payLists;
-        delete row.entities;
-
-        row.isCancel = 1;
-        recCancel(row).then((res) => {
-          //console.log(res);
-          if (row.code == "000000") {
-            this.$message.success({
-              message: res.message,
-            });
-            this.getList();
-            this.$message({
-              type: "success",
-              message: "已作废!",
-            });
-          } else {
-            this.$alert(res.message, "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {
-                this.getList();
-              },
-            });
-          }
-        });
-      });
-    },
-    getCtList() {
-      ctlist({ id: "" }).then((res) => {
-        if (res.code == "000000") {
-          var list = [];
-          res.rows.forEach((item) => {
-            let items = {
-              payId: item.id,
-              payMoney: 0,
-              payName: item.collectionTypeName,
-              isShow: false,
-            };
-            list.push(items);
-          });
-          this.payLists = list;
-          this.num();
-        } else {
-          this.$alert("现付列表" + res.message, "提示", {
-            confirmButtonText: "确定",
-            confirmButtonClass: "confirmbtnFalses",
-            type: "warning",
-            center: true,
-            callback: (action) => {},
-          });
-        }
-      });
-      var that = this;
-      setTimeout(() => {
-        that.$refs.staffsles.show(that.staffLists);
-      }, 1000);
-    },
-    getRecList() {
-      if (this.form.memberId) {
-        recAccountList({
-          memberId: this.form.memberId,
-        }).then((res) => {
-          if (res.code == "000000") {
-            this.recList = res.rows;
-          } else {
-            this.$alert("查询会员充值卡: " + res.message, "提示", {
-              confirmButtonText: "确定",
-              confirmButtonClass: "confirmbtnFalses",
-              type: "warning",
-              center: true,
-              callback: (action) => {},
-            });
-          }
-        });
-      }
-    },
-    //指定列求和
-    //数组按对应字段合计返回方法
-    getSummaries(param) {
-      const { columns, data } = param;
-      const sums = [];
-      columns.forEach((column, index) => {
-        if (index === 0) {
-          sums[index] = "合计";
-          return;
-        }
-        const values = data.map((item) => Number(item[column.property]));
-        if (column.property == "payMoney") {
-          sums[index] = values.reduce((prev, curr) => {
-            const value = Number(curr);
-            if (!isNaN(value)) {
-              return prev + curr;
-            } else {
-              sums[index] = "--";
-            }
-          }, 0);
-          sums[index] += " ";
-        } else {
-          sums[index] = "--";
-        }
-      });
-      return sums;
-    },
-    //求和
-    num() {
-      var num = 0;
-      this.payLists.forEach((item) => {
-        num += item.payMoney * 1;
-      });
-      this.form.collectionCashAmount = num;
-      if (this.form.integralCheckbox == true) {
-        this.form.collectionAmount =
-          this.form.collectionCashAmount + this.integralMoney;
-      } else {
-        this.form.collectionAmount = this.form.collectionCashAmount;
-      }
-    },
-    //分页方法
-    handleSizeChange(val) {
-      //   //console.log(`每页 ${val} 条`);
-      this.queryForm.pageSize = val;
-      this.getList();
-    },
-    handleCurrentChange(val) {
-      //   //console.log(`当前页: ${val}`);
-      this.queryForm.pageNum = val;
-      this.getList();
-    },
-  },
-  created() {
-    this.setStaffRatio();
-    this.getCtList();
-    this.sessionStorageData = JSON.parse(
-      sessionStorage.getItem("sessionStorageData")
-    );
-  },
-};
-</script>
-<style>
-.collection {
-  background: white;
-  margin-left: 25px;
-}
-
-.collection span {
-  font-weight: 500;
-}
-
-.collectioncenter {
-  margin-top: 15px;
-  padding-left: 40px;
-}
-
-.collectioncenter table {
-  margin: 10px auto;
-}
-
-.collectioncenter th:nth-child(1) {
-  min-width: 78px;
-}
-
-.collectioncenter td {
-  height: 25px;
-  min-width: 68px;
-  text-align: center;
-  padding: 10px;
-}
-
-.collection .span {
-  width: 100px;
-  display: inline-block;
-}
-
-.type .el-radio__label {
-  display: none;
-}
-
-/* .collection .el-input {
-  width: 100px;
-} */
-.colljisuan {
-  height: 38px;
-  width: 100%;
-  border-bottom: 1px solid #999999;
-  position: relative;
-  font-size: 14px;
-  line-height: 35px;
-}
-
-.colljisuan span:nth-child(1) {
-  position: absolute;
-  left: 35px;
-}
-
-.colljisuan span:nth-child(2) {
-  position: absolute;
-  left: 235px;
-}
-
-.collection .el-table__row {
-  /* height: 50px; */
-}
-
-.colle {
-  padding: 10px 0px 10px 30px;
-}
-
-.colle .el-collapse-item,
-.colle-but {
-  max-width: 1100px;
-}
-
-.colle .el-collapse-item__header {
-  border-bottom: 1px solid #999999;
-}
-.colleInt .el-collapse-item,
-.colle-but {
-  max-width: 1100px;
-}
-
-.collection .operation {
-  width: 200px;
-  height: 120%;
-  border-left: 1px solid #e2e2e2;
-  margin-left: 20px;
-  padding-bottom: 50px;
-  padding-left: 50px;
-}
-
-.operation .el-button {
-  margin-top: 20px;
-}
-
-.shuipai .el-radio__label {
-  display: none;
-}
-
-.rowformdivs .el-date-editor {
-  width: 150px;
-}
-
-.collection > .el-date-picker__time-header {
-  display: none !important;
-}
-
-.printDiv .el-form-item {
-  margin-bottom: 0px;
-}
-
-.printDiv .el-form-item__label,
-.el-form-item__content {
-  font-size: 12px;
-  color: black;
-  font-family: "宋体";
-  padding: 0 5px 0 0;
-}
-.printDiv {
-  width: 180px;
-  margin: 0 auto;
-}
-</style>
+<template>
+  <div class="collection">
+    <div class="flex justify-start align-start flex-wrap padding-top">
+      <el-form :model="form" :inline="true" label-width="80px">
+        <el-form-item label="手机号码:">
+          <div class="form-width-ms">
+            <el-input style="padding-left:0px;" ref="" oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*" maxlength="11" v-model="form.mobilePhone" @blur="query" @change="query">
+              <el-button size="mini" slot="append" icon="el-icon-search" @click="openMember"></el-button>
+            </el-input>
+          </div>
+        </el-form-item>
+        <el-form-item label="会员名称:">
+          <div class="form-width-ms">
+            <span v-if="form.memberName">
+              <span>{{ form.memberName }}</span>
+              <i v-if="form.sex==1" class="el-icon-male text-blue"></i>
+              <i v-if="form.sex==0" class="el-icon-female text-pink"></i>
+            </span>
+            <el-button v-else size="mini" type="text" @click="openAddMember">添加会员</el-button>
+          </div>
+        </el-form-item>
+        <el-form-item v-if="sessionStorageData.recDebt&&debtMoneys" label="以往欠款:">
+          <div class="form-width-ms">
+            {{ debtMoneys }}
+            <el-button size="mini" type="text" @click="openMoney()" v-show="debtMoneys != 0">去还款</el-button>
+          </div>
+        </el-form-item>
+        <el-form-item label="业务时间:" v-if="isAddition==1">
+          <div class="form-width-ms">
+            <el-date-picker ref="recDate" class="form-width-ms" v-model="form.additionDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-form-item>
+        <br />
+        <el-form-item label="充值方式:">
+          <div class="form-width-ms  flex align-center text-cyan">
+            <el-radio-group v-model="liftType" size="mini" style="padding-top:3px;" @change="radioChange">
+              <el-radio-button :label="0">标准</el-radio-button>
+              <el-radio-button :label="1">升卡</el-radio-button>
+              <el-radio-button :label="2">降卡</el-radio-button>
+            </el-radio-group>
+          </div>
+        </el-form-item>
+        <el-form-item label="会员账户:">
+          <div class="form-width-ms">
+            <el-select v-model="form.recName" v-if="liftType!=0" placeholder="请选择" default-first-option filterable @change="recChange" clearable>
+              <el-option v-for="(item,index) in recList" :key="index" :label="item.rechargeTypeName" :value="item.rechargeTypeId">
+              </el-option>
+            </el-select>
+            <div v-else>标准充值</div>
+          </div>
+        </el-form-item>
+        <el-form-item label="充值类别:">
+          <div class="form-width-ms" @click="openRec(liftType)">
+            <el-button v-if="!form.rechargeTypeName" size="mini" type="text">选择</el-button>
+            <div class="text-cut" :title="form.rechargeTypeName" v-else>
+              <span>{{ form.rechargeTypeName }}</span>
+              <i class="el-icon-edit text-cyan"></i>
+            </div>
+          </div>
+        </el-form-item>
+        <br />
+        <el-form-item label="标准金额:">
+          <div class="form-width-ms">
+            <span class="text-red text-price">{{ form.rechargeAmount }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="待付金额:">
+          <div class="form-width-ms">
+            <span class="text-green text-price">{{ form.debtMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="实付金额:">
+          <div class="form-width-ms">
+            <span class="text-red text-price">{{ form.collectionAmount }}</span>
+          </div>
+        </el-form-item>
+        <br />
+        <el-form-item label="充前金额:">
+          <div class="form-width-ms">
+            <span class="text-red text-price">{{ form.beforeMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="充前赠送:">
+          <div class="form-width-ms">
+            <span class="text-red text-price">{{ form.giftBeforeMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item v-show="sessionStorageData.recharge">
+          <div style="margin-left: 28px">
+            <el-checkbox style="display: inline-block" @change="checkintegral" v-model="form.integralCheckbox">
+              使用积分| 总积分:{{ integral }}
+            </el-checkbox>
+            <div v-show="form.integralCheckbox" style="color: red; display: inline-block">
+              | 可用积分:
+              <span v-show="!integralShow">{{ consumeIntegral }}</span>
+              <input v-model="consumeIntegral" v-show="integralShow" style="width: 60px; height: 28px" type="text" />
+              | 可兑换金额: ¥{{ integralMoney }}
+            </div>
+          </div>
+        </el-form-item>
+        <div v-show="sessionStorageData.recharge">
+          <el-form-item label="充后金额:">
+            <div class="form-width-ms">
+              <span class="text-red text-price">{{ form.afterMoney }}</span>
+            </div>
+          </el-form-item>
+          <el-form-item label="充后赠送:">
+            <div class="form-width-ms">
+              <span class="text-red text-price">{{ form.giftAfterMoney }}</span>
+            </div>
+          </el-form-item>
+          <el-form-item label="备注说明:">
+            <el-input v-model="form.description" type="textarea" placeholder="请填写说明" style="width: 300px" maxlength="200" :autosize="{ minRows: 1.5, maxRows: 3 }" show-word-limit></el-input>
+          </el-form-item>
+        </div>
+        <el-form-item label="充后金额:" v-show="!sessionStorageData.recharge">
+          <div class="form-width-ms">
+            <span class="text-red text-price">{{ form.afterMoney }}</span>
+          </div>
+        </el-form-item>
+        <br>
+        <el-form-item label="充后赠送:" v-show="!sessionStorageData.recharge">
+          <div class="form-width-ms">
+            <span class="text-red text-price">{{ form.giftAfterMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="备注说明:" v-show="!sessionStorageData.recharge">
+          <el-input v-show="!sessionStorageData.recharge" v-model="form.description" type="textarea" placeholder="请填写说明" style="width: 400px" maxlength="200" :autosize="{ minRows: 1.5, maxRows: 3 }" show-word-limit></el-input>
+        </el-form-item>
+      </el-form>
+      <div style="width: 280px" class="border-radius-10 border margin-right-xs  bg-white padding-xs">
+        <el-table :data="payLists" :summary-method="getSummaries" show-summary max-height="400">
+          <el-table-column align="center" prop="payName" label="支付方式" min-width="150"></el-table-column>
+          <el-table-column align="center" prop="payMoney" fixed="right" label="本次支付" width="120">
+            <template slot-scope="scope">
+              <div class="form-input-width" v-if="!scope.row.isShow" @click="editPay(scope.row, scope.$index)">
+                {{ scope.row.payMoney }}
+                <i class="el-icon-edit text-cyan"></i>
+              </div>
+              <el-input v-else v-focus size="samll" @blur="endEdit(scope.row)" @change="endEdit(scope.row)" v-model="scope.row.payMoney" class="form-input-width-xs" type="number" oninput="this.value=this.value.replace(/\D*(\d*)(\.?)(\d{0,2})\d*/,'$1$2$3')" pattern="[0-9]*\.?[0-9]{0,2}"></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="colle" :class="sessionStorageData.recharge?'colleInt':'colle'">
+      <el-collapse v-model="activeName" @change="collChange($event)">
+        <el-collapse-item title="员工/门店管理层/高管业绩" name="员工">
+          <div class="flex justify-center align-start flex-wrap margin-top-xs" style="width:100%">
+            <staffsles ref="staffsles" @staffslesData="staffslesData"></staffsles>
+            <admin ref="admin" @adminData="adminData"></admin>
+            <manager ref="manager" @managerData="managerData"></manager>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="text-center colle-but padding-bottom-xs">
+      <el-button size="mini" type="info" plain @click="empty">清空</el-button>
+      <el-button size="mini" v-if="isAddition==0" type="primary" @click="isAddition = 1" v-role="5003002">补单</el-button>
+      <el-button size="mini" v-else type="success" @click="isAddition = 0">充值</el-button>
+      <el-button size="mini" type="primary" plain @click="getList(listDialogVisible = true)" v-role="5003001">列表 </el-button>
+      <el-button size="mini" type="primary" :loading="saveloading" @click="save(saveloading = true)" v-role="5003002">提交</el-button>
+    </div>
+
+    <div>
+      <!-- 保存列表弹窗 -->
+      <el-dialog :close-on-click-modal="false" v-dialogDrag title="列表" :visible.sync="listDialogVisible" width="80%" :close="close">
+        <div class="flex justify-between  padding-bottom-xs">
+          <el-date-picker style="width: 200px" v-model="selectDate" @change="getList" format="yyyy年 MM月" type="month" placeholder="选择日期"></el-date-picker>
+          <div class="flex">
+            <div class="form-width-m padding-right-xs">
+              <el-input size="medium" v-model="queryForm.rechargeNum" placeholder="输入单据号" clearable>
+              </el-input>
+            </div>
+            <div class="form-width-m padding-right-xs">
+              <el-input size="medium" v-model="queryForm.memberName" placeholder="输入会员名字" clearable>
+              </el-input>
+            </div>
+            <div class="form-width-m padding-right-xs">
+              <el-input size="medium" v-model="queryForm.mobilePhone" placeholder="输入会员手机号" oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*" maxlength="11" clearable></el-input>
+            </div>
+            <el-button size="mini" type="primary" plain @click="getList()">搜索</el-button>
+          </div>
+        </div>
+        <div style="max-height: 65vh; overflow: auto">
+          <el-table :data="pageInfo.lists" ref="pageInfo.lists" max-height="550" :header-cell-style="{
+              background: 'linear-gradient(#6cb3ff, #1873d4)',
+              color: '#eeeeee'
+            }" :row-style="changeRowBgColorByIsPay">
+            <el-table-column prop="tag" label="状态" width="70" fixed="left">
+              <template slot-scope="scope">
+                <el-tag :type="scope.row.isCancel == 1 ? 'primary' : 'success'">{{ scope.row.isCancel==0?'正常':'作废' }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" show-overflow-tooltip prop="rechargeNum" label="单号" min-width="110"></el-table-column>
+            <el-table-column align="center" show-overflow-tooltip prop="rechargeDate" label="日期" min-width="105"></el-table-column>
+            <el-table-column align="center" prop="isAddition" label="是否补单" min-width="50">
+              <template slot-scope="scope"><span class="text-red" v-show="scope.row.isAddition == 0">否</span><span class="text-green" v-show="scope.row.isAddition == 1">是</span></template>
+            </el-table-column>
+            <el-table-column align="center" prop="mobilePhone" label="手机号码" min-width="90"><template slot-scope="scope">
+                <div>{{ scope.row.mobilePhone | phone }}</div>
+              </template></el-table-column>
+            <el-table-column align="center" prop="memberName" label="会员名称" min-width="90"></el-table-column>
+            <el-table-column align="center" prop="rechargeTypeName" show-overflow-tooltip label="充值类别" min-width="120"></el-table-column>
+            <el-table-column align="center" prop="beforeMoney" label="充前金额" min-width="70"></el-table-column>
+            <el-table-column align="center" prop="collectionCashAmount" label="实付金额" min-width="70"></el-table-column>
+            <el-table-column align="center" prop="debtMoney" label="欠款" min-width="70"></el-table-column>
+            <el-table-column align="center" prop="afterMoney" label="充后金额" min-width="70"></el-table-column>
+            <el-table-column align="center" prop="inputBy" label="录单人" min-width="70"></el-table-column>
+            <!-- <el-table-column fixed="right" label="账户操作" align="center" width="90" v-if="sessionStorageData.allowValid == 1">
+              <template slot-scope="scope">
+                <el-button size="mini" type="success" :disabled="scope.row.isCancel === 1" @click="openPostpone(scope.row, (postponeDialog = true))" v-role="5003004">账户延期
+                </el-button>
+              </template>
+            </el-table-column> -->
+            <el-table-column fixed="right" label="操作" align="center" width="220">
+              <template slot-scope="scope" fixed="right">
+                <el-button @click="
+                    detail(scope.row)
+                  " size="mini" type="primary" plain v-role="5003003">明细</el-button>
+                <el-button @click="recCancel(scope.row)" size="mini" type="primary" :disabled="scope.row.isCancel === 1" v-role="5003003">作废</el-button>
+                <el-button size="mini" type="success" :disabled="scope.row.isCancel === 1" @click="print(scope.row, (printDialogVisible = true))" v-role="5003004">打印
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="block" style="margin-top: 10px">
+            <!-- 分页组件 -->
+            <el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10, 20, 30, 40, 50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="mini" type="primary" @click="close">关闭</el-button>
+        </span>
+      </el-dialog>
+      <el-dialog title="账户明细" :visible.sync="postponeDialog" :modal-append-to-body="true">
+        <el-form :model="postponeForm">
+          <el-form-item label="会员名称:" label-width="120px">
+            {{ postponeForm.memberName }}
+          </el-form-item>
+          <el-form-item label="账户名称:" label-width="120px">
+            <div class="searchDiv">
+              {{ postponeForm.rechargeTypeName }}
+            </div>
+          </el-form-item>
+          <el-form-item label="可用金额:" label-width="120px">
+            <div class="searchDiv">
+              {{ postponeForm.cardConsumeMoney }}
+            </div>
+          </el-form-item>
+          <el-form-item label="可用赠送金额:" label-width="120px">
+            <div class="searchDiv">
+              {{ postponeForm.giftConsumeMoney }}
+            </div>
+          </el-form-item>
+          <el-form-item label="账户到期日:" label-width="120px">
+            <div class="form-width-ms">
+              <span v-show="!recDateShow" @click="openDate((recDateShow = true))">{{ postponeForm.endTime }}
+                <el-button class="el-icon-edit" type="text" size="mini">修改</el-button>
+              </span>
+              <el-date-picker size="mini" @blur="recDateShow = false" v-show="recDateShow" ref="recDate" v-model="postponeForm.endTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
+            </div>
+          </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="mini" type="primary" plain @click="postponeDialog = false">取 消</el-button>
+          <el-button type="primary" size="mini" @click="endPostpone((postponeDialog = false))">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <!-- 注册 -->
+    <!-- add form -->
+    <div>
+      <el-dialog :close-on-click-modal="false" v-dialogDrag title="打印" :visible.sync="printDialogVisible" width="60%">
+        <div id="printTest" class="printDiv">
+          <div class="text-center padding-xs">
+            充值记录单
+          </div>
+          <hr />
+          <el-form :model="printForm" :inline="true">
+            <el-form-item label="门店:">
+              <div>{{ printForm.storeName }}</div>
+            </el-form-item>
+            <el-form-item label="时间:"> {{ printForm.rechargeDate }} </el-form-item><br />
+            <el-form-item label="单号:">
+              {{ printForm.rechargeNum }} </el-form-item><br />
+            <el-form-item label="会员:">
+              <div>
+                {{ printForm.memberName }}/{{ printForm.mobilePhone }}
+              </div>
+            </el-form-item><br />
+            <el-form-item label="充值类别:">
+              <div>{{ printForm.rechargeTypeName }}</div>
+            </el-form-item><br />
+
+            <el-form-item label="上次余额:">
+              <div style="width: 35px">{{ printForm.beforeMoney }}</div>
+            </el-form-item>
+            <el-form-item label="赠送金额:">
+              <div>{{ printForm.giftBeforeMoney }}</div>
+            </el-form-item>
+            <br />
+            <el-form-item label="本次余额:">
+              <div style="width: 35px">{{ printForm.afterMoney }}</div>
+            </el-form-item>
+            <el-form-item label="赠送余额:">
+              <div>{{ printForm.giftAfterMoney }}</div>
+            </el-form-item>
+            <hr style="margin-top:5px">
+            <el-table :data="printForm.payLists" style="width: 180px;">
+              <el-table-column align="left" prop="payName" label="付款方式" width="95"></el-table-column>
+              <el-table-column align="center" prop="payMoney" label="支付" width="75"></el-table-column>
+            </el-table>
+            <br />
+            <br />
+            <el-form-item label="签名:">
+              <!-- <div style="height:30px;width:150px;border-bottom:1px solid #333"> </div> -->
+            </el-form-item><br />
+            <el-form-item label="服务热线:">
+              {{ printForm.telephone }} </el-form-item><br />
+            <el-form-item>
+              {{ printForm.printDate | dateFormat }}
+            </el-form-item>
+            <br /><br />
+          </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="mini" type="primary" plain @click="printDialogVisible = false">取 消</el-button>
+          <el-button size="mini" type="primary" v-print="'#printTest'">打 印</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <addmember ref="addmember" @editData="memberAdd"></addmember>
+    <member ref="member" @memberData="memberData"></member>
+    <rectype ref="rectype" @recTypeData="recTypeData"></rectype>
+    <repayment ref="repayment" @repaymentData="query"></repayment>
+    <updo ref="updo" @recTypeData="recTypeData"></updo>
+    <detail ref="detail" @detailData="detailData"></detail>
+  </div>
+</template>
+<script>
+import detail from "./components/detail.vue";
+import repayment from "@/components/repayment/index.vue";
+import rectype from "@/components/recharge/type/index";
+import updo from "@/components/recharge/updo/index";
+import { ctlist, recpage, selectById, editRecAccount } from "@/api/eashier.js";
+import { partten } from "../../../../partten/index.js";
+import {
+  storeMemberOne,
+  addrec,
+  upgrade,
+  recAccountOne,
+  recCancel,
+  storeOne,
+  recAccountList,
+  recTypeOne,
+  selectOne,
+} from "@/api/eashier.js";
+import addmember from "@/components/member/edit/index";
+import admin from "@/components/staffList/admin/index";
+import manager from "@/components/staffList/manager/index";
+import staffsles from "@/components/staffList/staff/index";
+import member from "@/components/member/index";
+export default {
+  components: {
+    member,
+    staffsles,
+    manager,
+    admin,
+    repayment,
+    addmember,
+    rectype,
+    updo,
+    detail,
+  },
+  inject: ["reload"],
+  data() {
+    return {
+      printDialogVisible: false, //打印弹窗开关
+      listDialogVisible: false,
+      postponeDialog: false,
+      refreshtext: false, //搜索判断字符
+      isShow: false,
+      selectNumber: 0,
+      isAddition: 0,
+      saveloading: false,
+      recDateShow: false,
+      postponeForm: {},
+      sessionStorageData: {}, //门店参数集合
+      detailForm: {},
+      activeName: ["员工"],
+      integral: 0,
+      consumeIntegral: 0,
+      integralMoney: 0,
+      liftType: 0,
+      debtMoneys: 0,
+      recList: [],
+      printForm: {
+        number: null,
+        storeId: null,
+        staffId: null,
+        memberName: null,
+        mobilePhone: null,
+        type: "",
+        amount: null,
+        cardOver: null,
+        cardOvers: null,
+        sonMoney: null,
+        sonMoneys: null,
+        telephone: "",
+        printDate: new Date(),
+      },
+      queryForm: {
+        //查询对象
+        pageNum: 1, // 当前页码
+        pageSize: 10, // 每页的数据条数,
+      },
+      selectDate: new Date(),
+      total: 0, //分页总条数
+      pageInfo: {
+        lists: [],
+      },
+      payLists: [], //现付列表
+      staffLists: [{ brandNumber: "", staffName: "", ratio: 100 }],
+      managerLists: [{ brandNumber: "", staffName: "", ratio: 100 }],
+      adminList: [{ brandNumber: "", staffName: "", ratio: 100 }],
+      staffList: [],
+      managerList: [],
+      form: {
+        mobilePhone: null,
+        memberName: null,
+        sex: null,
+        collectionCashAmount: null,
+        beforeMoney: 0,
+        afterMoney: 0,
+        description: null,
+        rechargeTypeName: null,
+        integralCheckbox: false,
+        debtMoney: null,
+        additionDate: null,
+        rechargeAmount: 0,
+        debtMoney: 0,
+        afterMoney: 0,
+        giftAfterMoney: 0,
+        giftBeforeMoney: 0,
+      },
+      integralShow: false,
+      typeList: {},
+      afterMoney: "",
+      vip: {}, //会员信息
+      idList: {},
+      money: null,
+      date: [],
+      pickerOptions: {
+        //组件限制方法
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      beforeMoney: 0,
+      afterMoney: 0,
+    };
+  },
+  methods: {
+    close() {
+      this.listDialogVisible = false;
+    },
+    collChange(e) {
+      if (e.indexOf("员工")) {
+        this.$refs.staffsles.show(this.staffLists);
+        this.$refs.manager.show(this.managerLists);
+        this.$refs.admin.show(this.adminList);
+      }
+    },
+    //员工占比返回方法
+    staffslesData(v) {
+      this.staffLists = [...v];
+    },
+    //高管占比返回方法
+    managerData(v) {
+      this.managerLists = [...v];
+    },
+    //管理员占比返回方法
+    adminData(v) {
+      this.adminList = [...v];
+    },
+    openMoney() {
+      this.$refs.repayment.show(this.vip);
+    },
+    recChange(v) {
+      if (v) {
+        if (this.liftType != 0) {
+          this.form.frechargeTypeId = v;
+          this.recList.forEach((item) => {
+            if (item.rechargeTypeId == v) {
+              this.form.ids = item.id;
+              this.form.rawRechargeTypeId = item.rechargeTypeId;
+            }
+          });
+        }
+        recTypeOne({ id: v }).then((res) => {
+          if (res.code == "000000") {
+            this.selectNumber = 0;
+            this.recTypeData(res.data, 0);
+          } else {
+            this.$alert(res.message, "查询充值类别明细", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+          }
+        });
+      } else {
+        this.gSetForm();
+      }
+    },
+    gSetForm() {
+      let form = {};
+      form.memberId = this.form.memberId;
+      form.mobilePhone = this.form.mobilePhone;
+      form.memberName = this.form.memberName;
+      form.rechargeAmount = 0;
+      form.beforeMoney = 0;
+      form.giftBeforeMoney = 0;
+      form.afterMoney = 0;
+      form.giftAfterMoney = 0;
+      form.collectionCashAmount = 0;
+      form.collectionAmount = 0;
+      form.debtMoney = 0;
+      this.form = form;
+    },
+    radioChange(v) {
+      if (v != 0) {
+        this.getRecList();
+      }
+    },
+    openRec(number) {
+      console.log(number);
+      this.selectNumber = number;
+      if (number == 0) {
+        this.$refs.rectype.show();
+      } else {
+        let form = { id: this.form.frechargeTypeId };
+        this.$refs.updo.show(form, number);
+      }
+    },
+
+    recTypeData(v, number) {
+      this.form.liftType = this.liftType;
+      if (v.rawCardId) {
+        this.form.rawCardId = v.rawCardId;
+        this.form.liftCardId = v.liftCardId;
+        this.idList.rechargeTypeId = v.rawCardId;
+      } else {
+        this.idList.rechargeTypeId = v.id;
+      }
+      this.form.rechargeTypeNum = v.rechargeTypeNum;
+      //标准 充值账号选择
+      recAccountOne(this.idList).then((res) => {
+        if (res.data != undefined && res.data.state == 0) {
+          this.$message.error({
+            message: "账户已锁定, 不允许使用 ! ",
+          });
+        } else {
+          if (res.code == "000000" || res.code == "200004") {
+            this.form.rechargeAmount = v.rechargeMoney;
+            if (number == 0) {
+              this.form.rechargeTypeName = "";
+            } else {
+              this.form.rechargeTypeName = v.rechargeTypeName;
+            }
+            this.form.rechargeTypeId = v.id;
+            this.form.discount = v.discount;
+            this.form.typeRatio = v.typeRatio;
+            this.form.collectionAmount = 0;
+            this.form.collectionCashAmount = 0;
+            if (this.liftType == 0) {
+              this.form.beforeMoney = 0;
+              this.form.giftBeforeMoney = 0;
+              this.form.giftAfterMoney = 0;
+              this.form.afterMoney = 0;
+            }
+            if (!this.form.integralMoney) {
+              this.form.integralMoney = 0;
+            }
+            if (res.code == "000000") {
+              //有账号
+              this.form.rechargeAccountId = res.data.id;
+              if (this.liftType == 0) {
+                this.form.beforeMoney = res.data.cardRestMoney;
+                this.form.giftBeforeMoney = res.data.cardGiftMoney;
+              } else {
+                this.form.beforeMoney =
+                  (res.data.cardRestMoney + this.form.beforeMoney).toFixed(2) *
+                  1;
+                this.form.giftBeforeMoney =
+                  (res.data.cardGiftMoney + this.form.giftBeforeMoney).toFixed(
+                    2
+                  ) * 1;
+              }
+              if (
+                v.cardRestMoney == 0 &&
+                (v.firstChange == 0 || v.firstChange == null)
+              ) {
+                this.form.rechargeAmount = v.firstAmount;
+              }
+            } else {
+              if (v.firstAmount) {
+                this.form.rechargeAmount = v.firstAmount;
+              } else {
+                this.form.rechargeAmount = v.rechargeMoney;
+              }
+            }
+            this.form.debtMoney =
+              (
+                this.form.rechargeAmount -
+                this.form.collectionCashAmount -
+                this.form.integralMoney
+              ).toFixed(2) * 1;
+            if (this.form.debtMoney < 0) {
+              this.form.debtMoney = 0;
+            }
+            this.form.afterMoney =
+              this.form.rechargeAmount + this.form.beforeMoney;
+
+            if (!v.giftMoney) {
+              v.giftMoney = 0;
+              if (!this.form.giftBeforeMoney) {
+                this.form.giftBeforeMoney = 0;
+              }
+              this.form.giftAfterMoney =
+                this.form.giftBeforeMoney + v.giftMoney;
+            } else {
+              if (!this.form.giftBeforeMoney) {
+                this.form.giftBeforeMoney = 0;
+              }
+              this.form.giftAfterMoney =
+                this.form.giftBeforeMoney + v.giftMoney;
+            }
+            this.money = this.form.giftAfterMoney;
+            if (this.sessionStorageData.recharge == true) {
+              if (this.form.integralCheckbox == true) {
+                let list = JSON.parse(
+                  sessionStorage.getItem("sessionStorageData")
+                ).excIntegralByMoney.split(":");
+                if (this.integralMoney >= this.form.debtMoney) {
+                  this.integralMoney = this.form.debtMoney;
+                  this.consumeIntegral =
+                    this.form.debtMoney * (list[0] / list[1]);
+                }
+              }
+            }
+            if (number == 0) {
+              this.beforeMoney = this.form.beforeMoney;
+              this.afterMoney = this.form.afterMoney;
+            }
+            if (this.liftType != 0) {
+              this.afterMoney = this.afterMoney + this.form.afterMoney;
+              this.beforeMoney = this.beforeMoney + this.form.beforeMoney;
+            }
+          } else {
+            this.$alert(res.message, "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+            this.form.rechargeAccountId = "";
+            this.form.beforeMoney = 0;
+            this.form.giftBeforeMoney = 0;
+            if (!v.giftMoney) {
+              v.giftMoney = 0;
+              this.form.giftAfterMoney =
+                this.form.giftBeforeMoney + v.giftMoney;
+            } else {
+              this.form.giftAfterMoney =
+                this.form.giftBeforeMoney + v.giftMoney;
+            }
+          }
+        }
+        this.money = this.form.giftAfterMoney;
+        let form = { ...this.form };
+        this.form = {};
+        this.form = form;
+      });
+    },
+    //打开选择会员弹窗
+    openMember() {
+      this.$refs.member.show(this.vip);
+    },
+    //选中会员返回方法
+    memberData(v) {
+      this.form.mobilePhone = v.mobilePhone;
+      this.query();
+    },
+    //上传文件方法
+    fileData(v) {
+      //console.log(v);
+    },
+    //返回当前行的下标
+    tableRowClassName({ row, rowIndex }) {
+      row.index = rowIndex;
+    },
+    openDate() {
+      this.$nextTick(() => {
+        this.$refs.recDate.focus();
+      });
+    },
+    //打印方法
+    print(row) {
+      storeOne({
+        id: row.storeId,
+      }).then((res) => {
+        if (res.code == "000000") {
+          //console.log(res);
+          row.telephone = res.data.telephone;
+          row.printDate = new Date();
+          this.printForm = row;
+        }
+      });
+    },
+    checkintegral(row) {
+      if (this.form.rechargeTypeName != "") {
+        let list = JSON.parse(
+          sessionStorage.getItem("sessionStorageData")
+        ).excIntegralByMoney.split(":");
+
+        if (row == true) {
+          if (this.integralMoney >= this.form.debtMoney) {
+            this.integralMoney = this.form.debtMoney;
+            this.consumeIntegral = this.form.debtMoney * (list[0] / list[1]);
+          }
+          this.form.debtMoney =
+            this.form.rechargeAmount * 1 - this.integralMoney;
+          if (this.form.debtMoney < 0) {
+            this.form.debtMoney = 0;
+          }
+        } else {
+          this.form.debtMoney = this.form.rechargeAmount * 1;
+          if (this.form.debtMoney < 0) {
+            this.form.debtMoney = 0;
+          }
+          storeMemberOne({
+            mobilePhone: this.form.mobilePhone,
+            storeId: sessionStorage.getItem("parentId"),
+          }).then((res) => {
+            if (this.sessionStorageData.recharge == true) {
+              this.integral = res.data.integral;
+              this.integralMoney = res.data.integralMoney;
+              this.consumeIntegral = res.data.consumeIntegral;
+            } else {
+              this.integral = 0;
+              this.integralMoney = 0;
+              this.consumeIntegral = 0;
+            }
+          });
+        }
+        this.num();
+      }
+    },
+
+    //输入手机号是查询
+    //查询方法
+    query() {
+      var number = partten.phoneNum;
+      if (!number.test(this.form.mobilePhone)) {
+        this.$message.info({
+          message: "请输入正确的手机号 ! ",
+        });
+      } else {
+        storeMemberOne({
+          mobilePhone: this.form.mobilePhone,
+          storeId: sessionStorage.getItem("parentId"),
+        }).then((res) => {
+          if (res.data != undefined && res.data.state == 0) {
+            this.$message.error({
+              message: "账户已锁定, 不允许使用 ! ",
+            });
+            this.$alert("账户已锁定, 不允许使用 !", "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+          } else {
+            if (res.code == "000000" || res.code == "200004") {
+              if (res.code == "000000") {
+                var idList = {
+                  storeId: res.data.storeId,
+                  memberId: res.data.id,
+                };
+                this.idList = idList;
+                // 会员id 门店id 充值类别id
+                this.vip = res.data;
+                this.form.card = res.data.card;
+                this.form.memberId = res.data.id;
+                this.form.memberName = res.data.memberName;
+                this.debtMoneys = res.data.debtMoney;
+                this.form.sex = res.data.sex;
+                this.getRecList();
+                if (res.data.memberIdentityCard != "") {
+                  this.form.memberIdentityCard = res.data.memberIdentityCard;
+                } else {
+                  this.form.memberIdentityCard = "";
+                }
+                if (this.sessionStorageData.recharge == true) {
+                  this.consumeIntegral = res.data.consumeIntegral;
+                  this.integral = res.data.integral;
+                  this.integralMoney = res.data.integralMoney;
+                } else {
+                  this.consumeIntegral = 0;
+                  this.integral = 0;
+                  this.integralMoney = 0;
+                }
+              } else {
+                this.empty();
+                if (res.code == "200004") {
+                  this.$confirm(res.message + ",请先注册!", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    cancelButtonClass: "cancelbtnFalses",
+                    confirmButtonClass: "confirmbtnFalses",
+                    type: "warning",
+                  }).then(() => {
+                    this.openAddMember();
+                  });
+                } else {
+                  this.$alert(res.message, "提示", {
+                    confirmButtonText: "确定",
+                    confirmButtonClass: "confirmbtnFalses",
+                    type: "warning",
+                    center: true,
+                    callback: (action) => {},
+                  });
+                }
+              }
+            } else {
+              this.form.rechargeAccountId = "";
+              this.form.beforeMoney = 0;
+              this.form.giftBeforeMoney = 0;
+              if (this.typeList.giftMoney == null) {
+                this.typeList.giftMoney = 0;
+                this.form.giftAfterMoney =
+                  this.form.giftBeforeMoney + this.typeList.giftMoney;
+              } else {
+                this.form.giftAfterMoney =
+                  this.form.giftBeforeMoney + this.typeList.giftMoney;
+              }
+              this.$alert("查询会员信息 : " + res.message, "提示", {
+                confirmButtonText: "确定",
+                confirmButtonClass: "confirmbtnFalses",
+                type: "warning",
+                center: true,
+                callback: (action) => {},
+              });
+            }
+          }
+        });
+      }
+    },
+    openAddMember() {
+      this.$refs.addmember.show("添加");
+    },
+    memberAdd(v) {
+      this.form.mobilePhone = v.mobilePhone;
+      this.query();
+    },
+    //选择金额.
+    editPay(row, index) {
+      let payNUm = 0;
+      this.payLists.forEach((item) => {
+        payNUm += item.payMoney * 1;
+      });
+      if (this.form.rechargeTypeName != "") {
+        if (this.form.integralCheckbox == true) {
+          row.payMoney = this.form.rechargeAmount - this.integralMoney - payNUm;
+        } else {
+          row.payMoney = this.form.debtMoney - payNUm;
+        }
+        if (row.payMoney * 1 < 0) {
+          row.payMoney = 0;
+        }
+        row.payMoney = row.payMoney.toFixed(2) * 1;
+
+        row.isShow = true;
+        var form = {
+          ...row,
+        };
+        var payLists = [...this.payLists];
+        payLists[index] = form;
+        this.payLists = [];
+        this.payLists = payLists;
+      } else {
+        this.$message.info({
+          message: "请先选择充值类别!",
+        });
+      }
+    },
+    endEdit(row) {
+      row.payMoney = row.payMoney * 1;
+      row.isShow = false;
+      this.num();
+      let integralMoney = this.integralMoney;
+      if (this.form.integralCheckbox == false) {
+        integralMoney = 0;
+      }
+      if (this.form.rechargeAmount == null) {
+        this.form.rechargeAmount = 0;
+      }
+      this.form.debtMoney =
+        this.form.rechargeAmount -
+        this.form.collectionCashAmount -
+        integralMoney;
+      if (this.form.debtMoney < 0) {
+        this.form.debtMoney = 0;
+      }
+      this.form.afterMoney =
+        this.form.collectionCashAmount + this.form.beforeMoney + integralMoney;
+      if (this.form.debtMoney != 0) {
+        this.form.giftAfterMoney = this.form.giftBeforeMoney;
+        if (
+          this.form.debtMoney * 1 >
+          (
+            (this.form.rechargeAmount *
+              this.sessionStorageData.recDebtRatio *
+              1) /
+            100
+          ).toFixed(2) *
+            1
+        ) {
+          this.$message.warning({
+            message:
+              "本次支付金额最多可以欠款 : " +
+              (
+                (this.form.rechargeAmount *
+                  this.sessionStorageData.recDebtRatio *
+                  1) /
+                100
+              ).toFixed(2) *
+                1,
+          });
+        }
+      } else {
+        this.form.giftAfterMoney = this.money;
+      }
+    },
+
+    empty() {
+      this.form = {
+        mobilePhone: null,
+        memberName: null,
+        sex: null,
+        collectionCashAmount: null,
+        beforeMoney: 0,
+        afterMoney: 0,
+        description: null,
+        rechargeTypeName: null,
+        integralCheckbox: false,
+        debtMoney: null,
+        additionDate: null,
+        rechargeAmount: 0,
+        debtMoney: 0,
+        afterMoney: 0,
+        giftAfterMoney: 0,
+        giftBeforeMoney: 0,
+      };
+      this.debtMoneys = 0;
+      this.integral = 0;
+      this.integralMoney = 0;
+      this.consumeIntegral = 0;
+      this.payLists = [];
+      this.staffLists = [{ ratio: 100 }];
+      this.managerLists = [{ ratio: 100 }];
+      this.adminList = [{ ratio: 100 }];
+      this.activeName = ["员工"];
+      this.setStaffRatio();
+      this.getCtList();
+    },
+    setStaffRatio() {
+      var that = this;
+      setTimeout(() => {
+        that.$refs.manager.show(that.managerLists);
+        that.$refs.staffsles.show(that.staffLists);
+        that.$refs.admin.show(that.adminList);
+      }, 500);
+    },
+
+    //提交
+    //保存确定方法
+    save() {
+      this.num();
+      var staffList = [];
+      this.staffLists.forEach((item) => {
+        if (item.id) {
+          delete item.ratioShow;
+          staffList.push(item);
+        }
+      });
+      this.form.staffLists = staffList;
+      var payLists = [];
+      this.payLists.forEach((item) => {
+        delete item.collectionType;
+        delete item.isShow;
+        delete item.state;
+        if (item.payMoney * 1 > 0) {
+          payLists.push(item);
+        }
+      });
+      this.form.payLists = payLists;
+      if (this.form.integralCheckbox == true) {
+        this.form.consumeIntegral = this.consumeIntegral;
+        this.form.integralMoney = this.integralMoney;
+        this.form.integral = this.integral;
+        this.form.collectionIntegralAmount = this.form.integralMoney;
+        this.form.integral = this.form.consumeIntegral;
+      } else {
+        this.form.collectionIntegralAmount = 0;
+        this.form.integral = 0;
+        this.form.consumeIntegral = 0;
+        this.form.integralMoney = 0;
+      }
+      this.form.debtMoney =
+        (
+          this.form.rechargeAmount -
+          this.form.collectionCashAmount -
+          this.form.integralMoney
+        ).toFixed(2) * 1;
+      if (this.form.debtMoney < 0) {
+        this.form.debtMoney = 0;
+      }
+      if (this.form.debtMoney > 0) {
+        this.form.isDebt = 1;
+      } else {
+        this.form.isDebt = 0;
+        this.form.debtMoney = 0;
+      }
+      if (this.form.integralCheckbox == true) {
+        this.form.integralCheckbox = 1;
+      } else {
+        this.form.integralCheckbox = 0;
+      }
+      let salesmens = [];
+      this.managerLists.forEach((item) => {
+        if (item.id) {
+          item.staffType = 0;
+          salesmens.push(item);
+        }
+      });
+      this.adminList.forEach((item) => {
+        if (item.id) {
+          item.staffType = 1;
+          salesmens.push(item);
+        }
+      });
+      this.form.salesmens = salesmens;
+      delete this.form.rechargeDate;
+      delete this.form.consumeIntegral;
+      delete this.form.integralMoney;
+      delete this.form.integralCheckbox;
+      this.form.memberId = this.vip.id;
+      this.form.isAddition = this.isAddition;
+      if (this.form.additionDate && this.isAddition == 1) {
+        this.saveloading = false;
+        this.$alert("请选择业务日期", "提示", {
+          confirmButtonText: "确定",
+          confirmButtonClass: "confirmbtnFalses",
+          type: "warning",
+          center: true,
+          callback: (action) => {},
+        });
+      } else {
+        let useMoney =
+          (
+            this.sessionStorageData.recDebtRatio *
+            0.01 *
+            this.form.rechargeAmount
+          ).toFixed(2) * 1;
+        if (this.sessionStorageData.recDebt == true) {
+          if (this.form.debtMoney > useMoney) {
+            this.saveloading = false;
+            this.$alert("本次充值最多可以欠款 " + useMoney, "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+          } else {
+            var that = this;
+            if (staffList.length == 0) {
+              this.$confirm("没有选择员工是否保存?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                cancelButtonClass: "cancelbtnFalses",
+                confirmButtonClass: "confirmbtnFalses",
+                type: "warning",
+              }).then(() => {
+                this.addrec();
+              });
+            } else {
+              this.addrec();
+            }
+          }
+        } else {
+          var that = this;
+          if (staffList.length == 0) {
+            this.$confirm("没有选择员工是否保存?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              cancelButtonClass: "cancelbtnFalses",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+            }).then(() => {
+              this.addrec();
+            });
+          } else {
+            this.addrec();
+          }
+        }
+      }
+    },
+    addrec() {
+      if (this.liftType == 0) {
+        addrec(this.form).then((res) => {
+          this.saveloading = false;
+          if (res.code == "000000") {
+            this.empty();
+            this.$message.success({
+              message: res.message,
+            });
+            this.money = 0;
+          } else {
+            this.$alert(res.message, "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+          }
+        });
+      } else {
+        upgrade(this.form).then((res) => {
+          this.saveloading = false;
+          if (res.code == "000000") {
+            this.empty();
+            this.$message.success({
+              message: res.message,
+            });
+            this.money = 0;
+          } else {
+            this.$alert(res.message, "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+          }
+        });
+      }
+    },
+
+    //列表
+    getList() {
+      this.listDialogVisible = true;
+      this.queryForm.selectDate = this.formatTime(this.selectDate, "YYYYMM");
+      recpage(this.queryForm).then((res) => {
+        if (res.code == "000000") {
+          res.pageInfo.list.forEach((item) => {
+            item.entities.forEach((items) => {
+              items.editStaffRatioShow = false;
+            });
+          });
+          res.pageInfo.lists = res.pageInfo.list;
+          this.pageInfo = res.pageInfo;
+          this.total = res.pageInfo.total;
+        } else {
+          this.$alert(res.message, "提示", {
+            confirmButtonText: "确定",
+            confirmButtonClass: "confirmbtnFalses",
+            type: "warning",
+            center: true,
+            callback: (action) => {},
+          });
+        }
+      });
+    },
+    changeRowBgColorByIsPay({ row, rowIndex }) {
+      let stylejson = {};
+      if (row.isCancel === 1) {
+        stylejson.background = "#eee";
+        return stylejson;
+      } else {
+        return "";
+      }
+    },
+    detail(row) {
+      this.$refs.detail.show(row);
+    },
+    detailData() {
+      this.getList();
+    },
+
+    openPostpone(row) {
+      selectById({
+        id: row.rechargeAccountId,
+      }).then((res) => {
+        if (res.code == "000000") {
+          this.postponeForm = res.data;
+        } else {
+          this.$alert(res.message, "提示", {
+            confirmButtonText: "确定",
+            confirmButtonClass: "confirmbtnFalses",
+            type: "warning",
+            center: true,
+            callback: (action) => {},
+          });
+        }
+      });
+    },
+    endPostpone() {
+      var form = {
+        id: this.postponeForm.id,
+        endTime: this.postponeForm.endTime,
+      };
+      editRecAccount(form).then((res) => {
+        if (res.code == "000000") {
+          this.$message.success({
+            message: res.message,
+          });
+        } else {
+          this.$alert(res.message, "提示", {
+            confirmButtonText: "确定",
+            confirmButtonClass: "confirmbtnFalses",
+            type: "warning",
+            center: true,
+            callback: (action) => {},
+          });
+        }
+        this.getList();
+      });
+    },
+    //充值单作废
+    recCancel(row) {
+      this.$confirm("此操作将作废这张单, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        cancelButtonClass: "cancelbtnFalses",
+        confirmButtonClass: "confirmbtnFalses",
+        type: "warning",
+      }).then(() => {
+        delete row.payLists;
+        delete row.entities;
+
+        row.isCancel = 1;
+        recCancel(row).then((res) => {
+          //console.log(res);
+          if (row.code == "000000") {
+            this.$message.success({
+              message: res.message,
+            });
+            this.getList();
+            this.$message({
+              type: "success",
+              message: "已作废!",
+            });
+          } else {
+            this.$alert(res.message, "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {
+                this.getList();
+              },
+            });
+          }
+        });
+      });
+    },
+    getCtList() {
+      ctlist({ id: "" }).then((res) => {
+        if (res.code == "000000") {
+          var list = [];
+          res.rows.forEach((item) => {
+            let items = {
+              payId: item.id,
+              payMoney: 0,
+              payName: item.collectionTypeName,
+              isShow: false,
+            };
+            list.push(items);
+          });
+          this.payLists = list;
+          this.num();
+        } else {
+          this.$alert("现付列表" + res.message, "提示", {
+            confirmButtonText: "确定",
+            confirmButtonClass: "confirmbtnFalses",
+            type: "warning",
+            center: true,
+            callback: (action) => {},
+          });
+        }
+      });
+      var that = this;
+      setTimeout(() => {
+        that.$refs.staffsles.show(that.staffLists);
+      }, 1000);
+    },
+    getRecList() {
+      if (this.form.memberId) {
+        recAccountList({
+          memberId: this.form.memberId,
+        }).then((res) => {
+          if (res.code == "000000") {
+            this.recList = res.rows;
+          } else {
+            this.$alert("查询会员充值卡: " + res.message, "提示", {
+              confirmButtonText: "确定",
+              confirmButtonClass: "confirmbtnFalses",
+              type: "warning",
+              center: true,
+              callback: (action) => {},
+            });
+          }
+        });
+      }
+    },
+    //指定列求和
+    //数组按对应字段合计返回方法
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        const values = data.map((item) => Number(item[column.property]));
+        if (column.property == "payMoney") {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              sums[index] = "--";
+            }
+          }, 0);
+          sums[index] += " ";
+        } else {
+          sums[index] = "--";
+        }
+      });
+      return sums;
+    },
+    //求和
+    num() {
+      var num = 0;
+      this.payLists.forEach((item) => {
+        num += item.payMoney * 1;
+      });
+      this.form.collectionCashAmount = num;
+      if (this.form.integralCheckbox == true) {
+        this.form.collectionAmount =
+          this.form.collectionCashAmount + this.integralMoney;
+      } else {
+        this.form.collectionAmount = this.form.collectionCashAmount;
+      }
+    },
+    //分页方法
+    handleSizeChange(val) {
+      //   //console.log(`每页 ${val} 条`);
+      this.queryForm.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      //   //console.log(`当前页: ${val}`);
+      this.queryForm.pageNum = val;
+      this.getList();
+    },
+  },
+  created() {
+    this.setStaffRatio();
+    this.getCtList();
+    this.sessionStorageData = JSON.parse(
+      sessionStorage.getItem("sessionStorageData")
+    );
+  },
+};
+</script>
+<style>
+.collection {
+  background: white;
+  margin-left: 25px;
+}
+
+.collection span {
+  font-weight: 500;
+}
+
+.collectioncenter {
+  margin-top: 15px;
+  padding-left: 40px;
+}
+
+.collectioncenter table {
+  margin: 10px auto;
+}
+
+.collectioncenter th:nth-child(1) {
+  min-width: 78px;
+}
+
+.collectioncenter td {
+  height: 25px;
+  min-width: 68px;
+  text-align: center;
+  padding: 10px;
+}
+
+.collection .span {
+  width: 100px;
+  display: inline-block;
+}
+
+.type .el-radio__label {
+  display: none;
+}
+
+/* .collection .el-input {
+  width: 100px;
+} */
+.colljisuan {
+  height: 38px;
+  width: 100%;
+  border-bottom: 1px solid #999999;
+  position: relative;
+  font-size: 14px;
+  line-height: 35px;
+}
+
+.colljisuan span:nth-child(1) {
+  position: absolute;
+  left: 35px;
+}
+
+.colljisuan span:nth-child(2) {
+  position: absolute;
+  left: 235px;
+}
+
+.collection .el-table__row {
+  /* height: 50px; */
+}
+
+.colle {
+  padding: 10px 0px 10px 30px;
+}
+
+.colle .el-collapse-item,
+.colle-but {
+  max-width: 1100px;
+}
+
+.colle .el-collapse-item__header {
+  border-bottom: 1px solid #999999;
+}
+.colleInt .el-collapse-item,
+.colle-but {
+  max-width: 1100px;
+}
+
+.collection .operation {
+  width: 200px;
+  height: 120%;
+  border-left: 1px solid #e2e2e2;
+  margin-left: 20px;
+  padding-bottom: 50px;
+  padding-left: 50px;
+}
+
+.operation .el-button {
+  margin-top: 20px;
+}
+
+.shuipai .el-radio__label {
+  display: none;
+}
+
+.rowformdivs .el-date-editor {
+  width: 150px;
+}
+
+.collection > .el-date-picker__time-header {
+  display: none !important;
+}
+
+.printDiv .el-form-item {
+  margin-bottom: 0px;
+}
+
+.printDiv .el-form-item__label,
+.el-form-item__content {
+  font-size: 12px;
+  color: black;
+  font-family: "宋体";
+  padding: 0 5px 0 0;
+}
+.printDiv {
+  width: 180px;
+  margin: 0 auto;
+}
+</style>
diff --git a/src/pages/eashier/collectionList/components/detail.vue b/src/pages/eashier/collectionList/components/detail.vue
index 7e71bac..f016e86 100644
--- a/src/pages/eashier/collectionList/components/detail.vue
+++ b/src/pages/eashier/collectionList/components/detail.vue
@@ -1,327 +1,327 @@
-<template>
-  <el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="detailDialog" width="80%" append-to-body :before-close="handleClose">
-    <!-- 明细 -->
-    <div class="flex justify-start align-start flex-wrap padding-top">
-      <el-form :inline="true" :model="form" ref="form" label-width="80px">
-        <el-form-item label="单号:">
-          <div class="form-width-sm">
-            <span>{{ form.rechargeNum }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="单据日期:">
-          <div class="form-width-sm text-cut">
-            {{ form.rechargeDate }}
-          </div>
-        </el-form-item>
-        <el-form-item label="名字:">
-          <div class="form-width-sm">
-            <span>{{ form.memberName }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="手机号码:">
-          <div class="form-width-sm">
-            <span>{{ form.mobilePhone }}</span>
-          </div>
-        </el-form-item>
-        <br />
-        <el-form-item label="充值方式:">
-          <div class="form-width-sm  ">
-            <el-tag v-if="form.liftType==0">标准</el-tag>
-            <el-tag v-if="form.liftType==1">升级</el-tag>
-            <el-tag v-if="form.liftType==2">降级</el-tag>
-          </div>
-        </el-form-item>
-        <el-form-item label="充前类别:">
-          <div class="form-width-sm">
-            <span>{{ form.rawRechargeTypeName }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="充值类别:">
-          <div class="form-width-sm">
-            <span>{{ form.rechargeTypeName }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="标准金额:">
-          <div class="form-width-sm">
-            <span>{{ form.rechargeAmount }}</span>
-          </div>
-        </el-form-item>
-        <br />
-        <el-form-item label="充前金额:">
-          <div class="form-width-sm">
-            <span>{{ form.beforeMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="充后金额:">
-          <div class="form-width-sm">
-            <span>{{ form.afterMoney }}</span>
-          </div>
-        </el-form-item>
-
-        <el-form-item label="充前赠送:">
-          <div class="form-width-sm">
-            <span>{{ form.giftBeforeMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="充后赠送:">
-          <div class="form-width-sm">
-            <span>{{ form.giftAfterMoney }}</span>
-          </div>
-        </el-form-item>
-        <br />
-
-        <el-form-item label="欠款:">
-          <div class="form-width-sm">
-            <span>{{ form.debtMoney }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item v-show="form.collectionIntegralAmount != 0" label="积分支付:">
-          <div class="form-width-sm">
-            <span>{{ form.collectionIntegralAmount }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="实付金额金额:">
-          <div class="form-width-sm">
-            <span>{{ form.collectionCashAmount }}</span>
-          </div>
-        </el-form-item>
-        <el-form-item label="补单日期:" v-show="form.isAddition == 1">
-          <div class="form-width-sm">
-            <span>{{ form.additionDate }}</span>
-          </div>
-        </el-form-item>
-        <br />
-        <el-form-item label="说明:">
-          <span>{{ form.description }}</span>
-        </el-form-item>
-      </el-form>
-      <div style="width:280px" class="border-radius-10 border margin-right-xs bg-white padding-xs">
-        <el-table :data=" form.payLists" :summary-method="getSummaries" show-summary>
-          <el-table-column align="center" prop="payName" label="支付方式" min-width="150"></el-table-column>
-          <el-table-column align="center" prop="payMoney" label="支付金额" width="120"></el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <br />
-    <!-- <el-collapse v-model="activeNames" @change="collChange($event)">
-      <el-collapse-item title="员工/门店管理层/高管业绩" name="员工"> -->
-    <div class="flex justify-center align-start flex-wrap padding-top">
-      <staffsles ref="staffsles" @staffslesData="staffslesData"></staffsles>
-      <admin ref="admin" @adminData="adminData"></admin>
-      <manager ref="manager" @managerData="managerData"></manager>
-    </div>
-    <!-- </el-collapse-item>
-    </el-collapse> -->
-    <span slot="footer" class="dialog-footer" v-if="title=='明细'">
-      <el-button size="mini" type="primary" @click="detailDialog=false">关闭</el-button>
-    </span>
-    <span v-else slot="footer" class="dialog-footer">
-      <el-button size="mini" type="primary" plain @click="cancel()">取 消</el-button>
-      <el-button v-if="form.isCancel==0" size="mini" type="primary" @click="subStaffRatio()">修 改</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-import { recEditStaff, selectOne } from "@/api/eashier.js";
-import admin from "@/components/staffList/admin/index";
-import manager from "@/components/staffList/manager/index";
-import staffsles from "@/components/staffList/staff/index";
-export default {
-  components: {
-    staffsles,
-    manager,
-    admin,
-  },
-  data() {
-    return {
-      detailDialog: false,
-      activeNames: "员工",
-      title: "", //弹窗标题
-      form: {}, //主对象
-    };
-  },
-  methods: {
-    //关闭弹窗前的回调方法
-    handleClose() {
-      this.form = Object.assign({});
-      this.$refs.form.clearValidate();
-      this.detailDialog = false;
-    },
-    collChange(e) {
-      if (e.indexOf("员工")) {
-        this.setStaff();
-      }
-    },
-    setStaff() {
-      var that = this;
-      setTimeout(() => {
-        console.log(that.$refs.staffsles);
-        that.$refs.staffsles.show(that.form.entities);
-        that.$refs.admin.show(that.form.adminList);
-        that.$refs.manager.show(that.form.managerList);
-      }, 800);
-    },
-    //员工占比返回方法
-    staffslesData(v) {
-      this.form.entities = [...v];
-    },
-    //高管占比返回方法
-    managerData(v) {
-      this.form.managerList = [...v];
-    },
-    //管理员占比返回方法
-    adminData(v) {
-      this.form.adminList = [...v];
-    },
-    cancel() {
-      this.detailDialog = false;
-      this.$emit("detailData");
-    },
-    //组件传值
-    show(form, text) {
-      if (text == "明细") {
-        this.title = text;
-      } else {
-        this.title = "明细/修改";
-      }
-      this.detailDialog = true;
-      this.getData(form);
-    },
-    getData(row) {
-      this.form = {
-        ...row,
-      };
-      this.form.entities.forEach((item) => {
-        item.staffName = item.saleStaffName;
-        item.editStaffRatioShow = false;
-        item.id = item.saleStaffId;
-        item.identityCard = item.saleIdentityCard;
-        item.ratio = item.saleRatio;
-        item.staffNames = item.brandNumber + "--" + item.staffName;
-      });
-      selectOne({ type: 1, orderId: row.id }).then((res) => {
-        if (res.code == "000000") {
-          let managerList = [];
-          let adminList = [];
-          res.rows.forEach((item) => {
-            if (item.staffType == 0) {
-              item.staffNames = item.brandNumber + "--" + item.staffName;
-              managerList.push(item);
-            }
-            if (item.staffType == 1) {
-              item.staffNames = item.brandNumber + "--" + item.staffName;
-              adminList.push(item);
-            }
-          });
-          if (managerList.length == 0) {
-            managerList.push({ ratio: 100 });
-          }
-          if (adminList.length == 0) {
-            adminList.push({ ratio: 100 });
-          }
-          if (this.form.entities.length == 0) {
-            this.form.entities.push({ ratio: 100 });
-          }
-          this.form.managerList = managerList;
-          this.form.adminList = adminList;
-          this.setStaff();
-        } else {
-          this.$alert(res.message, "加载门店高管", {
-            confirmButtonText: "确定",
-            confirmButtonClass: "confirmbtnFalses",
-            type: "warning",
-            center: true,
-            callback: (action) => {},
-          });
-        }
-      });
-    },
-    //指定列求和
-    //数组按对应字段合计返回方法
-    getSummaries(param) {
-      const { columns, data } = param;
-      const sums = [];
-      columns.forEach((column, index) => {
-        if (index === 0) {
-          sums[index] = "合计";
-          return;
-        }
-        const values = data.map((item) => Number(item[column.property]));
-        if (column.property == "payMoney") {
-          sums[index] = values.reduce((prev, curr) => {
-            const value = Number(curr);
-            if (!isNaN(value)) {
-              return prev + curr;
-            } else {
-              sums[index] = "--";
-            }
-          }, 0);
-          sums[index] += " ";
-        } else {
-          sums[index] = "--";
-        }
-      });
-      return sums;
-    },
-    subStaffRatio() {
-      let staffLists = [];
-      this.form.entities.forEach((item) => {
-        let items = {
-          ratio: item.ratio,
-          id: item.id,
-          identityCard: item.identityCard,
-          staffName: item.staffName,
-          brandNumber: item.brandNumber,
-        };
-        staffLists.push(items);
-      });
-      let salesmens = [];
-      this.form.managerList.forEach((item) => {
-        if (item.id) {
-          item.staffType = 0;
-          salesmens.push(item);
-        }
-      });
-      this.form.adminList.forEach((item) => {
-        if (item.id) {
-          item.staffType = 1;
-
-          salesmens.push(item);
-        }
-      });
-      let form = {
-        rechargeDate: this.form.rechargeDate,
-        collectionAmount: this.form.collectionAmount,
-        rechargeAmount: this.form.rechargeAmount,
-        typeRatio: this.form.typeRatio,
-        id: this.form.id,
-        staffLists: staffLists,
-        collectionCashAmount: this.form.collectionCashAmount,
-        collectionIntegralAmount: this.form.collectionIntegralAmount,
-      };
-      form.salesmens = salesmens;
-      recEditStaff(form).then((res) => {
-        if (res.code == "000000") {
-          this.$message.success({
-            message: res.message,
-          });
-          this.detailDialog = false;
-          this.$emit("detailData");
-        } else {
-          this.$alert(res.message, "提示", {
-            confirmButtonText: "确定",
-            confirmButtonClass: "confirmbtnFalses",
-            type: "warning",
-            center: true,
-            callback: (action) => {},
-          });
-        }
-      });
-    },
-  },
-};
-</script>
-
-<style>
-</style>
+<template>
+  <el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="detailDialog" width="80%" append-to-body :before-close="handleClose">
+    <!-- 明细 -->
+    <div class="flex justify-start align-start flex-wrap padding-top">
+      <el-form :inline="true" :model="form" ref="form" label-width="80px">
+        <el-form-item label="单号:">
+          <div class="form-width-sm">
+            <span>{{ form.rechargeNum }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="单据日期:">
+          <div class="form-width-sm text-cut">
+            {{ form.rechargeDate }}
+          </div>
+        </el-form-item>
+        <el-form-item label="名字:">
+          <div class="form-width-sm">
+            <span>{{ form.memberName }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="手机号码:">
+          <div class="form-width-sm">
+            <span>{{ form.mobilePhone }}</span>
+          </div>
+        </el-form-item>
+        <br />
+        <el-form-item label="充值方式:">
+          <div class="form-width-sm  ">
+            <el-tag v-if="form.liftType==0">标准</el-tag>
+            <el-tag v-if="form.liftType==1">升级</el-tag>
+            <el-tag v-if="form.liftType==2">降级</el-tag>
+          </div>
+        </el-form-item>
+        <el-form-item label="充前类别:">
+          <div class="form-width-sm">
+            <span>{{ form.rawRechargeTypeName }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="充值类别:">
+          <div class="form-width-sm">
+            <span>{{ form.rechargeTypeName }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="标准金额:">
+          <div class="form-width-sm">
+            <span>{{ form.rechargeAmount }}</span>
+          </div>
+        </el-form-item>
+        <br />
+        <el-form-item label="充前金额:">
+          <div class="form-width-sm">
+            <span>{{ form.beforeMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="充后金额:">
+          <div class="form-width-sm">
+            <span>{{ form.afterMoney }}</span>
+          </div>
+        </el-form-item>
+
+        <el-form-item label="充前赠送:">
+          <div class="form-width-sm">
+            <span>{{ form.giftBeforeMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="充后赠送:">
+          <div class="form-width-sm">
+            <span>{{ form.giftAfterMoney }}</span>
+          </div>
+        </el-form-item>
+        <br />
+
+        <el-form-item label="欠款:">
+          <div class="form-width-sm">
+            <span>{{ form.debtMoney }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item v-show="form.collectionIntegralAmount != 0" label="积分支付:">
+          <div class="form-width-sm">
+            <span>{{ form.collectionIntegralAmount }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="实付金额:">
+          <div class="form-width-sm">
+            <span>{{ form.collectionCashAmount }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="补单日期:" v-show="form.isAddition == 1">
+          <div class="form-width-sm">
+            <span>{{ form.additionDate }}</span>
+          </div>
+        </el-form-item>
+        <br />
+        <el-form-item label="说明:">
+          <span>{{ form.description }}</span>
+        </el-form-item>
+      </el-form>
+      <div style="width:280px" class="border-radius-10 border margin-right-xs bg-white padding-xs">
+        <el-table :data=" form.payLists" :summary-method="getSummaries" show-summary>
+          <el-table-column align="center" prop="payName" label="支付方式" min-width="150"></el-table-column>
+          <el-table-column align="center" prop="payMoney" label="支付金额" width="120"></el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <br />
+    <!-- <el-collapse v-model="activeNames" @change="collChange($event)">
+      <el-collapse-item title="员工/门店管理层/高管业绩" name="员工"> -->
+    <div class="flex justify-center align-start flex-wrap padding-top">
+      <staffsles ref="staffsles" @staffslesData="staffslesData"></staffsles>
+      <admin ref="admin" @adminData="adminData"></admin>
+      <manager ref="manager" @managerData="managerData"></manager>
+    </div>
+    <!-- </el-collapse-item>
+    </el-collapse> -->
+    <span slot="footer" class="dialog-footer" v-if="title=='明细'">
+      <el-button size="mini" type="primary" @click="detailDialog=false">关闭</el-button>
+    </span>
+    <span v-else slot="footer" class="dialog-footer">
+      <el-button size="mini" type="primary" plain @click="cancel()">取 消</el-button>
+      <el-button v-if="form.isCancel==0" size="mini" type="primary" @click="subStaffRatio()">修 改</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { recEditStaff, selectOne } from "@/api/eashier.js";
+import admin from "@/components/staffList/admin/index";
+import manager from "@/components/staffList/manager/index";
+import staffsles from "@/components/staffList/staff/index";
+export default {
+  components: {
+    staffsles,
+    manager,
+    admin,
+  },
+  data() {
+    return {
+      detailDialog: false,
+      activeNames: "员工",
+      title: "", //弹窗标题
+      form: {}, //主对象
+    };
+  },
+  methods: {
+    //关闭弹窗前的回调方法
+    handleClose() {
+      this.form = Object.assign({});
+      this.$refs.form.clearValidate();
+      this.detailDialog = false;
+    },
+    collChange(e) {
+      if (e.indexOf("员工")) {
+        this.setStaff();
+      }
+    },
+    setStaff() {
+      var that = this;
+      setTimeout(() => {
+        console.log(that.$refs.staffsles);
+        that.$refs.staffsles.show(that.form.entities);
+        that.$refs.admin.show(that.form.adminList);
+        that.$refs.manager.show(that.form.managerList);
+      }, 800);
+    },
+    //员工占比返回方法
+    staffslesData(v) {
+      this.form.entities = [...v];
+    },
+    //高管占比返回方法
+    managerData(v) {
+      this.form.managerList = [...v];
+    },
+    //管理员占比返回方法
+    adminData(v) {
+      this.form.adminList = [...v];
+    },
+    cancel() {
+      this.detailDialog = false;
+      this.$emit("detailData");
+    },
+    //组件传值
+    show(form, text) {
+      if (text == "明细") {
+        this.title = text;
+      } else {
+        this.title = "明细/修改";
+      }
+      this.detailDialog = true;
+      this.getData(form);
+    },
+    getData(row) {
+      this.form = {
+        ...row,
+      };
+      this.form.entities.forEach((item) => {
+        item.staffName = item.saleStaffName;
+        item.editStaffRatioShow = false;
+        item.id = item.saleStaffId;
+        item.identityCard = item.saleIdentityCard;
+        item.ratio = item.saleRatio;
+        item.staffNames = item.brandNumber + "--" + item.staffName;
+      });
+      selectOne({ type: 1, orderId: row.id }).then((res) => {
+        if (res.code == "000000") {
+          let managerList = [];
+          let adminList = [];
+          res.rows.forEach((item) => {
+            if (item.staffType == 0) {
+              item.staffNames = item.brandNumber + "--" + item.staffName;
+              managerList.push(item);
+            }
+            if (item.staffType == 1) {
+              item.staffNames = item.brandNumber + "--" + item.staffName;
+              adminList.push(item);
+            }
+          });
+          if (managerList.length == 0) {
+            managerList.push({ ratio: 100 });
+          }
+          if (adminList.length == 0) {
+            adminList.push({ ratio: 100 });
+          }
+          if (this.form.entities.length == 0) {
+            this.form.entities.push({ ratio: 100 });
+          }
+          this.form.managerList = managerList;
+          this.form.adminList = adminList;
+          this.setStaff();
+        } else {
+          this.$alert(res.message, "加载门店高管", {
+            confirmButtonText: "确定",
+            confirmButtonClass: "confirmbtnFalses",
+            type: "warning",
+            center: true,
+            callback: (action) => {},
+          });
+        }
+      });
+    },
+    //指定列求和
+    //数组按对应字段合计返回方法
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        const values = data.map((item) => Number(item[column.property]));
+        if (column.property == "payMoney") {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              sums[index] = "--";
+            }
+          }, 0);
+          sums[index] += " ";
+        } else {
+          sums[index] = "--";
+        }
+      });
+      return sums;
+    },
+    subStaffRatio() {
+      let staffLists = [];
+      this.form.entities.forEach((item) => {
+        let items = {
+          ratio: item.ratio,
+          id: item.id,
+          identityCard: item.identityCard,
+          staffName: item.staffName,
+          brandNumber: item.brandNumber,
+        };
+        staffLists.push(items);
+      });
+      let salesmens = [];
+      this.form.managerList.forEach((item) => {
+        if (item.id) {
+          item.staffType = 0;
+          salesmens.push(item);
+        }
+      });
+      this.form.adminList.forEach((item) => {
+        if (item.id) {
+          item.staffType = 1;
+
+          salesmens.push(item);
+        }
+      });
+      let form = {
+        rechargeDate: this.form.rechargeDate,
+        collectionAmount: this.form.collectionAmount,
+        rechargeAmount: this.form.rechargeAmount,
+        typeRatio: this.form.typeRatio,
+        id: this.form.id,
+        staffLists: staffLists,
+        collectionCashAmount: this.form.collectionCashAmount,
+        collectionIntegralAmount: this.form.collectionIntegralAmount,
+      };
+      form.salesmens = salesmens;
+      recEditStaff(form).then((res) => {
+        if (res.code == "000000") {
+          this.$message.success({
+            message: res.message,
+          });
+          this.detailDialog = false;
+          this.$emit("detailData");
+        } else {
+          this.$alert(res.message, "提示", {
+            confirmButtonText: "确定",
+            confirmButtonClass: "confirmbtnFalses",
+            type: "warning",
+            center: true,
+            callback: (action) => {},
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style>
+</style>