From 699a050a070b153b7583bc1519f14bca6581da6c Mon Sep 17 00:00:00 2001
From: pengjun <158915633@qq.com>
Date: Tue, 4 Nov 2025 18:51:26 +0800
Subject: [PATCH] 00

---
 public/sysConfig.json                         |   2 +-
 src/components/doctorCheck/ButtonList.vue     |   8 +-
 src/components/doctorCheck/CheckPicture.vue   | 166 +++++--
 .../doctorCheck/PatientRegisterBase.vue       |  12 +-
 .../doctorCheck/PatientRegisterList.vue       |   2 +-
 .../patientRegister/customerOrgTreeAll.vue    |  21 +-
 src/components/queue/Queue.vue                |   2 +-
 src/router/index.js                           |   2 +-
 src/views/charge/charge.vue                   | 154 +++++-
 src/views/customerOrg/patientRegister.vue     |   9 +-
 src/views/fee-settings/cardRegister.vue       | 467 +++++++-----------
 11 files changed, 487 insertions(+), 358 deletions(-)

diff --git a/public/sysConfig.json b/public/sysConfig.json
index b434743..456e5ae 100644
--- a/public/sysConfig.json
+++ b/public/sysConfig.json
@@ -1,5 +1,5 @@
 {
-    "apiurl": "http://140.143.162.39:9529",
+    "apiurl": "http://192.168.0.188:9530",
     "softName": "神豚体检管理系统",
     "pacsApi": "http://192.168.0.188:9530",
     "dcmViewers": "https://app.mzaktj.com:4436",
diff --git a/src/components/doctorCheck/ButtonList.vue b/src/components/doctorCheck/ButtonList.vue
index ce156c5..05c5256 100644
--- a/src/components/doctorCheck/ButtonList.vue
+++ b/src/components/doctorCheck/ButtonList.vue
@@ -72,7 +72,9 @@
             <el-button type="primary" class="commonbutton" @click="btnOcc"
                 :disabled="doctorBtnDisabled('btnOcc')">职业病</el-button>
         </div>
-
+        <div class="divBtnClass">
+            <el-button type="primary" class="commonbutton" @click="btnReset">重置</el-button>
+        </div>
         <!--
         <div>
             <el-button type="primary" class="btnClass" @click="btnMakeDiagnosis">生成小结</el-button>
@@ -670,6 +672,10 @@ export default {
             this.dialogWin.OccDisease = true
         },
 
+        btnReset(){
+            location.reload()
+        },
+
         // AI诊断 AI重新诊断
         btnAIdiagnosis(again) {
             if (!again) {
diff --git a/src/components/doctorCheck/CheckPicture.vue b/src/components/doctorCheck/CheckPicture.vue
index fb73c41..2d80d5c 100644
--- a/src/components/doctorCheck/CheckPicture.vue
+++ b/src/components/doctorCheck/CheckPicture.vue
@@ -277,9 +277,31 @@ export default {
   mounted() {
     // 监听来自 Electron 的调用    
     if (this.$peisAPI) {
+      //采集图像
       this.$peisAPI.onEventFromPictureHotKeyMain((data) => {
-        this.acceptHotKeyData(data)
+        this.acceptHotKeyData('add', data)
       });
+
+      //采集图像设为打印
+      this.$peisAPI.onEventFromPictureAndPrintHotKeyMain((data) => {
+        this.acceptHotKeyData('addPrint', data)
+      });
+
+      //设为打印
+      this.$peisAPI.onEventFromPicturePrintHotKeyMain(() => {
+        this.acceptHotKeyData('print')
+      });
+
+      //取消打印
+      this.$peisAPI.onEventFromPictureCancelPrintHotKeyMain(() => {
+        this.acceptHotKeyData('unPrint')
+      });
+
+      //删除图像
+      this.$peisAPI.onEventFromPictureDeleteHotKeyMain(() => {
+        this.acceptHotKeyData('delete')
+      });
+
     }
 
     if (this.dataTransOpts.tableS.register_check.id) {
@@ -321,7 +343,7 @@ export default {
       //   "creationTime": "2023-12-15T15:24:06",
       //   "creatorId": "3a0c4180-107c-0c89-b25b-0bd34666dcec",
       //   "id": "3a0f6a3c-88a5-d5f7-d59b-ef3b38074901"
-      // }
+      // }      
       hadoopGet('pacsApi', `/api/app/registercheckpicture/getregistercheckpictureinregistercheckid?RegisterCheckId=${registerCheckId}`)
         // getapi(`/api/app/registercheckpicture/getregistercheckpictureinregistercheckid?RegisterCheckId=${registerCheckId}`)
         .then((res) => {
@@ -467,45 +489,121 @@ export default {
     // windows.peisAPI.receive("acceptHotKeyData",() => {
     //   this.$message.success({showClose:true,message:'调用热键成功'})
     // }),
-    acceptHotKeyData(data) {
-      console.log('acceptHotKeyData', data)
+    acceptHotKeyData(oprType, data) {
+      // 
+      console.log('接收壳端热键采图参数 acceptHotKeyData', oprType, data)
       //this.$message.success({ showClose: true, message: '调用热键成功' })
-      if (!this.dataTransOpts.tableS.register_check.id) {   
-        console.log("没有选中检查项目")     
+      if (!this.dataTransOpts.tableS.register_check.id) {
+        console.log("没有选中检查项目")
         return
       }
 
-      let baseHead = 'data:image/jpeg;base64,'
-      switch (item.ImageFormat) {
-        case 'png':
-        case 'bmp':
-          baseHead = `data:image/${item.ImageFormat};base64,`
-          break;
-        default:
-          break;
-      }
-      // item.isPrintTrans 是否打印
-      this.checkPictures.push({ pictureFilename: baseHead + item.Image })
-
-      let body = {
-        registerCheckId: this.dataTransOpts.tableS.register_check.id,
-        pictureBaseStrs: [{
-          fileName,
-          localPathName: item.FilePath,
-          pictureBaseStr: baseHead + item.Image
-        }],
-        pictureFileType: '0' //采图暂定图0，上传暂定报告1 this.pictureFileType
-      }
+      // 设置图片打印或不打印
+      if (oprType == 'print' || oprType == 'unPrint') {
+        let count = this.checkPictures.length
+        if (count == 0) return
+        // 最后采图的记录
+        let picRd = this.checkPictures[count - 1]
+        if (!picRd.id) return
+
+        if (oprType == 'print') {
+          picRd.isPrintTrans = true
+          picRd.isPrint = 'Y'
+        } else {
+          picRd.isPrintTrans = false
+          picRd.isPrint = 'N'
+        }
+        let body = [{
+          registerCheckId: picRd.registerCheckId,
+          pictureFilename: picRd.pictureFilename,
+          pictureFileType: picRd.pictureFileType,
+          registerCheckPictureId: picRd.id,
+          isPrintTrans: picRd.isPrintTrans,
+          isPrint: picRd.isPrint
+        }]
+
+        postapi("/api/app/registercheckpicture/UpdateRegisterCheckPictureStatusMany", body)
+          .then((res) => {
+            if (res.code < 0) {
+              console.log('热键更新图片打印标识失败：', res.message)
+            }else{
+              this.getCheckPictures(this.dataTransOpts.tableS.register_check.id)
+            }
+          })
+          .catch(err => {
+            console.log('热键更新图片打印标识失败：', err)
+          });
+
+      } else if (oprType == 'delete') {
+        let count = this.checkPictures.length
+        if (count == 0) return
+        // 最后采图的记录
+        let picRd = this.checkPictures[count - 1]
+        if (!picRd.id) return
+
+        postapi(`/api/app/registercheckpicture/deleteregistercheckpicturemany`, [picRd.id])
+          .then(res => {
+            if (res.code > -1) {
+              this.checkPictures.splice(count - 1, 1)
+              this.getCheckPictures(this.dataTransOpts.tableS.register_check.id)
+            } else {
+              console.log("热键删除图片打印标识失败：", res.message)
+            }
+          })
+          .catch(err => {
+            console.log("热键删除图片打印标识失败：", err)
+          })
 
-      hadoopPost('pacsApi', '/api/app/RegisterCheckPicture/InstrumentMapping', body)
-        .then(() => {
+      } else {
+        try {
+          let item = data.data[0]
+          let baseHead = 'data:image/jpeg;base64,'
+          switch (item.ImageFormat) {
+            case 'png':
+            case 'bmp':
+              baseHead = `data:image/${item.ImageFormat};base64,`
+              break;
+            default:
+              break;
+          }
+          let isPrintTrans = false
+          if(oprType == 'addPrint'){
+            item.isPrint = 'Y'
+            isPrintTrans = true
+          }else{
+            item.isPrint = 'N'
+          }
+          // item.isPrintTrans 是否打印
+
+          this.checkPictures.push({ pictureFilename: baseHead + item.Image ,isPrintTrans})
+          
+          let fileName = item.FilePath
+          let dotIndex = fileName.lastIndexOf('\\');
+          if (dotIndex > -1) fileName = fileName.substring(dotIndex, fileName.length);
+
+          let body = {
+            registerCheckId: this.dataTransOpts.tableS.register_check.id,
+            pictureBaseStrs: [{
+              fileName,
+              localPathName: item.FilePath,
+              pictureBaseStr: baseHead + item.Image,
+              isPrint:item.isPrint
+            }],
+            pictureFileType: '0' //采图暂定图0，上传暂定报告1 this.pictureFileType
+          }
 
-        })
-        .catch(err => {
-          console.log('err', err)
-          this.$message.error({ showClose: true, message: '热键采图失败' + err.message })
-        })
+          hadoopPost('pacsApi', '/api/app/RegisterCheckPicture/InstrumentMapping', body)
+            .then(() => {
+              this.getCheckPictures(this.dataTransOpts.tableS.register_check.id)
+            })
+            .catch(err => {
+              console.log('热键采图失败', err)
+            })
 
+        } catch (error) {
+          console.log('热键采图失败', error)
+        }
+      }
     },
 
 
diff --git a/src/components/doctorCheck/PatientRegisterBase.vue b/src/components/doctorCheck/PatientRegisterBase.vue
index 828ae4e..60ca33d 100644
--- a/src/components/doctorCheck/PatientRegisterBase.vue
+++ b/src/components/doctorCheck/PatientRegisterBase.vue
@@ -3,7 +3,7 @@
     <div style="display: flex; flex-wrap: wrap;height:70px; width: 100%;overflow-y: auto;">
       <div>
         <span class="query">条码号</span>
-        <el-input placeholder="条码号" v-model="prBase.patientRegisterNo" size="small" style="width: 120px;" clearable />
+        <el-input ref="tmh" placeholder="条码号" v-model="prBase.patientRegisterNo" size="small" style="width: 120px;" clearable />
       </div>
       <div>
         <span class="query">档案号</span>
@@ -128,7 +128,7 @@ export default {
         patientName: '', //姓名
         sexId: '', //性别
         sexName: '', //性别
-        idNo:'', // 身份证号
+        idNo: '', // 身份证号
         age: '',   // 年龄
         medicalTimes: '', //体检次数
         maritalStatusId: '', //婚姻
@@ -163,6 +163,10 @@ export default {
 
     //获取体检登记信息 （检查医生诊台 与 总检医生诊台 切换时用到）
     this.getPatientRegister(this.dataTransOpts.tableS.patient_register.patientRegisterNo)
+
+    this.$nextTick(() => {
+      this.$refs['tmh'].focus(); //打开光标定位到条码栏里 
+    });
   },
 
   computed: {
@@ -181,7 +185,7 @@ export default {
 
       //触发检查医生诊台相关刷新
       this.dataTransOpts.refresh.register_check.M++
-      
+
 
       //触发总检医生诊台相关刷新
       // console.log('afterFind',rd)
@@ -316,7 +320,7 @@ export default {
           if (res.code > -1) {
             this.dataTransOpts.tableS.patient_register = res.data
             if (this.dataTransOpts.tableS.patient_register.completeFlag != '3') this.dataTransOpts.tableS.patient_register.summaryDoctorId = this.userId
-            if(this.dataTransOpts.tableS.patient_register.completeFlag == '3' && this.dataTransOpts.tableS.patient_register.isAudit == 'N'){
+            if (this.dataTransOpts.tableS.patient_register.completeFlag == '3' && this.dataTransOpts.tableS.patient_register.isAudit == 'N') {
               this.dataTransOpts.tableS.patient_register.auditDoctorId = this.userId
             }
           }
diff --git a/src/components/doctorCheck/PatientRegisterList.vue b/src/components/doctorCheck/PatientRegisterList.vue
index 8ca807a..2a01ca6 100644
--- a/src/components/doctorCheck/PatientRegisterList.vue
+++ b/src/components/doctorCheck/PatientRegisterList.vue
@@ -81,7 +81,7 @@
           style="width:50px;height:26px;margin: 2px 0 2px -3px;">查询</el-button>
       </div>
     </div>
-
+  
     <!-- 人员列表 -->
     <el-table :data="dataList" border width="100%" :height="tableHeight" row-key="id" size="small" highlight-current-row
       @row-click="rowClick" @row-dblclick="rowDblclick" ref="info" id="info" style="border-radius:10px;">
diff --git a/src/components/patientRegister/customerOrgTreeAll.vue b/src/components/patientRegister/customerOrgTreeAll.vue
index ce68edf..c746452 100644
--- a/src/components/patientRegister/customerOrgTreeAll.vue
+++ b/src/components/patientRegister/customerOrgTreeAll.vue
@@ -12,8 +12,8 @@
       <el-tree
         :style="'overflow: scroll;height:' + (window.pageHeight < 600 ? 465 : window.pageHeight - 135) + 'px;width:200px;'"
         :data="customerOrgTreeAll" :props="treeprops" node-key="id" @node-contextmenu="nodeContextmenu"
-        :filter-node-method="filterNode"
-        @node-click="treeclick" highlight-current ref="customerOrgTree" :load="loadNode" lazy>
+        :filter-node-method="filterNode" @node-click="treeclick" highlight-current ref="customerOrgTree"
+        :load="loadNode" lazy>
         <span class="custom-tree-node" slot-scope="{ node, data }">
           <div>
             <span class="treeicons">
@@ -37,6 +37,7 @@ import { mapState } from "vuex";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { tcdate, deepCopy, reMadeOrgTree, arrayExistObj } from "../../utlis/proFunc";
 import { madeTree, getTreeAllChildIdsById, getTreeNode } from "@/utlis/tree";
+import { now } from "moment";
 export default {
   components: {},
   data() {
@@ -86,7 +87,9 @@ export default {
   //挂载组件完成
   mounted() {
     //获取体检单位列表树信息 (Y:查所有单位，N：仅查顶级单位) 
-    //从性能考滤 默认只查顶级单位 
+
+    //从性能考滤 默认只查顶级单位  
+
     if (this.cusQuery.haveSunCus == 'Y') {
       this.getCustomerOrgAll()
         .then(res => {
@@ -95,11 +98,13 @@ export default {
           // console.log('this.customerOrgTreeAll', this.customerOrgTreeAll)
         })
     } else {
+      console.log('new Date()1', now())
       this.getCustomerOrgChild(null)
         .then(res => {
-          this.customerOrgTreeAll = res
+          this.customerOrgTreeAll = res //.slice(0,3)
           this.patientRegister.customerOrgTreeAll = res
           // console.log('this.customerOrgTreeAll', this.customerOrgTreeAll)
+          console.log('new Date()2', now())
         })
     }
 
@@ -128,14 +133,15 @@ export default {
       })
     },
 
-
-
     // 只查顶级单位
     getCustomerOrgChild(parentId) {
       return new Promise((resolve, reject) => {
+        console.log('new Date()3', now())
+
         postapi('/api/app/CustomerOrg/GetCustomerOrgByParentId', { parentId })
           .then(res => {
             if (res.code > -1) {
+              console.log('new Date()4', now())
               res.data.forEach(e => {
                 e.isLeaf = e.isChild == 'Y' ? false : true
               });
@@ -155,7 +161,6 @@ export default {
             reject(err)
           })
       })
-
     },
 
     // 树节点懒加载
@@ -279,7 +284,7 @@ export default {
         if (newVal != oldVal) {
           if (this.cusQuery.haveSunCus == 'Y') {
             //this.customerOrgTreeAll = deepCopy(this.cusQuery.treeDataAll)
-            this.$refs['customerOrgTree'].filter(newVal);            
+            this.$refs['customerOrgTree'].filter(newVal);
           } else {
             this.filterParentNode(newVal)
           }
diff --git a/src/components/queue/Queue.vue b/src/components/queue/Queue.vue
index 75e12fb..5332b95 100644
--- a/src/components/queue/Queue.vue
+++ b/src/components/queue/Queue.vue
@@ -261,7 +261,7 @@ export default {
     "dataTransOpts.plus.queue": {
       // immediate:true,
       handler(newVal, oldVal) {
-        console.log(`watch 职业病 newVal: ${newVal}, oldVal: ${oldVal} `);
+        console.log(`watch 分诊排队 newVal: ${newVal}, oldVal: ${oldVal} `);
         if (newVal != oldVal) this.funMounted()
       }
     },
diff --git a/src/router/index.js b/src/router/index.js
index a049922..c652369 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -287,7 +287,7 @@ const routes = [{
             },
             {
                 path: "/cardRegister",
-                name: "会员卡登记",
+                name: "会员卡管理",
                 component: () =>
                     import ("../views/fee-settings/cardRegister.vue"),
             },
diff --git a/src/views/charge/charge.vue b/src/views/charge/charge.vue
index 5cf0f86..91f806a 100644
--- a/src/views/charge/charge.vue
+++ b/src/views/charge/charge.vue
@@ -15,10 +15,10 @@
                   <div>
                     <span>登记日期：</span>
                     <el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small"
-                      style="width:90px;" :picker-options="pickerOptions"/>
+                      style="width:90px;" :picker-options="pickerOptions" />
                     <span style="margin: 0 3px;">至</span>
                     <el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small"
-                      style="width:90px;" :picker-options="pickerOptions"/>
+                      style="width:90px;" :picker-options="pickerOptions" />
                   </div>
                   <div style="margin-left:10px;">
                     <el-button type="primary" class="commonbutton" @click="Query" size="small"
@@ -151,17 +151,18 @@
                   <el-table :data="chargePays" border highlight-current-row size="small"
                     :height="Math.floor((tableListHeight - 155) / 2)">
                     <el-table-column prop="payModeId" :label="(query.chargeFlag == 'B' ? '退' : '收') + '费方式'"
-                      width="180">
+                      min-width="100">
                       <template slot-scope="scope">
                         <div>{{ dddw(dict.payMode, "id", scope.row.payModeId, "displayName") }}</div>
                       </template>
                     </el-table-column>
-                    <el-table-column prop="chargeMoney" label="金额">
+                    <el-table-column prop="chargeMoney" label="金额" min-width="80">
                       <template slot-scope="scope">
                         <el-input type="number" v-model="scope.row.chargeMoney" size="small" @input="inputMoney"
                           :disabled="query.chargeFlag == 'B'" />
                       </template>
                     </el-table-column>
+                    <!-- 旧的选卡方式 
                     <el-table-column prop="cardRegisterId" label="会员卡">
                       <template slot-scope="scope">
                         <el-select v-model="scope.row.cardRegisterId" placeholder="请选择" size="small" filterable
@@ -171,6 +172,19 @@
                         </el-select>
                       </template>
                     </el-table-column>
+                    -->
+                    <el-table-column prop="cardRegisterId" label="会员卡" min-width="150">
+                      <template slot-scope="scope">
+                        <el-input v-model="scope.row.cardNo" size="small" disabled />
+                      </template>
+                    </el-table-column>
+                    <el-table-column v-if="query.chargeFlag == 'N'" width="30" align="center">
+                      <template slot-scope="scope">
+                        <i class="el-icon-search" @click="getCardId(scope.$index)"
+                          v-if="scope.row.payModeId == '05'"
+                          style="font-size: 24px;color: blue;cursor:pointer;"></i>
+                      </template>
+                    </el-table-column>
                   </el-table>
                 </div>
                 <!-- asbitem  -->
@@ -248,6 +262,70 @@
         </el-tab-pane>
       </el-tabs>
     </div>
+
+    <!--弹窗-->
+    <!--选卡号-->
+    <el-dialog title="选卡" :visible.sync="winDialog.queryCard" width="800px" height="500" :show-close="false"
+      :close-on-click-modal="false" :append-to-body="true">
+      <!--查询条件-->
+      <div style="display: flex;justify-content: space-between;">
+        <div>
+          <el-select v-model="queryCard.queryCol" placeholder="请选择" clearable size="small">
+            <el-option label="卡号" value="cardNo" />
+            <el-option label="姓名" value="customerName" />
+            <el-option label="身份证号" value="idNo" />
+            <el-option label="手机号" value="phone" />
+          </el-select>
+          <el-input placeholder="卡号" v-model="queryCard.value" size="small" clearable style="width: 190px" />
+        </div>
+        <div class="query">
+          <el-button class="commonbutton" @click="btnQueryCard">查询</el-button>
+        </div>
+      </div>
+      <el-table :data="cardDatas" border height="400" row-key="id" size="small" highlight-current-row
+        @row-click="cardRowClick" @row-dblclick="rowDblclick" ref="patientList">
+        <el-table-column prop="cardTypeName" label="卡类别" min-width="70" />
+        <el-table-column prop="cardNo" label="会员卡号" min-width="150" />
+        <el-table-column prop="discount" label="折扣率" min-width="80" />
+        <el-table-column prop="cardBalance" label="卡余额" min-width="80" />
+        <el-table-column prop="expiryDate" label="有效期限" min-width="120">
+          <template slot-scope="scope">
+            <div v-if="scope.row.expiryDate">
+              {{ moment(scope.row.expiryDate).format("yyyy-MM-DD") }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="customerName" label="卡主姓名" min-width="80" />
+        <el-table-column prop="idNo" label="卡主身份证号" min-width="200" />
+        <el-table-column prop="telephone" label="卡主电话" min-width="150" />
+        <el-table-column prop="mobileTelephone" label="卡主手机号" min-width="150" />
+        <el-table-column prop="remark" label="备注" min-width="200" />
+        <!--
+        <el-table-column prop="creatorName" label="创建人员" min-width="100" />
+        <el-table-column prop="creationTime" label="创建日期" min-width="150">
+          <template slot-scope="scope">
+            <div v-if="scope.row.creationTime">
+              {{ moment(scope.row.creationTime).format("yyyy-MM-DD") }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="lastModifierName" label="修改人员" width="100" />
+        <el-table-column prop="lastModificationTime" label="修改日期" width="150">
+          <template slot-scope="scope">
+            <div v-if="scope.row.lastModificationTime">
+              {{
+                moment(scope.row.lastModificationTime).format("yyyy-MM-DD")
+              }}
+            </div>
+          </template>
+        </el-table-column>
+        -->
+      </el-table>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="commonbutton" type="primary" @click="btnOkCard" style="width:90px;">确定</el-button>
+        <el-button class="commonbutton" @click="winDialog.queryCard = false" style="width:90px;">取消</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -269,7 +347,7 @@ export default {
   props: ["patientRegisterNo"],
   data() {
     return {
-      activeName:"peis",
+      activeName: "peis",
       query: {
         chargeFlag: 'N',  // N:未收费，Y：已收费，B：已退费
         dateRange: null,
@@ -339,6 +417,21 @@ export default {
       selectedData: [],    //选中项目
       cardRegister: [{ id: '00000000-0000-0000-0000-000000000000', cardNo: '0001' }],      //当前客户的会员卡
       cardRegisterAll: [],   //所有客户的会员卡
+
+      queryCard: {
+        // <el-option label="卡号" value="cardNo" />
+        // <el-option label="姓名" value="customerName" />
+        // <el-option label="身份证号" value="idNo" />
+        // <el-option label="手机号" value="mobileTelephone" />
+        queryCol: "cardNo",
+        value: "",
+      },
+      cardDatas: [], //卡数据
+      cardSeq: 0, // 当前选卡的记录行数
+      cardChoosed: {}, //选中卡
+      winDialog: {
+        queryCard: false,
+      }
     };
   },
 
@@ -476,7 +569,7 @@ export default {
       this.query.patientNo = row.patientNo;
 
       this.chargePays = deepCopy(this.chargePaysInit);
-      console.log(this.chargePays, this.chargePaysInit);
+      //console.log(this.chargePays, this.chargePaysInit);
 
       if (this.query.chargeFlag == 'B') {
         this.form.chargeFlag = '1';
@@ -571,6 +664,52 @@ export default {
       });
     },
 
+    // 弹出卡号查询窗口
+    getCardId(index) {
+      console.log('index', index)
+      this.cardSeq = index
+      this.cardDatas = []  //清除原来的卡列表数据
+      this.winDialog.queryCard = true  // 显示选卡页面
+    },
+
+    // 根据条件查询卡列表数据
+    btnQueryCard() {
+      let body = {}
+      body[this.queryCard.queryCol] = this.queryCard.value
+
+      // body = {
+      //   "cardModeId": "string",
+      //   "cardNo": "string",
+      //   "customerName": "string",
+      //   "idNo": "string",
+      //   "phone": "string"
+      // }
+
+      postapi('/api/app/CardRegister/GetCardRegisterCharge', body)
+        .then(res => {
+          if (res.code > -1) {
+            this.cardDatas = res.data
+          }
+        })
+    },
+
+    // 选中卡记录
+    cardRowClick(row) {
+      this.cardChoosed = Object.assign({}, row)
+    },
+
+    // 确定选中卡记录
+    btnOkCard() {
+      this.chargePays[this.cardSeq].cardNo = this.cardChoosed.cardNo
+      this.chargePays[this.cardSeq].cardRegisterId = this.cardChoosed.id
+      this.winDialog.queryCard = false
+    },
+
+    // 双击选中卡记录
+    rowDblclick(row) {
+      this.cardRowClick(row)
+      this.btnOkCard()
+    },
 
     //获取收费单包含的组合项目
     getChargeAsbByChargeid(ChargeId) {
@@ -606,6 +745,7 @@ export default {
             if (lfind > - 1) {
               this.chargePays[lfind].chargeMoney = e.chargeMoney;
               this.chargePays[lfind].cardRegisterId = e.cardRegisterId;
+              this.chargePays[lfind].cardNo = e.cardNo;
             }
           });
         }
@@ -1208,7 +1348,7 @@ export default {
           //未收费时
           this.chargePaysInit = [];
           this.dict.payMode.forEach(e => {
-            this.chargePaysInit.push({ chargeId: null, payModeId: e.id, chargeMoney: 0, cardBillId: null })
+            this.chargePaysInit.push({ chargeId: null, payModeId: e.id, chargeMoney: 0, cardBillId: null, cardRegisterId: '', cardNo: '' })
           });
           this.chargePays = deepCopy(this.chargePaysInit);
         }
diff --git a/src/views/customerOrg/patientRegister.vue b/src/views/customerOrg/patientRegister.vue
index 2fbae48..dd53e82 100644
--- a/src/views/customerOrg/patientRegister.vue
+++ b/src/views/customerOrg/patientRegister.vue
@@ -9,8 +9,10 @@
         <div :style="'margin-right:5px;background-color: #fff;border-radius: 8px;width:208px; height:' +
           (window.pageHeight < 600 ? 450 : window.pageHeight - 100) +
           'px;'
-          ">
-          <CustomerOrgTreeAll />
+          ">    
+          <!--   -->   
+          <CustomerOrgTreeAll />  
+                  
         </div>
         <div :style="'display:block;width:' +
           (window.pageWidth - 200 - 35) +
@@ -148,8 +150,7 @@ export default {
         }
       });
 
-      //分组，所有分组，不限单位，不限次数
-      // getapi("/api/app/customerorggroup/getlistinfilter")
+      // 分组，所有分组，不限单位，不限次数      
       postapi("/api/app/CustomerOrgGroup/GetBasicList").then((res) => {
         if (res.code > -1) {
           this.dict.customerOrgGroupAll = res.data;
diff --git a/src/views/fee-settings/cardRegister.vue b/src/views/fee-settings/cardRegister.vue
index 8deb4b1..fc4c296 100644
--- a/src/views/fee-settings/cardRegister.vue
+++ b/src/views/fee-settings/cardRegister.vue
@@ -8,8 +8,7 @@
             <span class="contenttitleBold">会员卡管理</span>
           </div>
         </div>
-        <div
-          style="
+        <div style="
             background-color: #fff;
             padding: 15px;
             border-radius: 8px;
@@ -18,47 +17,20 @@
             margin-bottom: 10px;
             height: 80px;
             margin-top: 7px;
-          "
-        >
+          ">
           <div class="query">
-            <el-select
-              v-model="query.dateType"
-              placeholder="请选择"
-              filterable
-              size="small"
-              style="width: 90px"
-            >
+            <el-select v-model="query.dateType" placeholder="请选择" filterable size="small" style="width: 90px">
               <el-option label="登记日期" value="createDate" />
               <el-option label="有效日期" value="expiryDate" />
             </el-select>
-            <el-date-picker
-              v-model="query.startDate"
-              type="date"
-              placeholder="起始日期"
-              size="small"
-            />
+            <el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" />
             <span>--</span>
-            <el-date-picker
-              v-model="query.endDate"
-              type="date"
-              placeholder="截止日期"
-              size="small"
-            />
+            <el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" />
           </div>
           <div class="query">
             <span>卡类别：</span>
-            <el-select
-              v-model="query.cardTypeId"
-              placeholder="请选择"
-              clearable
-              size="small"
-            >
-              <el-option
-                v-for="item in dict.cardType"
-                :key="item.id"
-                :label="item.displayName"
-                :value="item.id"
-              />
+            <el-select v-model="query.cardTypeId" placeholder="请选择" clearable size="small">
+              <el-option v-for="item in dict.cardType" :key="item.id" :label="item.displayName" :value="item.id" />
             </el-select>
           </div>
           <div class="query">
@@ -69,82 +41,43 @@
                 <el-radio :label="0">停用</el-radio>
               </el-radio-group>
               -->
-            <el-select
-              v-model="query.isActive"
-              placeholder="请选择"
-              clearable
-              size="small"
-            >
+            <el-select v-model="query.isActive" placeholder="请选择" clearable size="small">
               <el-option label="启用" value="Y" />
               <el-option label="停用" value="N" />
             </el-select>
           </div>
           <div class="query">
             <span>卡号：</span>
-            <el-input
-              placeholder="卡号"
-              v-model="query.cardNo"
-              size="small"
-              clearable
-              style="width: 190px"
-            />
+            <el-input placeholder="卡号" v-model="query.cardNo" size="small" clearable style="width: 190px" />
           </div>
           <div class="query">
             <span>卡主姓名：</span>
-            <el-input
-              placeholder="卡主姓名"
-              v-model="query.customerName"
-              size="small"
-              clearable
-              style="width: 190px"
-            />
+            <el-input placeholder="卡主姓名" v-model="query.customerName" size="small" clearable style="width: 190px" />
           </div>
           <div class="query">
             <span>身份证号：</span>
-            <el-input
-              placeholder="身份证号"
-              v-model="query.idNo"
-              size="small"
-              clearable
-              style="width: 190px"
-            />
+            <el-input placeholder="身份证号" v-model="query.idNo" size="small" clearable style="width: 190px" />
           </div>
           <div class="query">
             <span>电话：</span>
-            <el-input
-              placeholder="手机号/电话"
-              v-model="query.mobileTelephone"
-              size="small"
-              clearable
-              style="width: 190px"
-            />
+            <el-input placeholder="手机号/电话" v-model="query.mobileTelephone" size="small" clearable
+              style="width: 190px" />
           </div>
           <div class="query">
             <el-button class="commonbutton" @click="btnQuery">查询</el-button>
           </div>
         </div>
-        <div
-          style="
+        <div style="
             background-color: #fff;
             padding: 15px;
             border-radius: 8px;
             margin-bottom: 10px;
-          "
-        >
-          <el-table
-            :data="dataList"
-            width="100%"
-            :height="
-              window.pageHeight < 600
-                ? 210
-                : Math.floor((window.pageHeight - 280) / 2)
-            "
-            row-key="id"
-            highlight-current-row
-            ref="dataList"
-            @selection-change="handleSelectionChange"
-            @row-click="rowClick"
-          >
+          ">
+          <el-table :data="dataList" ref="info" id="info" width="100%" :height="window.pageHeight < 600
+            ? 210
+            : Math.floor((window.pageHeight - 340) / 2)
+            " row-key="id" highlight-current-row  @selection-change="handleSelectionChange"
+            @row-click="rowClick">
             <el-table-column prop="cardTypeId" label="卡类别" width="70">
               <template slot-scope="scope">
                 <div>
@@ -172,11 +105,7 @@
             <el-table-column prop="customerName" label="卡主姓名" width="80" />
             <el-table-column prop="idNo" label="卡主身份证号" width="200" />
             <el-table-column prop="telephone" label="卡主电话" width="150" />
-            <el-table-column
-              prop="mobileTelephone"
-              label="卡主手机号"
-              width="150"
-            />
+            <el-table-column prop="mobileTelephone" label="卡主手机号" width="150" />
             <el-table-column prop="isActive" label="启用" width="80">
               <template slot-scope="scope">
                 <div>{{ scope.row.isActive == "N" ? "否" : "是" }}</div>
@@ -191,16 +120,8 @@
                 </div>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="lastModifierName"
-              label="修改人员"
-              width="100"
-            />
-            <el-table-column
-              prop="lastModificationTime"
-              label="修改日期"
-              width="150"
-            >
+            <el-table-column prop="lastModifierName" label="修改人员" width="100" />
+            <el-table-column prop="lastModificationTime" label="修改日期" width="150">
               <template slot-scope="scope">
                 <div v-if="scope.row.lastModificationTime">
                   {{
@@ -210,21 +131,21 @@
               </template>
             </el-table-column>
           </el-table>
+          <div style="display: flex; justify-content: space-between">
+            <div></div>
+            <div>
+              <span style="font-size: 12px">共：{{ loadOpts.totalCount }} 条记录，当前显示：{{
+                dataList.length
+              }}
+                条。</span>
+            </div>
+          </div>
         </div>
         <div style="background-color: #fff; padding: 15px; border-radius: 8px">
-          <el-table
-            :data="cardBillList"
-            width="100%"
-            :height="
-              window.pageHeight < 600
-                ? 210
-                : Math.floor((window.pageHeight - 300) / 2)
-            "
-            row-key="id"
-            highlight-current-row
-            ref="dataList"
-            @selection-change="handleSelectionChange"
-          >
+          <el-table :data="cardBillList" width="100%" :height="window.pageHeight < 600
+            ? 210
+            : Math.floor((window.pageHeight - 300) / 2)
+            " row-key="id" highlight-current-row ref="dataList" @selection-change="handleSelectionChange">
             <el-table-column prop="payModeId" label="支付方式">
               <template slot-scope="scope">
                 <div>
@@ -253,11 +174,7 @@
               </template>
             </el-table-column>
             <el-table-column prop="lastModifierName" label="修改人员" />
-            <el-table-column
-              prop="lastModificationTime"
-              label="修改日期"
-              width="150"
-            >
+            <el-table-column prop="lastModificationTime" label="修改日期" width="150">
               <template slot-scope="scope">
                 <div v-if="scope.row.lastModificationTime">
                   {{
@@ -269,15 +186,13 @@
           </el-table>
         </div>
       </div>
-      <div
-        style="
+      <div style="
           margin-left: 10px;
           margin-top: 3%;
           position: absolute;
           top: 0;
           right: 0;
-        "
-      >
+        ">
         <div>
           <el-button class="commonbutton" @click="add">新增</el-button>
         </div>
@@ -301,34 +216,13 @@
         </div>
       </div>
     </div>
-    <el-dialog
-      :title="form.id ? '编辑' : '新增'"
-      :visible.sync="dialogVisible"
-      width="820px"
-      :close-on-click-modal="false"
-    >
-      <el-form
-        ref="form"
-        :model="form"
-        label-width="100px"
-        :rules="rules"
-        size="small"
-      >
+    <el-dialog :title="form.id ? '编辑' : '新增'" :visible.sync="dialogVisible" width="820px" :close-on-click-modal="false">
+      <el-form ref="form" :model="form" label-width="100px" :rules="rules" size="small">
         <el-row>
           <el-col :span="8">
             <el-form-item label="卡类别" prop="cardTypeId">
-              <el-select
-                v-model="form.cardTypeId"
-                placeholder="请选择"
-                filterable
-                @change="category"
-              >
-                <el-option
-                  v-for="item in dict.cardType"
-                  :key="item.id"
-                  :label="item.displayName"
-                  :value="item.id"
-                />
+              <el-select v-model="form.cardTypeId" placeholder="请选择" filterable @change="category" :disabled="form.id ? true:false">
+                <el-option v-for="item in dict.cardType" :key="item.id" :label="item.displayName" :value="item.id" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -346,13 +240,8 @@
         <el-row>
           <el-col :span="8">
             <el-form-item label="有效期限" prop="expiryDate">
-              <el-date-picker
-                v-model="form.expiryDate"
-                type="date"
-                placeholder="有效期限"
-                size="small"
-                :style="'width: ' + Math.floor((820 - 340) / 3) + 'px'"
-              />
+              <el-date-picker v-model="form.expiryDate" type="date" placeholder="有效期限" size="small"
+                :style="'width: ' + Math.floor((820 - 340) / 3) + 'px'" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -387,18 +276,8 @@
         <el-row>
           <el-col :span="8">
             <el-form-item label="体检中心" prop="medicalCenterId">
-              <el-select
-                v-model="form.medicalCenterId"
-                placeholder="请选择"
-                filterable
-                :disabled="peisid ? true : false"
-              >
-                <el-option
-                  v-for="item in dict.organization"
-                  :key="item.id"
-                  :label="item.displayName"
-                  :value="item.id"
-                >
+              <el-select v-model="form.medicalCenterId" placeholder="请选择" filterable :disabled="peisid ? true : false">
+                <el-option v-for="item in dict.organization" :key="item.id" :label="item.displayName" :value="item.id">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -418,14 +297,10 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="创建时间" label-width="80px">
-              <el-input
-                :value="
-                  form.creationTime
-                    ? moment(form.creationTime).format('yyyy-MM-DD')
-                    : ''
-                "
-                disabled
-              ></el-input>
+              <el-input :value="form.creationTime
+                ? moment(form.creationTime).format('yyyy-MM-DD')
+                : ''
+                " disabled></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -435,40 +310,21 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="修改时间" label-width="80px">
-              <el-input
-                :value="
-                  form.lastModificationTime
-                    ? moment(form.lastModificationTime).format('yyyy-MM-DD')
-                    : ''
-                "
-                disabled
-              ></el-input>
+              <el-input :value="form.lastModificationTime
+                ? moment(form.lastModificationTime).format('yyyy-MM-DD')
+                : ''
+                " disabled></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false" class="difference"
-          >取消</el-button
-        >
-        <el-button type="primary" @click="onSubmit('form')" class="commonbutton"
-          >确定</el-button
-        >
+        <el-button @click="dialogVisible = false" class="difference">取消</el-button>
+        <el-button type="primary" @click="onSubmit('form')" class="commonbutton">确定</el-button>
       </div>
     </el-dialog>
-    <el-dialog
-      title="会员卡充值"
-      :visible.sync="dialogOrder"
-      width="400px"
-      :close-on-click-modal="false"
-    >
-      <el-form
-        ref="order"
-        :model="order"
-        label-width="100px"
-        :rules="orderRules"
-        size="small"
-      >
+    <el-dialog title="会员卡充值" :visible.sync="dialogOrder" width="400px" :close-on-click-modal="false">
+      <el-form ref="order" :model="order" label-width="100px" :rules="orderRules" size="small">
         <el-col :span="24">
           <el-form-item label="会员卡号" prop="cardRegisterId">
             <el-input v-model="order.cardNo" disabled style="width: 200px" />
@@ -476,106 +332,49 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="充值方式" prop="payModeId">
-            <el-select
-              v-model="order.payModeId"
-              placeholder="请选择"
-              filterable
-              :disabled="order.id ? true : false"
-              style="width: 200px"
-            >
-              <el-option
-                v-for="item in dict.payMode"
-                :key="item.id"
-                :label="item.displayName"
-                :value="item.id"
-              />
+            <el-select v-model="order.payModeId" placeholder="请选择" filterable :disabled="order.id ? true : false"
+              style="width: 200px">
+              <el-option v-for="item in dict.payMode" :key="item.id" :label="item.displayName" :value="item.id" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="充值金额" prop="billMoney">
-            <el-input
-              type="number"
-              v-model="order.billMoney"
-              :disabled="order.id ? true : false"
-              style="width: 200px"
-            />
+            <el-input type="number" v-model="order.billMoney" :disabled="order.id ? true : false"
+              style="width: 200px" />
           </el-form-item>
         </el-col>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogOrder = false" class="difference"
-          >取消</el-button
-        >
-        <el-button
-          type="primary"
-          @click="orderSubmit('order')"
-          class="commonbutton"
-          >确定</el-button
-        >
+        <el-button @click="dialogOrder = false" class="difference">取消</el-button>
+        <el-button type="primary" @click="orderSubmit('order')" class="commonbutton">确定</el-button>
       </div>
     </el-dialog>
-    <el-dialog
-      title="会员卡退费"
-      :visible.sync="refundOrder"
-      width="400px"
-      :close-on-click-modal="false"
-    >
-      <el-form
-        ref="refundorder"
-        :model="refundorder"
-        label-width="100px"
-        :rules="refundRules"
-        size="small"
-      >
+    <el-dialog title="会员卡退费" :visible.sync="refundOrder" width="400px" :close-on-click-modal="false">
+      <el-form ref="refundorder" :model="refundorder" label-width="100px" :rules="refundRules" size="small">
         <el-col :span="24">
           <el-form-item label="会员卡号" prop="cardRegisterId">
-            <el-input
-              v-model="refundorder.cardNo"
-              disabled
-              style="width: 200px"
-            />
+            <el-input v-model="refundorder.cardNo" disabled style="width: 200px" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="退费方式" prop="payModeId">
-            <el-select
-              v-model="refundorder.payModeId"
-              placeholder="请选择"
-              filterable
-              :disabled="refundorder.id ? true : false"
-              style="width: 200px"
-            >
-              <el-option
-                v-for="item in dict.payMode"
-                :key="item.id"
-                :label="item.displayName"
-                :value="item.id"
-              />
+            <el-select v-model="refundorder.payModeId" placeholder="请选择" filterable
+              :disabled="refundorder.id ? true : false" style="width: 200px">
+              <el-option v-for="item in dict.payMode" :key="item.id" :label="item.displayName" :value="item.id" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="退费金额" prop="billMoney">
-            <el-input
-              type="number"
-              v-model="refundorder.billMoney"
-              :disabled="refundorder.id ? true : false"
-              style="width: 200px"
-            />
+            <el-input type="number" v-model="refundorder.billMoney" :disabled="refundorder.id ? true : false"
+              style="width: 200px" />
           </el-form-item>
         </el-col>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="refundOrder = false" class="difference"
-          >取消</el-button
-        >
-        <el-button
-          type="primary"
-          @click="orderSubmit('refundorder')"
-          class="commonbutton"
-          >确定</el-button
-        >
+        <el-button @click="refundOrder = false" class="difference">取消</el-button>
+        <el-button type="primary" @click="orderSubmit('refundorder')" class="commonbutton">确定</el-button>
       </div>
     </el-dialog>
   </div>
@@ -609,6 +408,14 @@ export default {
         mobileTelephone: "",
       }, //查询条件
 
+      loadOpts: {
+        totalCount: 0,
+        skipCount: 0,
+        maxResultCount: 1000,
+      },
+      loadOptsInit: {},
+      lazyLoading: false,  //是否懒加载中
+
       dataList: [], //列表数据
       cardBillList: [], //卡记账数据
       multipleSelection: [], //选中的数据列表
@@ -623,7 +430,7 @@ export default {
         idNo: "",
         telephone: "",
         mobileTelephone: "",
-        isActive: "N",
+        isActive: "Y",
         remark: "",
         medicalCenterId: null,
       },
@@ -711,12 +518,17 @@ export default {
     this.query.startDate = new Date();
     this.query.endDate = this.query.startDate;
     this.formInit = deepCopy(this.form);
+
+    this.loadOptsInit = Object.assign({}, this.loadOpts);
   },
 
   //挂载完成
   mounted() {
     this.dictInit();
-    this.btnQuery();
+    // this.btnQuery();
+    this.$nextTick(() => {
+      this.scrollFull()
+    })
   },
   computed: {
     ...mapState(["window", "dict"]),
@@ -795,10 +607,19 @@ export default {
         this.$message.warning("请先选择要操作的数据！");
         return;
       }
-      this.form={...this.curChoosedRow}
-      // objCopy(this.curChoosedRow, this.form);
-      this.dialogVisible = true;
+
+      getapi(`/api/app/cardregister/get?id=${this.curChoosedRow.id}`)
+        .then(res => {
+          if (res.code > -1) {
+            this.form = res.data
+            this.dialogVisible = true;
+          }
+        })
+
+      // this.form = { ...this.curChoosedRow }
+      // this.dialogVisible = true;
     },
+
     enable() {
       if (!this.curChoosedId) {
         this.$message.warning("请先选择要操作的数据！");
@@ -990,8 +811,7 @@ export default {
       });
     },
 
-    //查询
-    btnQuery(queryType) {
+    getQueryBody(queryType) {
       let body = {};
 
       switch (queryType) {
@@ -1015,6 +835,7 @@ export default {
               this.$message.error("数据不合法，起始日期不能大于截止日期！");
               return;
             }
+            body.dateType = this.query.dateType == 'expiryDate' ? '2' : '1'
             body.startDate = moment(this.query.startDate).format("yyyy-MM-DD");
             body.endDate = moment(this.query.endDate).format("yyyy-MM-DD");
 
@@ -1028,23 +849,67 @@ export default {
           }
           break;
       }
-      // {
-      //   "cardModeId": "string",
-      //   "cardTypeId": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
-      //   "cardNo": "string",
-      //   "customerName": "string",
-      //   "idNo": "string",
-      //   "isActive": "string",
-      //   "startDate": "string",
-      //   "endDate": "string"
-      // }
+      return body
+    },
+
+    //查询
+    btnQuery() {
+      let body = this.getQueryBody()
+
+      body.maxResultCount = this.loadOptsInit?.maxResultCount || 0
+      body.skipCount = this.loadOptsInit?.skipCount || 0
 
+      this.loadOptsInit = Object.assign({}, this.loadOpts);
       postapi("/api/app/cardregister/getcardregisterlist", body).then((res) => {
         if (res.code != -1) {
-          this.dataList = res.data;
+          this.dataList = res.data.items;
+          this.loadOpts.totalCount = res.data.totalCount
+          this.loadOpts.skipCount = 1
         }
       });
     },
+
+    //滚动加载数据
+    //滚动加载数据 
+    scrollFull() {
+      this.dom = this.$refs['info'].bodyWrapper
+      console.log('this.dom', this.dom)
+
+      this.dom.addEventListener('scroll', async () => {
+        // console.log('scrollTop',this.dom.scrollTop,'clientHeight',this.dom.clientHeight,'scrollHeight',this.dom.scrollHeight);
+        if (this.dom.scrollTop + this.dom.clientHeight + 20 > this.dom.scrollHeight && !this.lazyLoading) {
+          // 获取到的不是全部数据 当滚动到底部 
+          console.log('scrollTop', this.dom.scrollTop, 'clientHeight', this.dom.clientHeight, 'scrollHeight', this.dom.scrollHeight);
+          if (Number(this.loadOpts.skipCount) * Number(this.loadOpts.maxResultCount) >= Number(this.loadOpts.totalCount)) {
+            this.lazyLoading = false
+          } else {
+            this.lazyLoading = true
+            this.loadQuery()
+            // this.dom.scrollTop = this.dom.scrollTop - 100
+          }
+        }
+      })
+    },
+
+    loadQuery() {
+      let body = this.getQueryBody()
+      if (Number(this.loadOpts.skipCount) * Number(this.loadOpts.maxResultCount||100) >= Number(this.loadOpts.totalCount)) {
+        this.$message.warning({ showClose: true, message: '没有更多的数据可拉取' })
+        return
+      }
+      body.maxResultCount = this.loadOpts?.maxResultCount || 1000
+      body.skipCount = this.loadOpts.skipCount
+
+      postapi("/api/app/cardregister/getcardregisterlist", body).then((res) => {
+        if (res.code != -1) {
+          this.dataList = this.dataList.concat(res.data.items);
+          this.loadOpts.totalCount = res.data.totalCount
+          this.loadOpts.skipCount++
+          this.lazyLoading = false
+        }
+      });
+
+    },
   },
 
   //监听事件
@@ -1066,14 +931,17 @@ export default {
 @import "../../assets/css/global_form.css";
 @import "../../assets/css/global_input.css";
 @import "../../assets/css/global.css";
+
 ::v-deep .el-input__inner {
   /*text-align: center;*/
   padding-left: 5px;
   padding-right: 25px;
 }
+
 ::v-deep .el-icon-date:before {
   content: "";
 }
+
 .query {
   margin-right: 15px;
   display: flex;
@@ -1084,30 +952,37 @@ export default {
   font-weight: 400;
   font-family: "NotoSansSC-Regular";
 }
+
 .box {
   display: flex;
   flex-direction: column;
 }
+
 :deep .el-form-item {
   margin-bottom: 14px;
 }
+
 /* el-dialog的头部样式 */
 :deep .el-dialog__header {
   padding: 11px 20px 11px;
 }
+
 /* el-dialog的主体样式 */
 :deep .el-dialog__body {
   padding: 0px 20px 0px;
 }
+
 /* el-divider样式 */
 :deep .el-divider--horizontal {
   margin: 0px 0 12px;
 }
+
 /* el-dialog的底部样式 */
 :deep .el-dialog__footer {
   padding: 0px 20px 14px;
 }
-.query:last-child{
+
+.query:last-child {
   margin-right: 0;
 }
 </style>