From 5b6e99a524d1c9a0cf9081efccd76d79569997b3 Mon Sep 17 00:00:00 2001
From: liyu1201 <1492230202@qq.com>
Date: Thu, 23 Oct 2025 22:04:02 +0800
Subject: [PATCH] ``` feat(attendance): 新增考勤数据批量删除和导入功能

---
 antis-ncc-admin/src/views/attendance/BatchDeleteDialog.vue | 144 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/attendance/ImportDialog.vue      | 190 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/attendance/index.vue             | 238 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqMdxx/Form.vue                  |  44 ++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqMdxx/SetNewStoreDialog.vue     |  26 +++++++++++++++++++-------
 antis-ncc-admin/src/views/lqMdxx/ViewNewStoreDialog.vue    | 126 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqMdxx/index.vue                 |  46 ++++++++++++++++++++++++++++++++--------------
 antis-ncc-admin/src/views/lqXmzl/Form.vue                  |  29 +++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqXmzl/index.vue                 |  40 +++++++++++++++++++++++++++++++++++++++-
 antis-ncc-admin/src/views/statisticsList/form1.vue         | 578 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 10 files changed, 1439 insertions(+), 22 deletions(-)
 create mode 100644 antis-ncc-admin/src/views/attendance/BatchDeleteDialog.vue
 create mode 100644 antis-ncc-admin/src/views/attendance/ImportDialog.vue
 create mode 100644 antis-ncc-admin/src/views/attendance/index.vue
 create mode 100644 antis-ncc-admin/src/views/lqMdxx/ViewNewStoreDialog.vue
 create mode 100644 antis-ncc-admin/src/views/statisticsList/form1.vue

diff --git a/antis-ncc-admin/src/views/attendance/BatchDeleteDialog.vue b/antis-ncc-admin/src/views/attendance/BatchDeleteDialog.vue
new file mode 100644
index 0000000..810ff2c
--- /dev/null
+++ b/antis-ncc-admin/src/views/attendance/BatchDeleteDialog.vue
@@ -0,0 +1,144 @@
+<template>
+  <el-dialog
+    title="批量删除考勤数据"
+    :visible.sync="visible"
+    width="400px"
+    :close-on-click-modal="false"
+    @close="close"
+  >
+    <div>
+      <el-form :model="form" label-width="80px" label-position="right" :rules="rules" ref="form">
+        <el-form-item label="年份" prop="year">
+          <el-select v-model="form.year" placeholder="请选择年份" style="width: 100%">
+            <el-option v-for="year in yearOptions" :key="year" :label="year + '年'" :value="year" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="月份" prop="month">
+          <el-select v-model="form.month" placeholder="请选择月份" style="width: 100%">
+            <el-option v-for="month in monthOptions" :key="month" :label="month + '月'" :value="month" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      
+      <el-alert
+        title="警告"
+        type="warning"
+        description="此操作将删除指定年月下的所有考勤数据，删除后无法恢复，请谨慎操作！"
+        show-icon
+        :closable="false"
+        style="margin-top: 20px;"
+      />
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取消</el-button>
+      <el-button type="danger" @click="confirmDelete" :loading="deleting">
+        确定删除
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'BatchDeleteDialog',
+  data() {
+    return {
+      visible: false,
+      deleting: false,
+      form: {
+        year: null,
+        month: null
+      },
+      rules: {
+        year: [
+          { required: true, message: '请选择年份', trigger: 'change' }
+        ],
+        month: [
+          { required: true, message: '请选择月份', trigger: 'change' }
+        ]
+      },
+      yearOptions: [],
+      monthOptions: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
+    }
+  },
+  methods: {
+    init() {
+      this.visible = true
+      this.initYearOptions()
+      this.resetForm()
+    },
+    initYearOptions() {
+      const currentYear = new Date().getFullYear()
+      this.yearOptions = []
+      for (let i = currentYear - 5; i <= currentYear + 1; i++) {
+        this.yearOptions.push(i)
+      }
+    },
+    resetForm() {
+      this.form = {
+        year: null,
+        month: null
+      }
+      this.deleting = false
+      this.$nextTick(() => {
+        if (this.$refs.form) {
+          this.$refs.form.clearValidate()
+        }
+      })
+    },
+    confirmDelete() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.$confirm(
+            `确定要删除 ${this.form.year}年${this.form.month}月 的所有考勤数据吗？此操作不可恢复！`,
+            '确认删除',
+            {
+              confirmButtonText: '确定删除',
+              cancelButtonText: '取消',
+              type: 'warning'
+            }
+          ).then(() => {
+            this.performDelete()
+          }).catch(() => {
+            // 用户取消删除
+          })
+        }
+      })
+    },
+    performDelete() {
+      this.deleting = true
+      
+      request({
+        url: `/api/Extend/lqattendancesummary/DeleteByMonth/${this.form.year}/${this.form.month}`,
+        method: 'DELETE'
+      }).then(res => {
+        this.deleting = false
+        if (res.code === 200) {
+          this.$message.success(res.msg || '删除成功')
+          this.close()
+          this.$emit('refresh', true)
+        } else {
+          this.$message.error(res.msg || '删除失败')
+        }
+      }).catch(err => {
+        this.deleting = false
+        this.$message.error('删除失败，请重试')
+        console.error('删除失败:', err)
+      })
+    },
+    close() {
+      this.visible = false
+      this.resetForm()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/antis-ncc-admin/src/views/attendance/ImportDialog.vue b/antis-ncc-admin/src/views/attendance/ImportDialog.vue
new file mode 100644
index 0000000..4716846
--- /dev/null
+++ b/antis-ncc-admin/src/views/attendance/ImportDialog.vue
@@ -0,0 +1,190 @@
+<template>
+  <el-dialog
+    title="导入考勤数据"
+    :visible.sync="visible"
+    width="500px"
+    :close-on-click-modal="false"
+    @close="close"
+  >
+    <div>
+      <el-form  label-width="100px" label-position="right">
+        <el-form-item label="选择文件">
+          <el-upload
+            ref="upload"
+            :action="uploadUrl"
+            :headers="uploadHeaders"
+            :data="uploadData"
+            :file-list="fileList"
+            :before-upload="beforeUpload"
+            :on-success="onUploadSuccess"
+            :on-error="onUploadError"
+            :on-change="handleFileChange"
+            :auto-upload="false"
+            :limit="1"
+            :on-exceed="handleExceed"
+            accept=".xlsx,.xls"
+            drag
+          >
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+            <div class="el-upload__tip" slot="tip">只能上传一个xlsx/xls文件，且不超过10MB</div>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      
+      <div v-if="uploadResult" class="upload-result">
+        <el-alert
+          :title="uploadResult.title"
+          :type="uploadResult.type"
+          :description="uploadResult.description"
+          show-icon
+          :closable="false"
+        />
+      </div>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取消</el-button>
+      <el-button type="primary" @click="submitUpload" :loading="uploading" >
+        确定导入
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'ImportDialog',
+  data() {
+    return {
+      visible: false,
+      uploading: false,
+      fileList: [],
+      uploadUrl: '',
+      uploadHeaders: {},
+      uploadData: {},
+      uploadResult: null
+    }
+  },
+  methods: {
+    init() {
+      this.visible = true
+      this.resetForm()
+    },
+    resetForm() {
+      this.fileList = []
+      this.uploadResult = null
+      this.uploading = false
+    },
+    beforeUpload(file) {
+      const isExcel = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || 
+                     file.type === 'application/vnd.ms-excel'
+      const isLt10M = file.size / 1024 / 1024 < 10
+
+      if (!isExcel) {
+        this.$message.error('只能上传Excel文件!')
+        return false
+      }
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        return false
+      }
+      return true
+    },
+    submitUpload() {
+      console.log('fileList:', this.fileList)
+      console.log('fileList.length:', this.fileList.length)
+      
+      if (!this.fileList.length || !this.fileList[0]) {
+        this.$message.warning('请选择要上传的文件')
+        return
+      }
+      
+      const file = this.fileList[0]
+      console.log('selected file:', file)
+      
+      if (!file.raw) {
+        this.$message.warning('文件信息异常，请重新选择文件')
+        return
+      }
+      
+      this.uploading = true
+      this.uploadResult = null
+      
+      const formData = new FormData()
+      formData.append('file', file.raw)
+      
+      request({
+        url: '/api/Extend/lqattendancesummary/ImportAttendanceDataFromExcel',
+        method: 'POST',
+        data: formData,
+        headers: {
+          'Content-Type': 'multipart/form-data'
+        }
+      }).then(res => {
+        this.uploading = false
+        if (res.code === 200) {
+          this.uploadResult = {
+            type: 'success',
+            title: '导入成功',
+            description: res.msg || '数据导入完成'
+          }
+          this.$message.success('导入成功')
+          setTimeout(() => {
+            this.close()
+            this.$emit('refresh', true)
+          }, 2000)
+        } else {
+          this.uploadResult = {
+            type: 'error',
+            title: '导入失败',
+            description: res.msg || '数据导入失败，请检查文件格式'
+          }
+        }
+      }).catch(err => {
+        this.uploading = false
+        this.uploadResult = {
+          type: 'error',
+          title: '导入失败',
+          description: err.message || '网络错误，请重试'
+        }
+        this.$message.error('导入失败')
+      })
+    },
+    onUploadSuccess(response, file, fileList) {
+      // 这里不需要处理，因为我们使用手动上传
+    },
+    onUploadError(err, file, fileList) {
+      this.uploading = false
+      this.uploadResult = {
+        type: 'error',
+        title: '上传失败',
+        description: '文件上传失败，请重试'
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('只能上传一个文件，请先删除已选择的文件')
+    },
+    handleFileChange(file, fileList) {
+      console.log('文件变化:', file, fileList)
+      this.fileList = fileList
+    },
+    close() {
+      this.visible = false
+      this.resetForm()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.upload-result {
+  margin-top: 20px;
+}
+
+.el-upload-dragger {
+  width: 100%;
+}
+</style>
diff --git a/antis-ncc-admin/src/views/attendance/index.vue b/antis-ncc-admin/src/views/attendance/index.vue
new file mode 100644
index 0000000..c1bb6f6
--- /dev/null
+++ b/antis-ncc-admin/src/views/attendance/index.vue
@@ -0,0 +1,238 @@
+<template>
+	<div class="NCC-common-layout">
+		<div class="NCC-common-layout-center">
+			<el-row class="NCC-common-search-box" :gutter="16">
+				<el-form @submit.native.prevent>
+					<el-col :span="6">
+						<el-form-item label="员工姓名">
+							<el-input v-model="query.userName" placeholder="员工姓名" clearable />	
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="年份">
+							<el-select v-model="query.year" placeholder="年份" clearable>
+								<el-option v-for="year in yearOptions" :key="year" :label="year + '年'" :value="year" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="月份">
+							<el-select v-model="query.month" placeholder="月份" clearable>
+								<el-option v-for="month in monthOptions" :key="month" :label="month + '月'" :value="month" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="员工状态">
+							<el-select v-model="query.employeeStatus" placeholder="员工状态" clearable>
+								<el-option label="在职" :value="1" />
+								<el-option label="离职" :value="0" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item>
+							<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
+							<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
+						</el-form-item>
+					</el-col>
+				</el-form>
+			</el-row>
+			<div class="NCC-common-layout-main NCC-flex-main">
+				<div class="NCC-common-head">
+					<div>
+						<el-button type="primary" icon="el-icon-upload2" @click="handleImport()">导入</el-button>
+						<el-button type="text" icon="el-icon-download" @click="downloadTemplate()">导入模板</el-button>
+						<el-button type="text" icon="el-icon-delete" @click="handleBatchDelete()">批量删除</el-button>
+					</div>
+					<div class="NCC-common-head-right">
+						<el-tooltip effect="dark" content="刷新" placement="top">
+							<el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" />
+						</el-tooltip>
+						<screenfull isContainer />
+					</div>
+				</div>
+                <NCC-table v-loading="listLoading" :data="list" has-c @selection-change="handleSelectionChange">
+					<el-table-column prop="userName" label="员工姓名" align="left" />
+					<el-table-column prop="year" label="年份" align="left" />
+					<el-table-column prop="month" label="月份" align="left" />
+					<el-table-column label="员工状态" prop="employeeStatus" align="left">
+						<template slot-scope="scope">
+							<el-tag :type="scope.row.employeeStatus === 1 ? 'success' : 'danger'" size="small">
+								{{ scope.row.employeeStatus === 1 ? '在职' : '离职' }}
+							</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column prop="workDays" label="工作天数" align="left" />
+					<el-table-column prop="leaveDays" label="请假天数" align="left" />
+					<el-table-column prop="restDays" label="休息天数" align="left" />
+					<el-table-column prop="remark" label="备注" align="left" />
+					<el-table-column label="创建时间" prop="createTime" align="left" width="150">
+						<template slot-scope="scope">
+							{{ formatTime(scope.row.createTime) }}
+						</template>
+					</el-table-column>
+					<el-table-column label="更新时间" prop="updateTime" align="left" width="150">
+						<template slot-scope="scope">
+							{{ formatTime(scope.row.updateTime) }}
+						</template>
+					</el-table-column>
+				</NCC-table>
+                <pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData" />
+            </div>
+        </div>
+		
+		<!-- 导入弹窗 -->
+		<ImportDialog v-if="importVisible" ref="ImportDialog" @refresh="refresh" />
+		
+		<!-- 批量删除弹窗 -->
+		<BatchDeleteDialog v-if="batchDeleteVisible" ref="BatchDeleteDialog" @refresh="refresh" />
+	</div>
+</template>
+
+<script>
+    import request from '@/utils/request'
+    import ImportDialog from './ImportDialog'
+    import BatchDeleteDialog from './BatchDeleteDialog'
+    
+	export default {
+        components: { ImportDialog, BatchDeleteDialog },
+        data() {
+            return {
+				query: {
+                    userName: undefined,
+                    year: undefined,
+                    month: undefined,
+                    employeeStatus: undefined,
+				},
+                list: [],
+                listLoading: true,
+                multipleSelection: [], 
+                total: 0,
+                listQuery: {
+                    currentPage: 1,
+                    pageSize: 20,
+					sort: "desc",
+                    sidx: "",
+                },
+                importVisible: false,
+                batchDeleteVisible: false,
+                yearOptions: [],
+                monthOptions: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+			}
+        },
+		computed: {},
+		created() {
+			this.initYearOptions()
+			this.initData()
+		},
+		methods: {
+			initYearOptions() {
+				const currentYear = new Date().getFullYear()
+				for (let i = currentYear - 5; i <= currentYear + 1; i++) {
+					this.yearOptions.push(i)
+				}
+			},
+			initData() {
+                this.listLoading = true;
+                let _query = {
+                    ...this.listQuery,
+                    ...this.query
+                };
+                let query = {}
+                for (let key in _query) {
+                    if (Array.isArray(_query[key])) {
+                        query[key] = _query[key].join()
+                    } else {
+                        query[key] = _query[key]
+                    }
+                }
+                request({
+                    url: `/api/Extend/lqattendancesummary`,
+                    method: 'GET',
+                    data: query
+                }).then(res => {
+                    this.list = res.data.list
+                    this.total = res.data.pagination.total
+                    this.listLoading = false
+                })
+            },
+			handleDel(id) {
+                this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    request({
+                        url: `/api/Extend/lqattendancesummary/${id}`,
+                        method: 'DELETE'
+                    }).then(res => {
+                        this.$message({
+                            type: 'success',
+                            message: res.msg,
+                            onClose: () => {
+                                this.initData()
+                            }
+                        });
+                    })
+                }).catch(() => {
+                });
+            },
+			handleSelectionChange(val) {
+                const res = val.map(item => item.id)
+                this.multipleSelection = res
+            },
+            handleImport() {
+                this.importVisible = true
+                this.$nextTick(() => {
+                    this.$refs.ImportDialog.init()
+                })
+            },
+            handleBatchDelete() {
+                this.batchDeleteVisible = true
+                this.$nextTick(() => {
+                    this.$refs.BatchDeleteDialog.init()
+                })
+            },
+            downloadTemplate() {
+                window.open('https://erp.lvqianmeiye.com/FileTemplate/考勤统计导入模板.xlsx', '_blank')
+            },
+            formatTime(timestamp) {
+                if (!timestamp) return '无'
+                const date = new Date(timestamp)
+                return date.toLocaleString('zh-CN', {
+                    year: 'numeric',
+                    month: '2-digit',
+                    day: '2-digit',
+                    hour: '2-digit',
+                    minute: '2-digit',
+                    second: '2-digit'
+                })
+            },
+			search() {
+                this.listQuery = {
+                    currentPage: 1,
+                    pageSize: 20,
+                    sort: "desc",
+                    sidx: "",
+                }
+                this.initData()
+            },
+            refresh(isrRefresh) {
+                this.importVisible = false
+                this.batchDeleteVisible = false
+                if (isrRefresh) this.reset()
+            },
+            reset() {
+                for (let key in this.query) {
+                    this.query[key] = undefined
+                }
+                this.listQuery = {
+                    currentPage: 1,
+                    pageSize: 20,
+                    sort: "desc",
+                    sidx: "",
+                }
+                this.initData()
+            }
+		}
+    }
+</script>
diff --git a/antis-ncc-admin/src/views/lqMdxx/Form.vue b/antis-ncc-admin/src/views/lqMdxx/Form.vue
index 22e7531..d4bd46f 100644
--- a/antis-ncc-admin/src/views/lqMdxx/Form.vue
+++ b/antis-ncc-admin/src/views/lqMdxx/Form.vue
@@ -94,6 +94,20 @@
 							</el-select>
 						</el-form-item>
 					</el-col>
+					<el-col :span="24">
+						<el-form-item label="门店类别" prop="storeCategory">
+							<el-select v-model="dataForm.storeCategory" placeholder="请选择" clearable :style='{"width":"100%"}' >
+								<el-option v-for="(item, index) in storeCategoryOptions" :key="index" :label="item.Name" :value="item.Value" ></el-option>
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="门店类型" prop="storeType">
+							<el-select v-model="dataForm.storeType" placeholder="请选择" clearable :style='{"width":"100%"}' >
+								<el-option v-for="(item, index) in storeTypeOptions" :key="index" :label="item.Name" :value="item.Value" ></el-option>
+							</el-select>
+						</el-form-item>
+					</el-col>
 				</el-form>
 		</el-row>
 		<span slot="footer" class="dialog-footer">
@@ -131,16 +145,22 @@
 					gsmc:undefined,
 					fr:undefined,
 					ywsb:undefined,
+					storeCategory:undefined,
+					storeType:undefined,
 				},
 				rules: {
 				},
 				zxztOptions:[{"fullName":"开店","id":"开店"},{"fullName":"闭店","id":"闭店"}],
 				ywsbOptions:[{"fullName":"有","id":"有"},{"fullName":"无","id":"无"}],
+				storeCategoryOptions:[],
+				storeTypeOptions:[],
 			}
 		},
 		computed: {},
         watch: {},
         created() {
+			this.loadStoreCategoryOptions();
+			this.loadStoreTypeOptions();
 		},
 		mounted() {
         },
@@ -148,6 +168,30 @@
 			goBack() {
                 this.$emit('refresh')
             },
+			// 加载门店类别选项
+			loadStoreCategoryOptions() {
+				request({
+					url: '/api/Extend/lqmdxx/Selector/StoreCategory',
+					method: 'get'
+				}).then(res => {
+					this.storeCategoryOptions = res.data || [];
+				}).catch(err => {
+					console.error('加载门店类别选项失败:', err);
+					this.storeCategoryOptions = [];
+				});
+			},
+			// 加载门店类型选项
+			loadStoreTypeOptions() {
+				request({
+					url: '/api/Extend/lqmdxx/Selector/StoreType',
+					method: 'get'
+				}).then(res => {
+					this.storeTypeOptions = res.data || [];
+				}).catch(err => {
+					console.error('加载门店类型选项失败:', err);
+					this.storeTypeOptions = [];
+				});
+			},
 			init(id, isDetail) {
 				this.dataForm.id = id || 0;
                 this.visible = true;
diff --git a/antis-ncc-admin/src/views/lqMdxx/SetNewStoreDialog.vue b/antis-ncc-admin/src/views/lqMdxx/SetNewStoreDialog.vue
index 870327b..a1e4cc7 100644
--- a/antis-ncc-admin/src/views/lqMdxx/SetNewStoreDialog.vue
+++ b/antis-ncc-admin/src/views/lqMdxx/SetNewStoreDialog.vue
@@ -31,6 +31,13 @@
 					style="width: 100%">
 				</el-date-picker>
 			</el-form-item>
+			<el-form-item label="阶段" prop="stage">
+				<el-select v-model="form.stage" placeholder="请选择阶段" style="width: 100%" clearable>
+					<el-option label="第一阶段" :value="1"></el-option>
+					<el-option label="第二阶段" :value="2"></el-option>
+					<el-option label="第三阶段" :value="3"></el-option>
+				</el-select>
+			</el-form-item>
 			<el-form-item label="说明" prop="sm">
 				<el-input
 					v-model="form.sm"
@@ -69,7 +76,8 @@ export default {
 				bhkssj: '',
 				bhjssj: '',
 				sm: '',
-				sfqy: 1
+				sfqy: 1,
+				stage: null
 			},
 			rules: {
 				mdid: [
@@ -81,6 +89,9 @@ export default {
 				bhjssj: [
 					{ required: true, message: '请选择保护结束时间', trigger: 'change' }
 				],
+				stage: [
+					{ required: true, message: '请选择阶段', trigger: 'change' }
+				],
 				sfqy: [
 					{ required: true, message: '请选择是否启用', trigger: 'change' }
 				]
@@ -153,12 +164,13 @@ export default {
 						method: 'POST',
 						data: submitData
 					}).then(res => {
-						this.$message.success('设置成功')
-						this.handleClose()
-						this.$emit('refresh')
-					}).catch(err => {
-						this.$message.error('设置失败：' + (err.msg || '未知错误'))
-						console.error(err)
+						if(res.code == 200) {
+							this.$message.success('设置成功')
+							this.handleClose()
+							this.$emit('refresh')
+						} else {
+							this.$message.error(res.msg)
+						}
 					}).finally(() => {
 						this.submitLoading = false
 					})
diff --git a/antis-ncc-admin/src/views/lqMdxx/ViewNewStoreDialog.vue b/antis-ncc-admin/src/views/lqMdxx/ViewNewStoreDialog.vue
new file mode 100644
index 0000000..a9f590d
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqMdxx/ViewNewStoreDialog.vue
@@ -0,0 +1,126 @@
+<template>
+  <el-dialog
+    title="查看新店设置"
+    :visible.sync="visible"
+    width="800px"
+    :close-on-click-modal="false"
+    @close="close"
+  >
+    <div v-loading="loading">
+      <el-table :data="list" border stripe>
+        <el-table-column label="保护开始时间" width="150">
+          <template slot-scope="scope">
+            {{ formatTime(scope.row.bhkssj) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="保护结束时间" width="150">
+          <template slot-scope="scope">
+            {{ formatTime(scope.row.bhjssj) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="sm" label="说明" />
+        <el-table-column label="创建时间" width="150">
+          <template slot-scope="scope">
+            {{ formatTime(scope.row.cjsj) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="是否启用" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.sfqy === 1 ? 'success' : 'danger'" size="small">
+              {{ scope.row.sfqy === 1 ? '启用' : '禁用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="阶段" width="80">
+          <template slot-scope="scope">
+            {{ scope.row.stage==1 ? '第一阶段' : scope.row.stage==2 ? '第二阶段' : scope.row.stage == 3 ? '第三阶段' : '无' }}
+          </template>
+        </el-table-column>
+      </el-table>
+      
+      <div v-if="list.length === 0" class="empty-data">
+        <i class="el-icon-info"></i>
+        <p>暂无新店设置数据</p>
+      </div>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'ViewNewStoreDialog',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      list: [],
+      storeId: null
+    }
+  },
+  methods: {
+    init(storeId) {
+      this.storeId = storeId
+      this.visible = true
+      this.loadData()
+    },
+    loadData() {
+      this.loading = true
+      request({
+        url: '/api/Extend/lqmdxdbhsj',
+        method: 'GET',
+        data: {
+          mdid: this.storeId
+        }
+      }).then(res => {
+        this.list = res.data.list || []
+        this.loading = false
+      }).catch(err => {
+        this.$message.error('获取数据失败')
+        this.loading = false
+      })
+    },
+    formatTime(timestamp) {
+      if (!timestamp) return '无'
+      const date = new Date(timestamp)
+      return date.toLocaleString('zh-CN', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit'
+      })
+    },
+    close() {
+      this.visible = false
+      this.list = []
+      this.storeId = null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.empty-data {
+  text-align: center;
+  padding: 40px 0;
+  color: #909399;
+}
+
+.empty-data i {
+  font-size: 48px;
+  margin-bottom: 16px;
+  display: block;
+}
+
+.empty-data p {
+  margin: 0;
+  font-size: 14px;
+}
+</style>
diff --git a/antis-ncc-admin/src/views/lqMdxx/index.vue b/antis-ncc-admin/src/views/lqMdxx/index.vue
index dc07af0..6d798ba 100644
--- a/antis-ncc-admin/src/views/lqMdxx/index.vue
+++ b/antis-ncc-admin/src/views/lqMdxx/index.vue
@@ -3,7 +3,7 @@
 		<div class="NCC-common-layout-center">
 			<el-row class="NCC-common-search-box" :gutter="16">
 				<el-form @submit.native.prevent>
-					<el-col :span="6">
+					<!-- <el-col :span="6">
 						<el-form-item label="主键">
 							<el-input v-model="query.id" placeholder="主键" clearable />	
 						</el-form-item>
@@ -17,9 +17,8 @@
 						<el-form-item label="单据门店编号">
 							<el-input v-model="query.djmdbh" placeholder="单据门店编号" clearable />	
 						</el-form-item>
-					</el-col>
-					<template v-if="showAll">
-					<el-col :span="6">
+					</el-col> -->
+                    <el-col :span="6">
 						<el-form-item label="单据门店">
 							<el-input v-model="query.djmd" placeholder="单据门店" clearable />	
 						</el-form-item>
@@ -34,11 +33,13 @@
 							<el-input v-model="query.cs" placeholder="城市" clearable />	
 						</el-form-item>
 					</el-col>
-					<el-col :span="6">
+					<template v-if="showAll">
+					
+					<!-- <el-col :span="6">
 						<el-form-item label="地址">
 							<el-input v-model="query.dz" placeholder="地址" clearable />	
 						</el-form-item>
-					</el-col>
+					</el-col> -->
 					<el-col :span="6">
 						<el-form-item label="姓名">
 							<el-input v-model="query.xm" placeholder="姓名" clearable />	
@@ -110,34 +111,40 @@
 					</div>
 				</div>
                 <NCC-table v-loading="listLoading" :data="list" has-c @selection-change="handleSelectionChange">
-					<el-table-column prop="id" label="主键" align="left" />
-					<el-table-column prop="mdbm" label="门店编码" align="left" />
-					<el-table-column prop="djmdbh" label="单据门店编号" align="left" />
+					<!-- <el-table-column prop="id" label="主键" align="left" /> -->
+					<!-- <el-table-column prop="mdbm" label="门店编码" align="left" />
+					<el-table-column prop="djmdbh" label="门店编号" align="left" /> -->
 					<el-table-column prop="djmd" label="单据门店" align="left" />
 					<el-table-column prop="dm" label="店名" align="left" />
 					<el-table-column prop="cs" label="城市" align="left" />
-					<el-table-column prop="dz" label="地址" align="left" />
+					<!-- <el-table-column prop="dz" label="地址" align="left" /> -->
 					<el-table-column prop="xm" label="姓名" align="left" />
 					<el-table-column prop="dhhm" label="电话号码" align="left" />
 					<el-table-column prop="zj" label="座机" align="left" />
-					<el-table-column prop="kysj" label="开业时间" align="left" />
+					<el-table-column prop="kysj" width="150" label="开业时间" align="left" :formatter="ncc.tableDateFormat"/>
 					<el-table-column label="最新状态" prop="zxzt" align="left">
 							<template slot-scope="scope">{{ scope.row.zxzt | dynamicText(zxztOptions) }}</template>
 					</el-table-column>
 					<el-table-column prop="gsmc" label="工商名称" align="left" />
 					<el-table-column prop="fr" label="法人" align="left" />
-					<el-table-column label="有无社保" prop="ywsb" align="left">
+					<!-- <el-table-column label="有无社保" prop="ywsb" align="left">
 							<template slot-scope="scope">{{ scope.row.ywsb | dynamicText(ywsbOptions) }}</template>
-					</el-table-column>
+					</el-table-column> -->
 					<el-table-column label="是否新店" prop="isNewStore" align="left">
 							<template slot-scope="scope">
 								<el-tag v-if="scope.row.isNewStore" type="success" size="small">新店</el-tag>
 								<el-tag v-else type="info" size="small">老店</el-tag>
 							</template>
 					</el-table-column>
+                    <el-table-column label="阶段" prop="stage" align="left">
+							<template slot-scope="scope">
+								{{ scope.row.stage==1 ? '第一阶段' : scope.row.stage==2 ? '第二阶段' : scope.row.stage == 3 ? '第三阶段' : '无' }}
+							</template>
+					</el-table-column>
 					<el-table-column label="操作" fixed="right" width="150">
 							<template slot-scope="scope">
 							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)" >编辑</el-button>
+                            <el-button type="text" @click="viewNewStoreHandle(scope.row)">查看新店设置</el-button>
 							<el-button type="text" @click="setNewStoreHandle(scope.row)" >设置新店</el-button>
 							<el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" >删除</el-button>
 						</template>
@@ -149,6 +156,7 @@
 		<NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
 		<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
 		<SetNewStoreDialog v-if="setNewStoreVisible" ref="SetNewStoreDialog" @refresh="refresh" />
+		<ViewNewStoreDialog v-if="viewNewStoreVisible" ref="ViewNewStoreDialog" />
 	</div>
 </template>
 <script>
@@ -157,9 +165,10 @@
     import NCCForm from './Form'
     import ExportBox from './ExportBox'
     import SetNewStoreDialog from './SetNewStoreDialog'
+    import ViewNewStoreDialog from './ViewNewStoreDialog'
     import { previewDataInterface } from '@/api/systemData/dataInterface'
 	export default {
-        components: { NCCForm, ExportBox, SetNewStoreDialog },
+        components: { NCCForm, ExportBox, SetNewStoreDialog, ViewNewStoreDialog },
         data() {
             return {
                 showAll: false,
@@ -192,6 +201,7 @@
                 formVisible: false,
                 exportBoxVisible: false,
                 setNewStoreVisible: false,
+                viewNewStoreVisible: false,
                 columnList: [
                     { prop: 'id', label: '主键' },
                     { prop: 'mdbm', label: '门店编码' },
@@ -314,6 +324,12 @@
                     this.$refs.SetNewStoreDialog.init(storeData)
                 })
             },
+			viewNewStoreHandle(storeData) {
+                this.viewNewStoreVisible = true
+                this.$nextTick(() => {
+                    this.$refs.ViewNewStoreDialog.init(storeData.id)
+                })
+            },
 			checkNewStoreStatus() {
                 // 为每个门店检查是否在新店保护期内
                 this.list.forEach(store => {
@@ -322,8 +338,10 @@
                         method: 'GET'
                     }).then(res => {
                         this.$set(store, 'isNewStore', res.data.hasProtection)
+                        this.$set(store, 'stage', res.data.data.stage)
                     }).catch(err => {
                         this.$set(store, 'isNewStore', false)
+                        this.$set(store, 'stage', 0)
                     })
                 })
             },
diff --git a/antis-ncc-admin/src/views/lqXmzl/Form.vue b/antis-ncc-admin/src/views/lqXmzl/Form.vue
index a143db4..932047d 100644
--- a/antis-ncc-admin/src/views/lqXmzl/Form.vue
+++ b/antis-ncc-admin/src/views/lqXmzl/Form.vue
@@ -168,6 +168,18 @@
 							</el-select>
 						</el-form-item>
 					</el-col>
+					<el-col :span="24">
+						<el-form-item label="是否有效" prop="isEffective">
+							<el-select v-model="dataForm.isEffective" placeholder="请选择">
+								<el-option
+								v-for="item in effectiveOptions"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value">
+								</el-option>
+							</el-select>
+						</el-form-item>
+					</el-col>
 				</el-form>
 		</el-row>
 		<span slot="footer" class="dialog-footer">
@@ -208,6 +220,7 @@ import { init } from 'echarts/lib/echarts';
 					qt1:undefined,
 					qt2:undefined,
 					beautyType:undefined,
+					isEffective: 1, // 默认有效
 				},
 				rules: {
 				},
@@ -219,6 +232,7 @@ import { init } from 'echarts/lib/echarts';
 				options6:[],
 				options7:[],
 				options8:[],
+				effectiveOptions: [],
 			}
 		},
 		computed: {},
@@ -335,6 +349,20 @@ import { init } from 'echarts/lib/echarts';
 						this.options8 = []
 					}
 				})
+				// 获取状态枚举数据
+				request({
+					url: '/api/Extend/lqkdkdjlb/status-enum',
+					method: 'get',
+				}).then(res => {
+					if (res.code == 200 && res.data) {
+						this.effectiveOptions = res.data.map(item => ({
+							label: item.Name,
+							value: item.Value
+						}));
+					} else {
+						this.effectiveOptions = []
+					}
+				})
 			},
 			goBack() {
                 this.$emit('refresh')
@@ -351,6 +379,7 @@ import { init } from 'echarts/lib/echarts';
 							method: 'get'
 						}).then(res =>{
 							this.dataForm = res.data;
+							this.dataForm.isEffective = res.data.isEffective?res.data.isEffective:1;
 						})
 					}
 				})
diff --git a/antis-ncc-admin/src/views/lqXmzl/index.vue b/antis-ncc-admin/src/views/lqXmzl/index.vue
index 28874dd..240cf26 100644
--- a/antis-ncc-admin/src/views/lqXmzl/index.vue
+++ b/antis-ncc-admin/src/views/lqXmzl/index.vue
@@ -140,6 +140,18 @@
 							</el-select>
 						</el-form-item>
 					</el-col>
+					<el-col :span="6">
+						<el-form-item label="是否有效">
+							<el-select v-model="query.isEffective" placeholder="请选择状态" clearable>
+								<el-option
+									v-for="item in effectiveSearchOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value">
+								</el-option>
+							</el-select>
+						</el-form-item>
+					</el-col>
 					</template>
 					<el-col :span="6">
 						<el-form-item>
@@ -182,10 +194,18 @@
 					<el-table-column prop="fl" label="分类" align="left" />
 					<el-table-column prop="qt1" label="其它1" align="left" />
 					<el-table-column prop="qt2" label="其它2" align="left" />
+					<el-table-column prop="isEffective" label="是否有效" align="left">
+						<template slot-scope="scope">
+							<span v-if="scope.row.isEffective === 1" style="color: #67C23A;">有效</span>
+							<span v-else-if="scope.row.isEffective === -1" style="color: #F56C6C;">无效</span>
+							<span v-else-if="scope.row.isEffective === 99" style="color: #909399;">删除</span>
+							<span v-else>无</span>
+						</template>
+					</el-table-column>
 					<el-table-column label="操作" fixed="right" width="100">
 							<template slot-scope="scope">
 							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)" >编辑</el-button>
-							<el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" >删除</el-button>
+							<!-- <el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" >删除</el-button> -->
 						</template>
 					</el-table-column>
 				</NCC-table>
@@ -224,6 +244,7 @@
                     qt1:undefined,
                     qt2:undefined,
                     beautyType:undefined,
+                    isEffective:undefined,
 				},
                 list: [],
                 listLoading: true,
@@ -252,6 +273,7 @@
                     { prop: 'fl', label: '分类' },
                     { prop: 'qt1', label: '其它1' },
                     { prop: 'qt2', label: '其它2' },
+                    { prop: 'isEffective', label: '是否有效' },
 				],
 				// 搜索选项数据
 				searchOptions1: [],
@@ -262,6 +284,7 @@
 				searchOptions6: [],
 				searchOptions7: [],
 				searchOptions8: [],
+				effectiveSearchOptions: [],
 			}
         },
 		computed: {},
@@ -390,6 +413,21 @@
 						this.searchOptions8 = []
 					}
 				})
+				
+				// 获取状态枚举选项
+				request({
+					url: '/api/Extend/lqkdkdjlb/status-enum',
+					method: 'get',
+				}).then(res => {
+					if (res.code == 200 && res.data) {
+						this.effectiveSearchOptions = res.data.map(item => ({
+							label: item.Name,
+							value: item.Value
+						}));
+					} else {
+						this.effectiveSearchOptions = []
+					}
+				})
 			},
 			initData() {
                 this.listLoading = true;
diff --git a/antis-ncc-admin/src/views/statisticsList/form1.vue b/antis-ncc-admin/src/views/statisticsList/form1.vue
new file mode 100644
index 0000000..567de2c
--- /dev/null
+++ b/antis-ncc-admin/src/views/statisticsList/form1.vue
@@ -0,0 +1,578 @@
+<template>
+	<div class="NCC-common-layout">
+		<div class="NCC-common-layout-center">
+			<!-- 筛选条件 -->
+			<el-row class="NCC-common-search-box" :gutter="16">
+				<el-form @submit.native.prevent>
+					<el-col :span="6">
+						<el-form-item label="门店" required>
+							<el-select v-model="query.storeId" placeholder="请选择门店" clearable filterable>
+								<el-option v-for="store in storeOptions" :key="store.id" :label="store.dm" :value="store.id" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="开始时间">
+							<el-date-picker 
+								v-model="query.startTime" 
+								type="datetime" 
+								value-format="timestamp" 
+								format="yyyy-MM-dd HH:mm:ss" 
+								placeholder="开始时间"
+								>
+							</el-date-picker>
+                            <!-- :picker-options="startTimePickerOptions" -->
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="结束时间">
+							<el-date-picker 
+								v-model="query.endTime" 
+								type="datetime" 
+								value-format="timestamp" 
+								format="yyyy-MM-dd HH:mm:ss" 
+								placeholder="结束时间"
+								>
+                                <!-- :picker-options="endTimePickerOptions" -->
+							</el-date-picker>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item>
+							<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
+							<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
+						</el-form-item>
+					</el-col>
+				</el-form>
+			</el-row>
+
+			<!-- 统计卡片 -->
+			<div class="statistics-cards" v-if="summaryData">
+				<el-row :gutter="16">
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-document"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">总开单数</div>
+								<div class="card-value">{{ summaryData.totalCount || 0 }}</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-money"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">总金额</div>
+								<div class="card-value">¥{{ formatMoney(summaryData.totalAmount) }}</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-success"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">已付金额</div>
+								<div class="card-value">¥{{ formatMoney(summaryData.totalPaidAmount) }}</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-warning"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">欠款金额</div>
+								<div class="card-value">¥{{ formatMoney(summaryData.totalDebt) }}</div>
+							</div>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row :gutter="16" style="margin-top: 16px;">
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-goods"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">购买项目</div>
+								<div class="card-value">{{ summaryData.totalPurchasedItems || 0 }}</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-present"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">赠送项目</div>
+								<div class="card-value">{{ summaryData.totalGiftedItems || 0 }}</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-star-on"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">体验项目</div>
+								<div class="card-value">{{ summaryData.totalExperienceItems || 0 }}</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="6">
+						<div class="statistics-card">
+							<div class="card-icon">
+								<i class="el-icon-user"></i>
+							</div>
+							<div class="card-content">
+								<div class="card-title">健康师人数</div>
+								<div class="card-value">{{ summaryData.totalHealthTeachers || 0 }}</div>
+							</div>
+						</div>
+					</el-col>
+				</el-row>
+			</div>
+
+			<!-- 数据表格 -->
+			<div class="NCC-common-layout-main NCC-flex-main">
+				<!-- <div class="NCC-common-head">
+					<div>
+						<el-button type="text" icon="el-icon-download" @click="exportData()">导出</el-button>
+					</div>
+					<div class="NCC-common-head-right">
+						<el-tooltip effect="dark" content="刷新" placement="top">
+							<el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" />
+						</el-tooltip>
+						<screenfull isContainer />
+					</div>
+				</div> -->
+				
+				<NCC-table v-loading="listLoading" :data="records" has-c>
+					<el-table-column prop="date" label="开单日期" align="left" width="120">
+						<template slot-scope="scope">
+							{{ formatDate(scope.row.date) }}
+						</template>
+					</el-table-column>
+					<el-table-column prop="customerName" label="客户姓名" align="left" width="100" />
+					<el-table-column prop="customerPhone" label="客户电话" align="left" width="120" />
+					<el-table-column prop="goldTriangle" label="金三角" align="left" width="100" />
+					<el-table-column prop="customerType" label="客户类型" align="left" width="100">
+						<template slot-scope="scope">
+							<el-tag :type="scope.row.customerType === '会员' ? 'success' : 'info'" size="small">
+								{{ scope.row.customerType }}
+							</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column label="购买项目" align="left" min-width="200">
+						<template slot-scope="scope">
+							<div v-if="scope.row.purchasedItems && scope.row.purchasedItems.length > 0">
+								<div v-for="item in scope.row.purchasedItems" :key="item.id" class="item-row">
+									<span class="item-name">{{ item.itemName }}</span>
+									<span class="item-info">({{ item.projectNumber }}次 × ¥{{ item.price }})</span>
+								</div>
+							</div>
+							<span v-else class="no-data">无</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="赠送项目" align="left" min-width="200">
+						<template slot-scope="scope">
+							<div v-if="scope.row.giftedItems && scope.row.giftedItems.length > 0">
+								<div v-for="item in scope.row.giftedItems" :key="item.id" class="item-row">
+									<span class="item-name">{{ item.itemName }}</span>
+									<span class="item-info">({{ item.projectNumber }}次)</span>
+									<span v-if="item.remark" class="item-remark">{{ item.remark }}</span>
+								</div>
+							</div>
+							<span v-else class="no-data">无</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="体验项目" align="left" min-width="200">
+						<template slot-scope="scope">
+							<div v-if="scope.row.experienceItems && scope.row.experienceItems.length > 0">
+								<div v-for="item in scope.row.experienceItems" :key="item.id" class="item-row">
+									<span class="item-name">{{ item.itemName }}</span>
+									<span class="item-info">({{ item.projectNumber }}次)</span>
+								</div>
+							</div>
+							<span v-else class="no-data">无</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="健康师" align="left" min-width="150">
+						<template slot-scope="scope">
+							<div v-if="scope.row.healthTeachers && scope.row.healthTeachers.length > 0">
+								<div v-for="teacher in scope.row.healthTeachers" :key="teacher.teacherId" class="teacher-row">
+									<span class="teacher-name">{{ teacher.teacherName }}</span>
+									<span class="teacher-performance">业绩: ¥{{ teacher.performance }}</span>
+								</div>
+							</div>
+							<span v-else class="no-data">无</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="paidAmount" label="已付金额" align="left" width="100">
+						<template slot-scope="scope">
+							<span class="amount-paid">¥{{ formatMoney(scope.row.paidAmount) }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="debtAmount" label="欠款金额" align="left" width="100">
+						<template slot-scope="scope">
+							<span class="amount-debt">¥{{ formatMoney(scope.row.debtAmount) }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="totalAmount" label="总金额" align="left" width="100">
+						<template slot-scope="scope">
+							<span class="amount-total">¥{{ formatMoney(scope.row.totalAmount) }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="paymentMethod" label="支付方式" align="left" width="100" />
+					<el-table-column prop="remark" label="备注" align="left" min-width="150">
+						<template slot-scope="scope">
+							{{ scope.row.remark || '无' }}
+						</template>
+					</el-table-column>
+					<el-table-column label="开单时间" prop="createTime" align="left" width="150">
+						<template slot-scope="scope">
+							{{ formatTime(scope.row.createTime) }}
+						</template>
+					</el-table-column>
+				</NCC-table>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+	name: 'BillingRecordSummary',
+	data() {
+		return {
+			query: {
+				storeId: undefined,
+				startTime: undefined,
+				endTime: undefined
+			},
+			storeOptions: [],
+			summaryData: null,
+			records: [],
+			listLoading: false,
+			startTimePickerOptions: {
+				disabledDate: (time) => {
+					const timeMs = time.getTime()
+					const nowMs = Date.now()
+					const ninetyDaysMs = 90 * 24 * 60 * 60 * 1000
+					// 不能选择未来日期
+					if (timeMs > nowMs) return true
+					// 若已选择结束时间：开始时间需在 [end-90天, end] 区间内
+					if (this.query.endTime) {
+						const minStart = this.query.endTime - ninetyDaysMs
+						return timeMs < minStart || timeMs > this.query.endTime
+					}
+					return false
+				}
+			},
+			endTimePickerOptions: {
+				disabledDate: (time) => {
+					const timeMs = time.getTime()
+					const nowMs = Date.now()
+					const ninetyDaysMs = 90 * 24 * 60 * 60 * 1000
+					// 不能选择未来日期
+					if (timeMs > nowMs) return true
+					// 若已选择开始时间：结束时间需在 [start, start+90天] 区间内
+					if (this.query.startTime) {
+						const maxEnd = this.query.startTime + ninetyDaysMs
+						return timeMs < this.query.startTime || timeMs > maxEnd
+					}
+					return false
+				}
+			}
+		}
+	},
+	created() {
+		this.initStoreOptions()
+		this.setDefaultTimeRange()
+	},
+	methods: {
+		// 初始化门店选项
+		initStoreOptions() {
+			request({
+				url: '/api/Extend/LqMdxx',
+				method: 'GET',
+				data: {
+					currentPage: 1,
+					pageSize: 1000
+				}
+			}).then(res => {
+				this.storeOptions = res.data.list || []
+			}).catch(err => {
+				console.error('获取门店列表失败:', err)
+			})
+		},
+		
+		// 设置默认时间范围（最近三个月）
+		setDefaultTimeRange() {
+			const now = new Date()
+			const threeMonthsAgo = new Date()
+			threeMonthsAgo.setMonth(now.getMonth() - 3)
+			
+			this.query.startTime = threeMonthsAgo.getTime()
+			this.query.endTime = now.getTime()
+		},
+		
+		// 查询数据
+		search() {
+			if (!this.query.storeId) {
+				this.$message({
+					type: 'warning',
+					message: '请选择门店',
+					duration: 1500
+				})
+				return
+			}
+			
+			this.listLoading = true
+			
+			const params = {
+				storeId: this.query.storeId,
+				startTime: this.query.startTime ? this.formatDateTime(this.query.startTime) : undefined,
+				endTime: this.query.endTime ? this.formatDateTime(this.query.endTime) : undefined
+			}
+			
+			request({
+				url: '/api/Extend/lqkdkdjlb/GetBillingRecordSummaryByStoreId',
+				method: 'GET',
+				data: params
+			}).then(res => {
+				if (res.data && res.data.data) {
+					this.summaryData = res.data.data.summary
+					this.records = res.data.data.records || []
+				} else {
+					this.summaryData = null
+					this.records = []
+				}
+				this.listLoading = false
+			}).catch(err => {
+				console.error('查询失败:', err)
+				this.$message({
+					type: 'error',
+					message: '查询失败，请重试',
+					duration: 1500
+				})
+				this.listLoading = false
+			})
+		},
+		
+		// 重置查询条件
+		reset() {
+			this.query = {
+				storeId: undefined,
+				startTime: undefined,
+				endTime: undefined
+			}
+			this.summaryData = null
+			this.records = []
+			this.setDefaultTimeRange()
+		},
+		
+		// 导出数据
+		exportData() {
+			if (!this.query.storeId) {
+				this.$message({
+					type: 'warning',
+					message: '请先选择门店并查询数据',
+					duration: 1500
+				})
+				return
+			}
+			
+			const params = {
+				storeId: this.query.storeId,
+				startTime: this.query.startTime,
+				endTime: this.query.endTime
+			}
+			
+			// 这里可以调用导出接口
+			this.$message({
+				type: 'info',
+				message: '导出功能开发中...',
+				duration: 1500
+			})
+		},
+		
+		// 格式化金额
+		formatMoney(amount) {
+			if (!amount && amount !== 0) return '0.00'
+			return Number(amount).toFixed(2)
+		},
+		
+		// 格式化日期
+		formatDate(dateStr) {
+			if (!dateStr) return '无'
+			return dateStr
+		},
+		
+		// 格式化时间
+		formatTime(timestamp) {
+			if (!timestamp) return '无'
+			const date = new Date(timestamp)
+			return date.toLocaleString('zh-CN', {
+				year: 'numeric',
+				month: '2-digit',
+				day: '2-digit',
+				hour: '2-digit',
+				minute: '2-digit',
+				second: '2-digit'
+			})
+		},
+		
+		// 格式化日期时间（用于API传参）
+		formatDateTime(timestamp) {
+			if (!timestamp) return ''
+			const date = new Date(timestamp)
+			const year = date.getFullYear()
+			const month = String(date.getMonth() + 1).padStart(2, '0')
+			const day = String(date.getDate()).padStart(2, '0')
+			const hours = String(date.getHours()).padStart(2, '0')
+			const minutes = String(date.getMinutes()).padStart(2, '0')
+			const seconds = String(date.getSeconds()).padStart(2, '0')
+			return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.statistics-cards {
+	margin-bottom: 20px;
+}
+
+.statistics-card {
+	height: 100px;
+	padding: 12px;
+	border-radius: 12px;
+	background: #fff;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+	display: flex;
+	align-items: center;
+	
+	.card-icon {
+		width: 60px;
+		height: 60px;
+		border-radius: 8px;
+		background: linear-gradient(135deg, #409EFF, #67C23A);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16px;
+		
+		i {
+			font-size: 24px;
+			color: #fff;
+		}
+	}
+	
+	.card-content {
+		flex: 1;
+		
+		.card-title {
+			font-size: 14px;
+			color: #909399;
+			margin-bottom: 8px;
+		}
+		
+		.card-value {
+			font-size: 24px;
+			font-weight: bold;
+			color: #303133;
+		}
+	}
+}
+
+.item-row, .teacher-row {
+	margin-bottom: 4px;
+	
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.item-name, .teacher-name {
+	font-weight: 500;
+	color: #303133;
+}
+
+.item-info, .teacher-performance {
+	font-size: 12px;
+	color: #909399;
+	margin-left: 8px;
+}
+
+.item-remark {
+	font-size: 12px;
+	color: #F56C6C;
+	margin-left: 8px;
+}
+
+.no-data {
+	color: #C0C4CC;
+	font-style: italic;
+}
+
+.amount-paid {
+	color: #67C23A;
+	font-weight: 500;
+}
+
+.amount-debt {
+	color: #F56C6C;
+	font-weight: 500;
+}
+
+.amount-total {
+	color: #409EFF;
+	font-weight: 500;
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+	.statistics-cards {
+		.el-col {
+			margin-bottom: 16px;
+		}
+	}
+	
+	.statistics-card {
+		height: 80px;
+		padding: 8px;
+		
+		.card-icon {
+			width: 50px;
+			height: 50px;
+			margin-right: 12px;
+			
+			i {
+				font-size: 20px;
+			}
+		}
+		
+		.card-content {
+			.card-title {
+				font-size: 12px;
+			}
+			
+			.card-value {
+				font-size: 18px;
+			}
+		}
+	}
+}
+</style>
--
libgit2 0.21.4