From 8b66cf2b678480cd1864c4477ad575c325a14b94 Mon Sep 17 00:00:00 2001
From: liyu1201 <1492230202@qq.com>
Date: Fri, 17 Oct 2025 18:10:44 +0800
Subject: [PATCH] ``` feat(order-placement-event): 新增开单活动管理功能

---
 antis-ncc-admin/.env.development                            |   4 ++--
 antis-ncc-admin/src/views/0rderPlacementEvent/ExportBox.vue | 139 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/0rderPlacementEvent/Form.vue      | 469 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 antis-ncc-admin/src/views/0rderPlacementEvent/index.vue     | 216 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 826 insertions(+), 2 deletions(-)
 create mode 100644 antis-ncc-admin/src/views/0rderPlacementEvent/ExportBox.vue
 create mode 100644 antis-ncc-admin/src/views/0rderPlacementEvent/Form.vue
 create mode 100644 antis-ncc-admin/src/views/0rderPlacementEvent/index.vue

diff --git a/antis-ncc-admin/.env.development b/antis-ncc-admin/.env.development
index be31aec..78e23e6 100644
--- a/antis-ncc-admin/.env.development
+++ b/antis-ncc-admin/.env.development
@@ -2,6 +2,6 @@
 
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
 # VUE_APP_BASE_API = 'http://lvqian.antissoft.com'
-# VUE_APP_BASE_API = 'http://erp_test.lvqianmeiye.com'
-VUE_APP_BASE_API = 'http://localhost:2011'
+VUE_APP_BASE_API = 'http://erp_test.lvqianmeiye.com'
+# VUE_APP_BASE_API = 'http://localhost:2011'
 VUE_APP_BASE_WSS = 'ws://192.168.110.45:2011/websocket'
diff --git a/antis-ncc-admin/src/views/0rderPlacementEvent/ExportBox.vue b/antis-ncc-admin/src/views/0rderPlacementEvent/ExportBox.vue
new file mode 100644
index 0000000..1a2e788
--- /dev/null
+++ b/antis-ncc-admin/src/views/0rderPlacementEvent/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/0rderPlacementEvent/Form.vue b/antis-ncc-admin/src/views/0rderPlacementEvent/Form.vue
new file mode 100644
index 0000000..5df7417
--- /dev/null
+++ b/antis-ncc-admin/src/views/0rderPlacementEvent/Form.vue
@@ -0,0 +1,469 @@
+<template>
+  <el-dialog :title="!dataForm.id ? '新增开单活动' : '编辑开单活动'" :close-on-click-modal="false" :visible.sync="visible"
+    width="800px" @close="closeDialog">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
+      label-width="120px">
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="活动名称" prop="activityName">
+            <el-input v-model="dataForm.activityName" placeholder="请输入活动名称" clearable />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="活动描述" prop="activityDesc">
+            <el-input v-model="dataForm.activityDesc" type="textarea" :rows="3" placeholder="请输入活动描述" clearable />
+          </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="选择开始时间"
+              format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-ddTHH:mm:ss.sssZ" 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="选择结束时间" format="yyyy-MM-dd HH:mm:ss"
+              value-format="yyyy-MM-ddTHH:mm:ss.sssZ" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="最小项目数量" prop="minItemQuantity">
+            <el-input-number v-model="dataForm.minItemQuantity" :min="1" :max="2147483647" placeholder="最小项目数量"
+              style="width: 100%" />
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="12">
+          <el-form-item label="排序" prop="sortOrder">
+            <el-input-number
+              v-model="dataForm.sortOrder"
+              :min="0"
+              placeholder="排序"
+              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col> -->
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="活动规则" prop="activityRules">
+            <el-input v-model="dataForm.activityRules" type="textarea" :rows="3" placeholder="请输入活动规则" clearable />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="活动图片" prop="activityImages">
+            <el-input
+              v-model="dataForm.activityImages"
+              placeholder="请输入活动图片URL"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row> -->
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="活动项目" prop="activityItems">
+            <div class="item-selection-container">
+              <el-button type="primary" size="small" @click="showItemSelector = true">
+                选择项目
+              </el-button>
+              <span class="selected-count" v-if="selectedItems.length > 0">
+                已选择 {{ selectedItems.length }} 个项目
+              </span>
+            </div>
+
+            <!-- 已选择的项目列表 -->
+            <div class="selected-items" v-if="selectedItems.length > 0">
+              <el-tag v-for="item in selectedItems" :key="item.itemId" closable @close="removeItem(item)" class="item-tag">
+                {{ item.itemName }} ({{ item.itemId }})
+              </el-tag>
+            </div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- 项目选择弹窗 -->
+    <el-dialog title="选择项目" :visible.sync="showItemSelector" width="900px" append-to-body>
+      <div class="item-selector">
+        <!-- 搜索框 -->
+        <el-row :gutter="20" style="margin-bottom: 20px;">
+          <el-col :span="8">
+            <el-input v-model="itemSearchQuery.xmmc" placeholder="项目名称" clearable />
+          </el-col>
+          <el-col :span="8">
+            <el-button type="primary" @click="searchItems">搜索</el-button>
+            <el-button @click="resetItemSearch">重置</el-button>
+          </el-col>
+        </el-row>
+
+        <!-- 项目列表 -->
+        <el-table :data="itemList" v-loading="itemListLoading" @selection-change="handleItemSelectionChange"
+          max-height="400">
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="id" label="项目编号" align="left" />
+          <el-table-column prop="xmmc" label="项目名称" align="left" />
+        </el-table>
+
+        <!-- 分页 -->
+        <pagination v-show="itemTotal > 0" :total="itemTotal" :page.sync="itemQuery.currentPage"
+          :limit.sync="itemQuery.pageSize" @pagination="getItemList" />
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="showItemSelector = false">取消</el-button>
+        <el-button type="primary" @click="confirmItemSelection">确定</el-button>
+      </span>
+    </el-dialog>
+
+    <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 request from '@/utils/request'
+
+  export default {
+    name: 'PackageInfoForm',
+    data() {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          activityName: '',
+          activityDesc: '',
+          startTime: '',
+          endTime: '',
+          minItemQuantity: 1,
+          activityRules: '',
+          activityImages: '',
+          sortOrder: 0,
+          activityItems: []
+        },
+        dataRule: {
+          activityName: [{
+            required: true,
+            message: '活动名称不能为空',
+            trigger: 'blur'
+          }],
+          activityDesc: [{
+            required: true,
+            message: '活动描述不能为空',
+            trigger: 'blur'
+          }],
+          startTime: [{
+            required: true,
+            message: '开始时间不能为空',
+            trigger: 'change'
+          }],
+          endTime: [{
+            required: true,
+            message: '结束时间不能为空',
+            trigger: 'change'
+          }],
+          minItemQuantity: [{
+            required: true,
+            message: '最小项目数量不能为空',
+            trigger: 'blur'
+          }],
+          activityItems: [{
+            required: true,
+            message: '请至少选择一个项目',
+            trigger: 'change'
+          }]
+        },
+        // 项目选择相关
+        showItemSelector: false,
+        selectedItems: [],
+        itemList: [],
+        itemListLoading: false,
+        itemTotal: 0,
+        itemQuery: {
+          currentPage: 1,
+          pageSize: 10
+        },
+        itemSearchQuery: {
+          xmbh: '',
+          xmmc: ''
+        },
+        tempSelectedItems: [] // 临时选择的项目
+      }
+    },
+    methods: {
+      init(id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            // 编辑模式，加载数据
+            this.loadData()
+          } else {
+            // 新增模式，重置表单
+            this.resetForm()
+          }
+        })
+      },
+
+      // 加载数据（编辑模式）
+      loadData() {
+        // 这里可以根据需要加载现有数据
+        request({
+          url: `/api/Extend/lqpackageinfo/GetPackageInfoDetailAsync?id=${this.dataForm.id}`,
+          method: 'GET'
+        }).then(res => {
+          this.dataForm = {
+            ...this.dataForm,
+            ...res.data
+          }
+          // 处理已选择的项目
+          if (res.data.activityItems) {
+            this.selectedItems = res.data.activityItems
+            // 转换时间戳为日期字符串格式
+            console.log(res.data)
+            if (res.data.startTime) {
+              this.dataForm.startTime = this.formatTimestamp(res.data.startTime)
+            }
+            if (res.data.endTime) {
+              this.dataForm.endTime = this.formatTimestamp(res.data.endTime)
+            }
+          }
+        })
+      },
+      // 时间戳转日期字符串
+      formatTimestamp(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}`
+      },
+
+      // 重置表单
+      resetForm() {
+        this.dataForm = {
+          id: '',
+          activityName: '',
+          activityDesc: '',
+          startTime: '',
+          endTime: '',
+          minItemQuantity: 1,
+          activityRules: '',
+          activityImages: '',
+          sortOrder: 0,
+          activityItems: []
+        }
+        this.selectedItems = []
+      },
+
+      // 获取项目列表
+      getItemList() {
+        this.itemListLoading = true
+        let query = {
+          ...this.itemQuery,
+          ...this.itemSearchQuery
+        }
+
+        request({
+          url: '/api/Extend/LqXmzl',
+          method: 'GET',
+          data: query
+        }).then(res => {
+          this.itemList = res.data.list || []
+          this.itemTotal = (res.data.pagination && res.data.pagination.total) || 0
+          this.itemListLoading = false
+        }).catch(() => {
+          this.itemListLoading = false
+        })
+      },
+
+      // 搜索项目
+      searchItems() {
+        this.itemQuery.currentPage = 1
+        this.getItemList()
+      },
+
+      // 重置项目搜索
+      resetItemSearch() {
+        this.itemSearchQuery = {
+          xmbh: '',
+          xmmc: ''
+        }
+        this.searchItems()
+      },
+
+      // 处理项目选择变化
+      handleItemSelectionChange(selection) {
+        this.tempSelectedItems = selection
+      },
+
+    // 确认项目选择
+    confirmItemSelection() {
+      // 合并已选择的项目，避免重复
+      const existingIds = this.selectedItems.map(item => item.itemId)
+      const newItems = this.tempSelectedItems.filter(item => !existingIds.includes(item.id))
+      
+      // 直接转换为目标格式
+      const formattedNewItems = newItems.map(item => ({
+        itemId: item.id,
+        itemName: item.xmmc,
+        itemCategory: item.qt2 || '',
+        itemRemark: item.qt1 || ''
+      }))
+      
+      this.selectedItems = [...this.selectedItems, ...formattedNewItems]
+      this.showItemSelector = false
+      
+      // 更新表单数据
+      this.updateActivityItems()
+    },
+
+    // 移除项目
+    removeItem(item) {
+      const index = this.selectedItems.findIndex(selected => selected.itemId === item.itemId)
+      if (index > -1) {
+        this.selectedItems.splice(index, 1)
+        this.updateActivityItems()
+      }
+    },
+
+    // 更新活动项目数据
+    updateActivityItems() {
+      this.dataForm.activityItems = this.selectedItems
+    },
+
+      // 表单提交
+      dataFormSubmit() {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            // 验证时间
+            if (new Date(this.dataForm.startTime) >= new Date(this.dataForm.endTime)) {
+              this.$message.error('结束时间必须大于开始时间')
+              return
+            }
+
+            // 验证项目选择
+            if (this.selectedItems.length === 0) {
+              this.$message.error('请至少选择一个项目')
+              return
+            }
+
+            // 更新活动项目数据
+            this.updateActivityItems()
+
+            const requestData = {
+              ...this.dataForm,
+              minItemQuantity: parseInt(this.dataForm.minItemQuantity),
+              sortOrder: parseInt(this.dataForm.sortOrder)
+            }
+
+            if (this.dataForm.id) {
+              request({
+                url: '/api/Extend/lqpackageinfo/UpdatePackageInfoAsync',
+                method: 'PUT',
+                data: requestData
+              }).then(res => {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              }).catch(err => {
+                this.$message.error(err.msg || '操作失败')
+              })
+            } else {
+              request({
+                url: '/api/Extend/lqpackageinfo/CreatePackageInfoAsync',
+                method: 'POST',
+                data: requestData
+              }).then(res => {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              }).catch(err => {
+                this.$message.error(err.msg || '操作失败')
+              })
+            }
+          }
+        })
+      },
+
+      // 关闭弹窗
+      closeDialog() {
+        this.resetForm()
+        this.showItemSelector = false
+        this.tempSelectedItems = []
+      }
+    },
+
+    watch: {
+      showItemSelector(val) {
+        if (val) {
+          this.getItemList()
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .item-selection-container {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 10px;
+  }
+
+  .selected-count {
+    color: #409EFF;
+    font-size: 14px;
+  }
+
+  .selected-items {
+    margin-top: 10px;
+  }
+
+  .item-tag {
+    margin-right: 8px;
+    margin-bottom: 8px;
+  }
+
+  .item-selector {
+    /* max-height: 500px;
+    overflow-y: auto; */
+  }
+
+  .dialog-footer {
+    text-align: right;
+  }
+</style>
diff --git a/antis-ncc-admin/src/views/0rderPlacementEvent/index.vue b/antis-ncc-admin/src/views/0rderPlacementEvent/index.vue
new file mode 100644
index 0000000..e3fb5fd
--- /dev/null
+++ b/antis-ncc-admin/src/views/0rderPlacementEvent/index.vue
@@ -0,0 +1,216 @@
+<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.activityName" 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="activityName" label="活动名称" align="left" show-overflow-tooltip />
+					<el-table-column prop="minItemQuantity" label="最小项目数量" align="left" >
+						<template slot-scope="scope">
+							{{ scope.row.minItemQuantity }}个
+						</template>
+					</el-table-column>
+					<el-table-column prop="startTime" label="开始时间" align="left" :formatter="ncc.tableDateFormat" />
+					<el-table-column prop="endTime" label="结束时间" align="left" :formatter="ncc.tableDateFormat" />
+					<!-- <el-table-column prop="sortOrder" label="排序" align="center" width="80" /> -->
+					<el-table-column prop="createTime" label="创建时间" align="left" :formatter="ncc.tableDateFormat" />
+					<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)"  class="NCC-table-delBtn" >删除</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" />
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import Form from './Form'
+import ExportBox from './ExportBox'
+import Pagination from '@/components/Pagination'
+
+export default {
+	name: 'LqPackageInfo',
+	components: {
+		Form,
+		ExportBox,
+		Pagination
+	},
+	data() {
+		return {
+			query: {
+				activityName: '',
+				activityDesc: '',
+				minItemQuantity: null,
+				currentPage: 1,
+				pageSize: 20,
+				isEffective:1
+			},
+			list: [],
+			total: 0,
+			listLoading: true,
+			formVisible: false,
+			exportVisible: false,
+			selectedIds: [],
+		}
+	},
+	created() {
+		this.getList()
+	},
+	methods: {
+		// 获取数据列表
+		getList() {
+			this.listLoading = true
+			let query = {
+				...this.query,
+				sort: 'desc',
+				sidx: 'CreateTime'
+			}
+			
+			request({
+				url: '/api/Extend/lqpackageinfo/GetPackageInfoListAsync',
+				method: 'GET',
+				data: query
+			}).then(response => {
+				this.list = response.data.list || []
+				this.total = response.data.pagination.total || 0
+				this.listLoading = false
+			}).catch(() => {
+				this.listLoading = false
+			})
+		},
+		// 搜索
+		search() {
+			this.query.currentPage = 1
+			this.getList()
+		},
+		// 重置
+		reset() {
+			this.query = {
+				activityName: '',
+				activityDesc: '',
+				minItemQuantity: null,
+				currentPage: 1,
+				pageSize: 20,
+				isEffective:1
+			}
+			this.getList()
+		},
+		// 新增 / 修改
+		addOrUpdateHandle(id) {
+			this.formVisible = true
+			this.$nextTick(() => {
+				this.$refs.Form.init(id)
+			})
+		},
+		// 删除
+		handleDelete(id) {
+			this.$confirm('确定要删除该开单活动吗？', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning'
+			}).then(() => {
+				request({
+					url: `/api/Extend/lqpackageinfo/MarkDeletePackageInfoAsync?id=${id}`,
+					method: 'DELETE'
+				}).then(res => {
+					this.$message({
+						message: '删除成功',
+						type: 'success'
+					})
+					this.getList()
+				}).catch(err => {
+					this.$message.error(err.msg || '删除失败')
+				})
+			})
+		},
+		// 批量删除
+		handleBatchRemoveDel() {
+			if (this.selectedIds.length === 0) {
+				this.$message({
+					message: '请选择要删除的数据',
+					type: 'warning'
+				})
+				return
+			}
+			this.$confirm('确定要删除选中的开单活动吗？', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning'
+			}).then(() => {
+				request({
+					url: '/api/Extend/LqPackageInfo/batchRemove',
+					method: 'POST',
+					data: this.selectedIds
+				}).then(res => {
+					this.$message({
+						message: '删除成功',
+						type: 'success'
+					})
+					this.getList()
+				}).catch(err => {
+					this.$message.error(err.msg || '删除失败')
+				})
+			})
+		},
+		// 多选
+		handleSelectionChange(selection) {
+			this.selectedIds = selection.map(item => item.id)
+		},
+		// 导出
+		exportData() {
+			this.exportVisible = true
+			this.$nextTick(() => {
+				this.$refs.ExportBox.init()
+			})
+		}
+	}
+}
+</script>
+
+<style scoped>
+.NCC-common-layout {
+	height: 100%;
+}
+</style>
--
libgit2 0.21.4