From d080a458558d76c23a6fe41a5f819eef637003c2 Mon Sep 17 00:00:00 2001
From: liyu1201 <1492230202@qq.com>
Date: Thu, 18 Sep 2025 15:33:10 +0800
Subject: [PATCH] 拓客活动

---
 antis-ncc-admin/src/api/extend/lqevent.js       |  63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/router/modules/base.js      |  11 +++++++++++
 antis-ncc-admin/src/views/lqEvent/ExportBox.vue | 139 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqEvent/Form.vue      | 236 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqEvent/index.vue     | 235 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqEvent/test.html     | 133 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqXmzl/Form copy.vue  | 204 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/lqXmzl/Form.vue       |  11 +++++++++--
 antis-ncc-admin/src/views/lqXmzl/index.vue      |   3 ++-
 9 files changed, 1032 insertions(+), 3 deletions(-)
 create mode 100644 antis-ncc-admin/src/api/extend/lqevent.js
 create mode 100644 antis-ncc-admin/src/views/lqEvent/ExportBox.vue
 create mode 100644 antis-ncc-admin/src/views/lqEvent/Form.vue
 create mode 100644 antis-ncc-admin/src/views/lqEvent/index.vue
 create mode 100644 antis-ncc-admin/src/views/lqEvent/test.html
 create mode 100644 antis-ncc-admin/src/views/lqXmzl/Form copy.vue

diff --git a/antis-ncc-admin/src/api/extend/lqevent.js b/antis-ncc-admin/src/api/extend/lqevent.js
new file mode 100644
index 0000000..da73f79
--- /dev/null
+++ b/antis-ncc-admin/src/api/extend/lqevent.js
@@ -0,0 +1,63 @@
+import request from '@/utils/request'
+
+// 获取拓客活动列表
+export function getLqEventList(data) {
+  return request({
+    url: '/api/Extend/lqevent',
+    method: 'GET',
+    data
+  })
+}
+
+// 获取拓客活动详情
+export function getLqEventInfo(id) {
+  return request({
+    url: `/api/Extend/lqevent/${id}`,
+    method: 'GET'
+  })
+}
+
+// 新增拓客活动
+export function createLqEvent(data) {
+  return request({
+    url: '/api/Extend/lqevent',
+    method: 'POST',
+    data
+  })
+}
+
+// 更新拓客活动
+export function updateLqEvent(id, data) {
+  return request({
+    url: `/api/Extend/lqevent/${id}`,
+    method: 'PUT',
+    data
+  })
+}
+
+// 删除拓客活动
+export function deleteLqEvent(id) {
+  return request({
+    url: `/api/Extend/lqevent/${id}`,
+    method: 'DELETE'
+  })
+}
+
+// 批量删除拓客活动
+export function batchDeleteLqEvent(ids) {
+  return request({
+    url: '/api/Extend/lqevent/batch',
+    method: 'DELETE',
+    data: { ids }
+  })
+}
+
+// 导出拓客活动
+export function exportLqEvent(data) {
+  return request({
+    url: '/api/Extend/lqevent/export',
+    method: 'POST',
+    data,
+    responseType: 'blob'
+  })
+}
diff --git a/antis-ncc-admin/src/router/modules/base.js b/antis-ncc-admin/src/router/modules/base.js
index 1e6926f..1ab46ca 100644
--- a/antis-ncc-admin/src/router/modules/base.js
+++ b/antis-ncc-admin/src/router/modules/base.js
@@ -64,6 +64,17 @@ const baseRouter = [{
       zhTitle: '美业仪表板',
       icon: 'icon-ym icon-ym-generator-kanban',
     }
+  },
+  {
+    path: '/lqEvent',
+    component: (resolve) => require(['@/views/lqEvent'], resolve),
+    name: 'lqEvent',
+    meta: {
+      title: 'lqEvent',
+      affix: false,
+      zhTitle: '拓客活动',
+      icon: 'icon-ym icon-ym-s-data',
+    }
   }
 ]
 export default baseRouter
\ No newline at end of file
diff --git a/antis-ncc-admin/src/views/lqEvent/ExportBox.vue b/antis-ncc-admin/src/views/lqEvent/ExportBox.vue
new file mode 100644
index 0000000..1a2e788
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqEvent/ExportBox.vue
@@ -0,0 +1,139 @@
+<template>
+	<el-dialog title="导出拓客活动" :close-on-click-modal="false" :visible.sync="visible" width="500px">
+		<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="100px">
+			<el-form-item label="导出格式" prop="fileType">
+				<el-radio-group v-model="dataForm.fileType">
+					<el-radio label="excel">Excel</el-radio>
+					<el-radio label="csv">CSV</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			<el-form-item label="导出范围" prop="exportRange">
+				<el-radio-group v-model="dataForm.exportRange">
+					<el-radio label="all">全部数据</el-radio>
+					<el-radio label="current">当前页</el-radio>
+					<el-radio label="selected">选中数据</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			<el-form-item label="导出字段" prop="fields">
+				<el-checkbox-group v-model="dataForm.fields">
+					<el-checkbox label="eventName">活动名称</el-checkbox>
+					<el-checkbox label="eventNumber">活动编号</el-checkbox>
+					<el-checkbox label="eventCoordinator">活动负责人</el-checkbox>
+					<el-checkbox label="startTime">开始时间</el-checkbox>
+					<el-checkbox label="endTime">结束时间</el-checkbox>
+					<el-checkbox label="memberCount">参与人数</el-checkbox>
+					<el-checkbox label="createTime">创建时间</el-checkbox>
+				</el-checkbox-group>
+			</el-form-item>
+			<el-form-item label="文件名" prop="fileName">
+				<el-input v-model="dataForm.fileName" placeholder="请输入文件名" />
+			</el-form-item>
+		</el-form>
+		<span slot="footer" class="dialog-footer">
+			<el-button @click="visible = false">取消</el-button>
+			<el-button type="primary" @click="dataFormSubmit()" :loading="exportLoading">确定导出</el-button>
+		</span>
+	</el-dialog>
+</template>
+
+<script>
+import { exportLqEvent } from '@/api/extend/lqevent'
+import { saveAs } from 'file-saver'
+
+export default {
+	name: 'LqEventExportBox',
+	data() {
+		return {
+			visible: false,
+			exportLoading: false,
+			dataForm: {
+				fileType: 'excel',
+				exportRange: 'all',
+				fields: ['eventName', 'eventNumber', 'eventCoordinator', 'startTime', 'endTime', 'memberCount', 'createTime'],
+				fileName: '拓客活动数据'
+			},
+			dataRule: {
+				fileType: [
+					{ required: true, message: '请选择导出格式', trigger: 'change' }
+				],
+				exportRange: [
+					{ required: true, message: '请选择导出范围', trigger: 'change' }
+				],
+				fields: [
+					{ required: true, message: '请选择导出字段', trigger: 'change' }
+				],
+				fileName: [
+					{ required: true, message: '请输入文件名', trigger: 'blur' }
+				]
+			}
+		}
+	},
+	methods: {
+		init() {
+			this.visible = true
+			this.$nextTick(() => {
+				this.$refs['dataForm'].resetFields()
+				this.dataForm = {
+					fileType: 'excel',
+					exportRange: 'all',
+					fields: ['eventName', 'eventNumber', 'eventCoordinator', 'startTime', 'endTime', 'memberCount', 'createTime'],
+					fileName: '拓客活动数据'
+				}
+			})
+		},
+		// 表单提交
+		dataFormSubmit() {
+			this.$refs['dataForm'].validate((valid) => {
+				if (valid) {
+					this.exportLoading = true
+					
+					const exportData = {
+						...this.dataForm,
+						query: this.$parent.query || {}
+					}
+					
+					exportLqEvent(exportData).then(response => {
+						// 创建文件名
+						const timestamp = new Date().getTime()
+						const fileExtension = this.dataForm.fileType === 'excel' ? 'xlsx' : 'csv'
+						const fileName = `${this.dataForm.fileName}_${timestamp}.${fileExtension}`
+						
+						// 保存文件
+						const blob = new Blob([response], {
+							type: this.dataForm.fileType === 'excel' 
+								? 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+								: 'text/csv;charset=utf-8'
+						})
+						saveAs(blob, fileName)
+						
+						this.$message({
+							message: '导出成功',
+							type: 'success'
+						})
+						this.visible = false
+						this.exportLoading = false
+					}).catch(() => {
+						this.exportLoading = false
+					})
+				}
+			})
+		}
+	}
+}
+</script>
+
+<style scoped>
+.dialog-footer {
+	text-align: right;
+}
+
+.el-checkbox-group {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.el-checkbox {
+	margin-right: 20px;
+	margin-bottom: 10px;
+}
+</style>
diff --git a/antis-ncc-admin/src/views/lqEvent/Form.vue b/antis-ncc-admin/src/views/lqEvent/Form.vue
new file mode 100644
index 0000000..8e09ab6
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqEvent/Form.vue
@@ -0,0 +1,236 @@
+<template>
+	<el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible" width="800px">
+		<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px">
+			<el-row :gutter="20">
+				<el-col :span="12">
+					<el-form-item label="活动名称" prop="eventName">
+						<el-input v-model="dataForm.eventName" placeholder="请输入活动名称" />
+					</el-form-item>
+				</el-col>
+				<el-col :span="12">
+					<el-form-item label="活动编号" prop="eventNumber">
+						<el-input v-model="dataForm.eventNumber" placeholder="请输入活动编号" />
+					</el-form-item>
+				</el-col>
+			</el-row>
+			<el-row :gutter="20">
+				<el-col :span="12">
+					<el-form-item label="活动负责人" prop="eventCoordinator">
+						<el-input v-model="dataForm.eventCoordinator" placeholder="请输入活动负责人" />
+					</el-form-item>
+				</el-col>
+				<el-col :span="12">
+					<el-form-item label="参与人数" prop="memberCount">
+						<el-input-number v-model="memberCount" :min="0" :max="1000" placeholder="参与人数" />
+					</el-form-item>
+				</el-col>
+			</el-row>
+			<el-row :gutter="20">
+				<el-col :span="12">
+					<el-form-item label="开始时间" prop="startTime">
+						<el-date-picker
+							v-model="dataForm.startTime"
+							type="datetime"
+							placeholder="选择开始时间"
+							value-format="yyyy-MM-dd HH:mm:ss"
+							style="width: 100%"
+						/>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12">
+					<el-form-item label="结束时间" prop="endTime">
+						<el-date-picker
+							v-model="dataForm.endTime"
+							type="datetime"
+							placeholder="选择结束时间"
+							value-format="yyyy-MM-dd HH:mm:ss"
+							style="width: 100%"
+						/>
+					</el-form-item>
+				</el-col>
+			</el-row>
+			
+			<!-- 成员管理 -->
+			<el-divider content-position="left">活动成员</el-divider>
+			<div class="member-management">
+				<div class="member-header">
+					<el-button type="primary" size="small" icon="el-icon-plus" @click="addMember">添加成员</el-button>
+					<span class="member-count">共 {{ dataForm.members.length }} 人</span>
+				</div>
+				<el-table :data="dataForm.members" border style="margin-top: 10px;">
+					<el-table-column prop="userId" label="用户ID" width="150">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.userId" placeholder="请输入用户ID" size="small" />
+						</template>
+					</el-table-column>
+					<el-table-column prop="depId" label="部门ID" width="150">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.depId" placeholder="请输入部门ID" size="small" />
+						</template>
+					</el-table-column>
+					<el-table-column prop="teamName" label="团队名称" min-width="200">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.teamName" placeholder="请输入团队名称" size="small" />
+						</template>
+					</el-table-column>
+					<el-table-column label="操作" width="80" align="center">
+						<template slot-scope="scope">
+							<el-button type="text" size="small" @click="removeMember(scope.$index)">删除</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+			</div>
+		</el-form>
+		<span slot="footer" class="dialog-footer">
+			<el-button @click="visible = false">取消</el-button>
+			<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+		</span>
+	</el-dialog>
+</template>
+
+<script>
+import { getLqEventInfo, createLqEvent, updateLqEvent } from '@/api/extend/lqevent'
+
+export default {
+	name: 'LqEventForm',
+	data() {
+		return {
+			visible: false,
+			dataForm: {
+				id: '',
+				eventName: '',
+				eventNumber: '',
+				eventCoordinator: '',
+				startTime: '',
+				endTime: '',
+				members: []
+			},
+			memberCount: 0,
+			dataRule: {
+				eventName: [
+					{ required: true, message: '活动名称不能为空', trigger: 'blur' }
+				],
+				eventNumber: [
+					{ required: true, message: '活动编号不能为空', trigger: 'blur' }
+				],
+				eventCoordinator: [
+					{ required: true, message: '活动负责人不能为空', trigger: 'blur' }
+				],
+				startTime: [
+					{ required: true, message: '开始时间不能为空', trigger: 'change' }
+				],
+				endTime: [
+					{ required: true, message: '结束时间不能为空', trigger: 'change' }
+				]
+			}
+		}
+	},
+	methods: {
+		init(id) {
+			this.dataForm.id = id || ''
+			this.visible = true
+			this.$nextTick(() => {
+				this.$refs['dataForm'].resetFields()
+				if (this.dataForm.id) {
+					this.getInfo()
+				} else {
+					this.dataForm.members = []
+					this.memberCount = 0
+				}
+			})
+		},
+		// 获取信息
+		getInfo() {
+			getLqEventInfo(this.dataForm.id).then(response => {
+				this.dataForm = response.data
+                this.dataForm.members = response.data.Members || []
+				this.memberCount = this.dataForm.members ? this.dataForm.members.length : 0
+			})
+		},
+		// 添加成员
+		addMember() {
+			this.dataForm.members.push({
+				id: '',
+				eventId: this.dataForm.id || '',
+				userId: '',
+				depId: '',
+				teamName: ''
+			})
+			this.memberCount = this.dataForm.members.length
+		},
+		// 删除成员
+		removeMember(index) {
+			this.dataForm.members.splice(index, 1)
+			this.memberCount = this.dataForm.members.length
+		},
+		// 表单提交
+		dataFormSubmit() {
+			this.$refs['dataForm'].validate((valid) => {
+				if (valid) {
+					// 验证时间
+					if (this.dataForm.startTime && this.dataForm.endTime) {
+						if (new Date(this.dataForm.startTime) >= new Date(this.dataForm.endTime)) {
+							this.$message.error('结束时间必须大于开始时间')
+							return
+						}
+					}
+					
+					// 验证成员信息
+					for (let i = 0; i < this.dataForm.members.length; i++) {
+						const member = this.dataForm.members[i]
+						if (!member.userId || !member.depId || !member.teamName) {
+							this.$message.error(`第${i + 1}个成员信息不完整`)
+							return
+						}
+					}
+					
+					const data = { ...this.dataForm }
+					if (!data.id) {
+						// 新增
+						createLqEvent(data).then(() => {
+							this.$message({
+								message: '操作成功',
+								type: 'success'
+							})
+							this.visible = false
+							this.$emit('refreshDataList')
+						})
+					} else {
+						// 修改
+						updateLqEvent(data.id, data).then(() => {
+							this.$message({
+								message: '操作成功',
+								type: 'success'
+							})
+							this.visible = false
+							this.$emit('refreshDataList')
+						})
+					}
+				}
+			})
+		}
+	}
+}
+</script>
+
+<style scoped>
+.member-management {
+	margin-top: 20px;
+}
+
+.member-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 10px;
+}
+
+.member-count {
+	color: #606266;
+	font-size: 14px;
+}
+
+.dialog-footer {
+	text-align: right;
+}
+</style>
diff --git a/antis-ncc-admin/src/views/lqEvent/index.vue b/antis-ncc-admin/src/views/lqEvent/index.vue
new file mode 100644
index 0000000..0d5c8e4
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqEvent/index.vue
@@ -0,0 +1,235 @@
+<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.eventName" placeholder="请输入活动名称" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="活动编号">
+							<el-input v-model="query.eventNumber" placeholder="请输入活动编号" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="活动负责人">
+							<el-input v-model="query.eventCoordinator" placeholder="请输入活动负责人" clearable />
+						</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-plus" @click="addOrUpdateHandle()">新增</el-button>
+						<el-button type="text" icon="el-icon-download" @click="exportData()">导出</el-button>
+						<el-button type="text" icon="el-icon-delete" @click="handleBatchRemoveDel()">批量删除</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="eventName" label="活动名称" align="left" show-overflow-tooltip />
+					<el-table-column prop="eventNumber" label="活动编号" align="left" show-overflow-tooltip />
+					<el-table-column prop="eventCoordinator" label="活动负责人" align="left" show-overflow-tooltip />
+					<el-table-column prop="startTime" label="开始时间" align="left" width="180">
+						<template slot-scope="scope">
+							{{ scope.row.startTime | formatDate('yyyy-MM-dd HH:mm:ss') }}
+						</template>
+					</el-table-column>
+					<el-table-column prop="endTime" label="结束时间" align="left" width="180">
+						<template slot-scope="scope">
+							{{ scope.row.endTime | formatDate('yyyy-MM-dd HH:mm:ss') }}
+						</template>
+					</el-table-column>
+					<el-table-column prop="members" label="参与人数" align="center" width="100">
+						<template slot-scope="scope">
+							{{ scope.row.members ? scope.row.members.length : 0 }}人
+						</template>
+					</el-table-column>
+					<el-table-column prop="createTime" label="创建时间" align="left" width="180">
+						<template slot-scope="scope">
+							{{ scope.row.createTime | formatDate('yyyy-MM-dd HH:mm:ss') }}
+						</template>
+					</el-table-column>
+					<el-table-column label="操作" align="left" width="200" fixed="right">
+						<template slot-scope="scope">
+							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)">编辑</el-button>
+							<el-button type="text" @click="handleDelete(scope.row.id)">删除</el-button>
+							<el-button type="text" @click="viewMembers(scope.row)">查看成员</el-button>
+						</template>
+					</el-table-column>
+				</NCC-table>
+				<pagination
+					v-show="total > 0"
+					:total="total"
+					:page.sync="query.currentPage"
+					:limit.sync="query.pageSize"
+					@pagination="getList"
+				/>
+			</div>
+		</div>
+		<!-- 弹窗, 新增 / 修改 -->
+		<Form v-if="formVisible" ref="Form" @refreshDataList="getList" />
+		<!-- 导出弹窗 -->
+		<ExportBox v-if="exportVisible" ref="ExportBox" @refreshDataList="getList" />
+		<!-- 查看成员弹窗 -->
+		<el-dialog title="活动成员" :visible.sync="membersVisible" width="800px">
+			<el-table :data="currentMembers" v-loading="membersLoading">
+				<el-table-column prop="userId" label="用户ID" align="left" />
+				<el-table-column prop="depId" label="部门ID" align="left" />
+				<el-table-column prop="teamName" label="团队名称" align="left" />
+			</el-table>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+import { getLqEventList, deleteLqEvent, batchDeleteLqEvent } from '@/api/extend/lqevent'
+import Form from './Form'
+import ExportBox from './ExportBox'
+import Pagination from '@/components/Pagination'
+
+export default {
+	name: 'LqEvent',
+	components: {
+		Form,
+		ExportBox,
+		Pagination
+	},
+	data() {
+		return {
+			query: {
+				eventName: '',
+				eventNumber: '',
+				eventCoordinator: '',
+				currentPage: 1,
+				pageSize: 20
+			},
+			list: [],
+			total: 0,
+			listLoading: true,
+			formVisible: false,
+			exportVisible: false,
+			membersVisible: false,
+			membersLoading: false,
+			currentMembers: [],
+			selectedIds: []
+		}
+	},
+	created() {
+		this.getList()
+	},
+	methods: {
+		// 获取数据列表
+		getList() {
+			this.listLoading = true
+			getLqEventList(this.query).then(response => {
+				this.list = response.data.list
+				this.total = response.data.pagination.total
+				this.listLoading = false
+			}).catch(() => {
+				this.listLoading = false
+			})
+		},
+		// 搜索
+		search() {
+			this.query.currentPage = 1
+			this.getList()
+		},
+		// 重置
+		reset() {
+			this.query = {
+				eventName: '',
+				eventNumber: '',
+				eventCoordinator: '',
+				currentPage: 1,
+				pageSize: 20
+			}
+			this.getList()
+		},
+		// 新增 / 修改
+		addOrUpdateHandle(id) {
+			this.formVisible = true
+			this.$nextTick(() => {
+				this.$refs.Form.init(id)
+			})
+		},
+		// 删除
+		handleDelete(id) {
+			this.$confirm('确定要删除该拓客活动吗？', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning'
+			}).then(() => {
+				deleteLqEvent(id).then(() => {
+					this.$message({
+						message: '删除成功',
+						type: 'success'
+					})
+					this.getList()
+				})
+			})
+		},
+		// 批量删除
+		handleBatchRemoveDel() {
+			if (this.selectedIds.length === 0) {
+				this.$message({
+					message: '请选择要删除的数据',
+					type: 'warning'
+				})
+				return
+			}
+			this.$confirm('确定要删除选中的拓客活动吗？', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning'
+			}).then(() => {
+				batchDeleteLqEvent(this.selectedIds).then(() => {
+					this.$message({
+						message: '删除成功',
+						type: 'success'
+					})
+					this.getList()
+				})
+			})
+		},
+		// 多选
+		handleSelectionChange(selection) {
+			this.selectedIds = selection.map(item => item.id)
+		},
+		// 导出
+		exportData() {
+			this.exportVisible = true
+			this.$nextTick(() => {
+				this.$refs.ExportBox.init()
+			})
+		},
+		// 查看成员
+		viewMembers(row) {
+			this.membersVisible = true
+			this.membersLoading = true
+			this.currentMembers = row.members || []
+			this.membersLoading = false
+		}
+	}
+}
+</script>
+
+<style scoped>
+.NCC-common-layout {
+	height: 100%;
+}
+</style>
diff --git a/antis-ncc-admin/src/views/lqEvent/test.html b/antis-ncc-admin/src/views/lqEvent/test.html
new file mode 100644
index 0000000..6fdeb61
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqEvent/test.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>拓客活动页面测试</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            background-color: #f5f5f5;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            background: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        .header {
+            border-bottom: 1px solid #eee;
+            padding-bottom: 20px;
+            margin-bottom: 20px;
+        }
+        .feature-list {
+            list-style: none;
+            padding: 0;
+        }
+        .feature-list li {
+            padding: 10px 0;
+            border-bottom: 1px solid #f0f0f0;
+        }
+        .feature-list li:before {
+            content: "✓";
+            color: #67C23A;
+            font-weight: bold;
+            margin-right: 10px;
+        }
+        .api-info {
+            background: #f8f9fa;
+            padding: 15px;
+            border-radius: 5px;
+            margin: 20px 0;
+        }
+        .code-block {
+            background: #2d3748;
+            color: #e2e8f0;
+            padding: 15px;
+            border-radius: 5px;
+            font-family: 'Courier New', monospace;
+            overflow-x: auto;
+            margin: 10px 0;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🎯 拓客活动页面 - 功能测试</h1>
+            <p>基于Vue 2.6 + Element UI开发的拓客活动管理页面</p>
+        </div>
+
+        <h2>📋 已实现功能</h2>
+        <ul class="feature-list">
+            <li>拓客活动列表展示（支持分页）</li>
+            <li>活动搜索（按活动名称、编号、负责人）</li>
+            <li>新增/编辑拓客活动</li>
+            <li>删除活动（单个/批量）</li>
+            <li>活动成员管理</li>
+            <li>数据导出（Excel/CSV）</li>
+            <li>响应式布局设计</li>
+            <li>表单验证</li>
+        </ul>
+
+        <h2>🔧 API接口配置</h2>
+        <div class="api-info">
+            <h3>接口地址：<code>/api/Extend/lqevent</code></h3>
+            <p><strong>请求方法：</strong>GET, POST, PUT, DELETE</p>
+            <p><strong>参数格式：</strong></p>
+            <div class="code-block">
+{
+  "eventName": "string",
+  "startTime": "2025-09-17T09:12:11.607Z",
+  "endTime": "2025-09-17T09:12:11.607Z",
+  "eventCoordinator": "string",
+  "eventNumber": "string",
+  "members": [
+    {
+      "id": "string",
+      "eventId": "string",
+      "userId": "string",
+      "depId": "string",
+      "teamName": "string"
+    }
+  ]
+}
+            </div>
+        </div>
+
+        <h2>📁 文件结构</h2>
+        <div class="code-block">
+lqEvent/
+├── index.vue          # 主页面组件
+├── Form.vue           # 表单组件
+├── ExportBox.vue      # 导出组件
+└── test.html          # 测试页面
+        </div>
+
+        <h2>🚀 使用方法</h2>
+        <ol>
+            <li>确保后端API接口 <code>/api/Extend/lqevent</code> 已实现</li>
+            <li>启动前端项目：<code>npm run dev</code></li>
+            <li>访问页面：<code>http://localhost:3000/#/lqEvent</code></li>
+            <li>测试各项功能：增删改查、导出、成员管理</li>
+        </ol>
+
+        <h2>✨ 特色功能</h2>
+        <ul class="feature-list">
+            <li>动态成员管理：支持添加/删除活动成员</li>
+            <li>时间验证：确保结束时间大于开始时间</li>
+            <li>批量操作：支持批量删除和导出</li>
+            <li>数据验证：完整的表单验证机制</li>
+            <li>用户体验：友好的操作提示和确认</li>
+        </ul>
+
+        <div style="text-align: center; margin-top: 30px; color: #666;">
+            <p>🎉 拓客活动页面开发完成！</p>
+            <p>基于项目规范，遵循Vue 2.6 + Element UI最佳实践</p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/antis-ncc-admin/src/views/lqXmzl/Form copy.vue b/antis-ncc-admin/src/views/lqXmzl/Form copy.vue
new file mode 100644
index 0000000..ca16f45
--- /dev/null
+++ b/antis-ncc-admin/src/views/lqXmzl/Form copy.vue
@@ -0,0 +1,204 @@
+<template>
+	<el-dialog :title="!dataForm.id ? '新建' :  isDetail ? '详情':'编辑'" :close-on-click-modal="false" :visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="600px">
+		<el-row :gutter="15" class="" >
+				<el-form ref="elForm" :model="dataForm" size="small" label-width="100px" label-position="right" :disabled="!!isDetail" :rules="rules">
+					<el-col :span="24" v-if="false" >
+						<el-form-item label="主键" prop="id">
+							<el-input v-model="dataForm.id" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="项目编号" prop="xmbh">
+							<el-input v-model="dataForm.xmbh" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="项目名称" prop="xmmc">
+							<el-input v-model="dataForm.xmmc" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="标准价格" prop="bzjg">
+							<el-input v-model="dataForm.bzjg" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="时长（分）" prop="xmsc">
+							<el-input v-model="dataForm.xmsc" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="基础服务提成" prop="jcfwtc">
+							<el-input v-model="dataForm.jcfwtc" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="分类1汇总表" prop="fl1">
+							<el-input v-model="dataForm.fl1" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="分类2汇总表" prop="fl2">
+							<el-input v-model="dataForm.fl2" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="分类3工资用" prop="fl3">
+							<el-input v-model="dataForm.fl3" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="分类4品项用" prop="fl4">
+							<el-input v-model="dataForm.fl4" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="统计类别" prop="tjlb">
+							<el-input v-model="dataForm.tjlb" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="折扣类别" prop="zklb">
+							<el-input v-model="dataForm.zklb" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="分类" prop="fl">
+							<el-input v-model="dataForm.fl" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="其它1" prop="qt1">
+							<el-input v-model="dataForm.qt1" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
+						<el-form-item label="其它2" prop="qt2">
+							<el-input v-model="dataForm.qt2" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+				</el-form>
+		</el-row>
+		<span slot="footer" class="dialog-footer">
+			<el-button @click="visible = false">取 消</el-button>
+			<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail">确 定</el-button>
+		</span>
+	</el-dialog>
+</template>
+<script>
+	import request from '@/utils/request'
+	import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
+	import { previewDataInterface } from '@/api/systemData/dataInterface'
+	export default {
+		components: {},
+		props: [],
+		data() {
+			return {
+				loading: false,
+				visible: false,
+				isDetail: false,
+				dataForm: {
+					id:'',
+					id:undefined,
+					xmbh:undefined,
+					xmmc:undefined,
+					bzjg:undefined,
+					xmsc:undefined,
+					jcfwtc:undefined,
+					fl1:undefined,
+					fl2:undefined,
+					fl3:undefined,
+					fl4:undefined,
+					tjlb:undefined,
+					zklb:undefined,
+					fl:undefined,
+					qt1:undefined,
+					qt2:undefined,
+				},
+				rules: {
+				},
+			}
+		},
+		computed: {},
+        watch: {},
+        created() {
+		},
+		mounted() {
+        },
+		methods: {
+			goBack() {
+                this.$emit('refresh')
+            },
+			init(id, isDetail) {
+				this.dataForm.id = id || 0;
+                this.visible = true;
+                this.isDetail = isDetail || false;
+				this.$nextTick(() => {
+					this.$refs['elForm'].resetFields();
+					if (this.dataForm.id) {
+						request({
+							url: '/api/Extend/LqXmzl/' + this.dataForm.id,
+							method: 'get'
+						}).then(res =>{
+							this.dataForm = res.data;
+						})
+					}
+				})
+			},
+			dataFormSubmit() {
+				this.$refs['elForm'].validate((valid) => {
+                    if (valid) {
+                        if (!this.dataForm.id) {
+                            request({
+                                url: `/api/Extend/LqXmzl`,
+                                method: 'post',
+                                data: this.dataForm,
+                            }).then((res) => {
+                                this.$message({
+                                    message: res.msg,
+                                    type: 'success',
+                                    duration: 1000,
+                                    onClose: () => {
+                                        this.visible = false,
+                                            this.$emit('refresh', true)
+                                    }
+                                })
+                            })
+                        } else {
+                            request({
+                                url: '/api/Extend/LqXmzl/' + this.dataForm.id,
+                                method: 'PUT',
+                                data: this.dataForm
+                            }).then((res) => {
+                                this.$message({
+                                    message: res.msg,
+                                    type: 'success',
+                                    duration: 1000,
+                                    onClose: () => {
+                                        this.visible = false
+                                        this.$emit('refresh', true)
+                                    }
+                                })
+                            })
+                        }
+                    }
+                })
+			},
+		}
+	}
+</script>
diff --git a/antis-ncc-admin/src/views/lqXmzl/Form.vue b/antis-ncc-admin/src/views/lqXmzl/Form.vue
index ca16f45..8a1f333 100644
--- a/antis-ncc-admin/src/views/lqXmzl/Form.vue
+++ b/antis-ncc-admin/src/views/lqXmzl/Form.vue
@@ -27,17 +27,23 @@
 						</el-form-item>
 					</el-col>
 					<el-col :span="24">
+						<el-form-item label="手工费" prop="sgf">
+							<el-input v-model="dataForm.sgf" placeholder="请输入" clearable :style='{"width":"100%"}' >
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="24">
 						<el-form-item label="时长（分）" prop="xmsc">
 							<el-input v-model="dataForm.xmsc" placeholder="请输入" clearable :style='{"width":"100%"}' >
 							</el-input>
 						</el-form-item>
 					</el-col>
-					<el-col :span="24">
+					<!-- <el-col :span="24">
 						<el-form-item label="基础服务提成" prop="jcfwtc">
 							<el-input v-model="dataForm.jcfwtc" placeholder="请输入" clearable :style='{"width":"100%"}' >
 							</el-input>
 						</el-form-item>
-					</el-col>
+					</el-col> -->
 					<el-col :span="24">
 						<el-form-item label="分类1汇总表" prop="fl1">
 							<el-input v-model="dataForm.fl1" placeholder="请输入" clearable :style='{"width":"100%"}' >
@@ -114,6 +120,7 @@
 				isDetail: false,
 				dataForm: {
 					id:'',
+					sgf:undefined,
 					id:undefined,
 					xmbh:undefined,
 					xmmc:undefined,
diff --git a/antis-ncc-admin/src/views/lqXmzl/index.vue b/antis-ncc-admin/src/views/lqXmzl/index.vue
index 70d3988..4f6e0ee 100644
--- a/antis-ncc-admin/src/views/lqXmzl/index.vue
+++ b/antis-ncc-admin/src/views/lqXmzl/index.vue
@@ -109,8 +109,9 @@
 					<el-table-column prop="xmbh" label="项目编号" align="left" />
 					<el-table-column prop="xmmc" label="项目名称" align="left" />
 					<el-table-column prop="bzjg" label="标准价格" align="left" />
+                    <el-table-column prop="sgf" label="手工费" align="left" />
 					<el-table-column prop="xmsc" label="时长（分）" align="left" />
-					<el-table-column prop="jcfwtc" label="基础服务提成" align="left" />
+					<!-- <el-table-column prop="jcfwtc" label="基础服务提成" align="left" /> -->
 					<el-table-column prop="fl1" label="分类1汇总表" align="left" />
 					<el-table-column prop="fl2" label="分类2汇总表" align="left" />
 					<el-table-column prop="fl3" label="分类3工资用" align="left" />
--
libgit2 0.21.4