Commit d080a458558d76c23a6fe41a5f819eef637003c2
1 parent
5e827127
拓客活动
Showing
9 changed files
with
1032 additions
and
3 deletions
antis-ncc-admin/src/api/extend/lqevent.js
0 → 100644
| 1 | +import request from '@/utils/request' | ||
| 2 | + | ||
| 3 | +// 获取拓客活动列表 | ||
| 4 | +export function getLqEventList(data) { | ||
| 5 | + return request({ | ||
| 6 | + url: '/api/Extend/lqevent', | ||
| 7 | + method: 'GET', | ||
| 8 | + data | ||
| 9 | + }) | ||
| 10 | +} | ||
| 11 | + | ||
| 12 | +// 获取拓客活动详情 | ||
| 13 | +export function getLqEventInfo(id) { | ||
| 14 | + return request({ | ||
| 15 | + url: `/api/Extend/lqevent/${id}`, | ||
| 16 | + method: 'GET' | ||
| 17 | + }) | ||
| 18 | +} | ||
| 19 | + | ||
| 20 | +// 新增拓客活动 | ||
| 21 | +export function createLqEvent(data) { | ||
| 22 | + return request({ | ||
| 23 | + url: '/api/Extend/lqevent', | ||
| 24 | + method: 'POST', | ||
| 25 | + data | ||
| 26 | + }) | ||
| 27 | +} | ||
| 28 | + | ||
| 29 | +// 更新拓客活动 | ||
| 30 | +export function updateLqEvent(id, data) { | ||
| 31 | + return request({ | ||
| 32 | + url: `/api/Extend/lqevent/${id}`, | ||
| 33 | + method: 'PUT', | ||
| 34 | + data | ||
| 35 | + }) | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +// 删除拓客活动 | ||
| 39 | +export function deleteLqEvent(id) { | ||
| 40 | + return request({ | ||
| 41 | + url: `/api/Extend/lqevent/${id}`, | ||
| 42 | + method: 'DELETE' | ||
| 43 | + }) | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +// 批量删除拓客活动 | ||
| 47 | +export function batchDeleteLqEvent(ids) { | ||
| 48 | + return request({ | ||
| 49 | + url: '/api/Extend/lqevent/batch', | ||
| 50 | + method: 'DELETE', | ||
| 51 | + data: { ids } | ||
| 52 | + }) | ||
| 53 | +} | ||
| 54 | + | ||
| 55 | +// 导出拓客活动 | ||
| 56 | +export function exportLqEvent(data) { | ||
| 57 | + return request({ | ||
| 58 | + url: '/api/Extend/lqevent/export', | ||
| 59 | + method: 'POST', | ||
| 60 | + data, | ||
| 61 | + responseType: 'blob' | ||
| 62 | + }) | ||
| 63 | +} |
antis-ncc-admin/src/router/modules/base.js
| @@ -64,6 +64,17 @@ const baseRouter = [{ | @@ -64,6 +64,17 @@ const baseRouter = [{ | ||
| 64 | zhTitle: '美业仪表板', | 64 | zhTitle: '美业仪表板', |
| 65 | icon: 'icon-ym icon-ym-generator-kanban', | 65 | icon: 'icon-ym icon-ym-generator-kanban', |
| 66 | } | 66 | } |
| 67 | + }, | ||
| 68 | + { | ||
| 69 | + path: '/lqEvent', | ||
| 70 | + component: (resolve) => require(['@/views/lqEvent'], resolve), | ||
| 71 | + name: 'lqEvent', | ||
| 72 | + meta: { | ||
| 73 | + title: 'lqEvent', | ||
| 74 | + affix: false, | ||
| 75 | + zhTitle: '拓客活动', | ||
| 76 | + icon: 'icon-ym icon-ym-s-data', | ||
| 77 | + } | ||
| 67 | } | 78 | } |
| 68 | ] | 79 | ] |
| 69 | export default baseRouter | 80 | export default baseRouter |
| 70 | \ No newline at end of file | 81 | \ No newline at end of file |
antis-ncc-admin/src/views/lqEvent/ExportBox.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <el-dialog title="导出拓客活动" :close-on-click-modal="false" :visible.sync="visible" width="500px"> | ||
| 3 | + <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="100px"> | ||
| 4 | + <el-form-item label="导出格式" prop="fileType"> | ||
| 5 | + <el-radio-group v-model="dataForm.fileType"> | ||
| 6 | + <el-radio label="excel">Excel</el-radio> | ||
| 7 | + <el-radio label="csv">CSV</el-radio> | ||
| 8 | + </el-radio-group> | ||
| 9 | + </el-form-item> | ||
| 10 | + <el-form-item label="导出范围" prop="exportRange"> | ||
| 11 | + <el-radio-group v-model="dataForm.exportRange"> | ||
| 12 | + <el-radio label="all">全部数据</el-radio> | ||
| 13 | + <el-radio label="current">当前页</el-radio> | ||
| 14 | + <el-radio label="selected">选中数据</el-radio> | ||
| 15 | + </el-radio-group> | ||
| 16 | + </el-form-item> | ||
| 17 | + <el-form-item label="导出字段" prop="fields"> | ||
| 18 | + <el-checkbox-group v-model="dataForm.fields"> | ||
| 19 | + <el-checkbox label="eventName">活动名称</el-checkbox> | ||
| 20 | + <el-checkbox label="eventNumber">活动编号</el-checkbox> | ||
| 21 | + <el-checkbox label="eventCoordinator">活动负责人</el-checkbox> | ||
| 22 | + <el-checkbox label="startTime">开始时间</el-checkbox> | ||
| 23 | + <el-checkbox label="endTime">结束时间</el-checkbox> | ||
| 24 | + <el-checkbox label="memberCount">参与人数</el-checkbox> | ||
| 25 | + <el-checkbox label="createTime">创建时间</el-checkbox> | ||
| 26 | + </el-checkbox-group> | ||
| 27 | + </el-form-item> | ||
| 28 | + <el-form-item label="文件名" prop="fileName"> | ||
| 29 | + <el-input v-model="dataForm.fileName" placeholder="请输入文件名" /> | ||
| 30 | + </el-form-item> | ||
| 31 | + </el-form> | ||
| 32 | + <span slot="footer" class="dialog-footer"> | ||
| 33 | + <el-button @click="visible = false">取消</el-button> | ||
| 34 | + <el-button type="primary" @click="dataFormSubmit()" :loading="exportLoading">确定导出</el-button> | ||
| 35 | + </span> | ||
| 36 | + </el-dialog> | ||
| 37 | +</template> | ||
| 38 | + | ||
| 39 | +<script> | ||
| 40 | +import { exportLqEvent } from '@/api/extend/lqevent' | ||
| 41 | +import { saveAs } from 'file-saver' | ||
| 42 | + | ||
| 43 | +export default { | ||
| 44 | + name: 'LqEventExportBox', | ||
| 45 | + data() { | ||
| 46 | + return { | ||
| 47 | + visible: false, | ||
| 48 | + exportLoading: false, | ||
| 49 | + dataForm: { | ||
| 50 | + fileType: 'excel', | ||
| 51 | + exportRange: 'all', | ||
| 52 | + fields: ['eventName', 'eventNumber', 'eventCoordinator', 'startTime', 'endTime', 'memberCount', 'createTime'], | ||
| 53 | + fileName: '拓客活动数据' | ||
| 54 | + }, | ||
| 55 | + dataRule: { | ||
| 56 | + fileType: [ | ||
| 57 | + { required: true, message: '请选择导出格式', trigger: 'change' } | ||
| 58 | + ], | ||
| 59 | + exportRange: [ | ||
| 60 | + { required: true, message: '请选择导出范围', trigger: 'change' } | ||
| 61 | + ], | ||
| 62 | + fields: [ | ||
| 63 | + { required: true, message: '请选择导出字段', trigger: 'change' } | ||
| 64 | + ], | ||
| 65 | + fileName: [ | ||
| 66 | + { required: true, message: '请输入文件名', trigger: 'blur' } | ||
| 67 | + ] | ||
| 68 | + } | ||
| 69 | + } | ||
| 70 | + }, | ||
| 71 | + methods: { | ||
| 72 | + init() { | ||
| 73 | + this.visible = true | ||
| 74 | + this.$nextTick(() => { | ||
| 75 | + this.$refs['dataForm'].resetFields() | ||
| 76 | + this.dataForm = { | ||
| 77 | + fileType: 'excel', | ||
| 78 | + exportRange: 'all', | ||
| 79 | + fields: ['eventName', 'eventNumber', 'eventCoordinator', 'startTime', 'endTime', 'memberCount', 'createTime'], | ||
| 80 | + fileName: '拓客活动数据' | ||
| 81 | + } | ||
| 82 | + }) | ||
| 83 | + }, | ||
| 84 | + // 表单提交 | ||
| 85 | + dataFormSubmit() { | ||
| 86 | + this.$refs['dataForm'].validate((valid) => { | ||
| 87 | + if (valid) { | ||
| 88 | + this.exportLoading = true | ||
| 89 | + | ||
| 90 | + const exportData = { | ||
| 91 | + ...this.dataForm, | ||
| 92 | + query: this.$parent.query || {} | ||
| 93 | + } | ||
| 94 | + | ||
| 95 | + exportLqEvent(exportData).then(response => { | ||
| 96 | + // 创建文件名 | ||
| 97 | + const timestamp = new Date().getTime() | ||
| 98 | + const fileExtension = this.dataForm.fileType === 'excel' ? 'xlsx' : 'csv' | ||
| 99 | + const fileName = `${this.dataForm.fileName}_${timestamp}.${fileExtension}` | ||
| 100 | + | ||
| 101 | + // 保存文件 | ||
| 102 | + const blob = new Blob([response], { | ||
| 103 | + type: this.dataForm.fileType === 'excel' | ||
| 104 | + ? 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' | ||
| 105 | + : 'text/csv;charset=utf-8' | ||
| 106 | + }) | ||
| 107 | + saveAs(blob, fileName) | ||
| 108 | + | ||
| 109 | + this.$message({ | ||
| 110 | + message: '导出成功', | ||
| 111 | + type: 'success' | ||
| 112 | + }) | ||
| 113 | + this.visible = false | ||
| 114 | + this.exportLoading = false | ||
| 115 | + }).catch(() => { | ||
| 116 | + this.exportLoading = false | ||
| 117 | + }) | ||
| 118 | + } | ||
| 119 | + }) | ||
| 120 | + } | ||
| 121 | + } | ||
| 122 | +} | ||
| 123 | +</script> | ||
| 124 | + | ||
| 125 | +<style scoped> | ||
| 126 | +.dialog-footer { | ||
| 127 | + text-align: right; | ||
| 128 | +} | ||
| 129 | + | ||
| 130 | +.el-checkbox-group { | ||
| 131 | + display: flex; | ||
| 132 | + flex-wrap: wrap; | ||
| 133 | +} | ||
| 134 | + | ||
| 135 | +.el-checkbox { | ||
| 136 | + margin-right: 20px; | ||
| 137 | + margin-bottom: 10px; | ||
| 138 | +} | ||
| 139 | +</style> |
antis-ncc-admin/src/views/lqEvent/Form.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible" width="800px"> | ||
| 3 | + <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px"> | ||
| 4 | + <el-row :gutter="20"> | ||
| 5 | + <el-col :span="12"> | ||
| 6 | + <el-form-item label="活动名称" prop="eventName"> | ||
| 7 | + <el-input v-model="dataForm.eventName" placeholder="请输入活动名称" /> | ||
| 8 | + </el-form-item> | ||
| 9 | + </el-col> | ||
| 10 | + <el-col :span="12"> | ||
| 11 | + <el-form-item label="活动编号" prop="eventNumber"> | ||
| 12 | + <el-input v-model="dataForm.eventNumber" placeholder="请输入活动编号" /> | ||
| 13 | + </el-form-item> | ||
| 14 | + </el-col> | ||
| 15 | + </el-row> | ||
| 16 | + <el-row :gutter="20"> | ||
| 17 | + <el-col :span="12"> | ||
| 18 | + <el-form-item label="活动负责人" prop="eventCoordinator"> | ||
| 19 | + <el-input v-model="dataForm.eventCoordinator" placeholder="请输入活动负责人" /> | ||
| 20 | + </el-form-item> | ||
| 21 | + </el-col> | ||
| 22 | + <el-col :span="12"> | ||
| 23 | + <el-form-item label="参与人数" prop="memberCount"> | ||
| 24 | + <el-input-number v-model="memberCount" :min="0" :max="1000" placeholder="参与人数" /> | ||
| 25 | + </el-form-item> | ||
| 26 | + </el-col> | ||
| 27 | + </el-row> | ||
| 28 | + <el-row :gutter="20"> | ||
| 29 | + <el-col :span="12"> | ||
| 30 | + <el-form-item label="开始时间" prop="startTime"> | ||
| 31 | + <el-date-picker | ||
| 32 | + v-model="dataForm.startTime" | ||
| 33 | + type="datetime" | ||
| 34 | + placeholder="选择开始时间" | ||
| 35 | + value-format="yyyy-MM-dd HH:mm:ss" | ||
| 36 | + style="width: 100%" | ||
| 37 | + /> | ||
| 38 | + </el-form-item> | ||
| 39 | + </el-col> | ||
| 40 | + <el-col :span="12"> | ||
| 41 | + <el-form-item label="结束时间" prop="endTime"> | ||
| 42 | + <el-date-picker | ||
| 43 | + v-model="dataForm.endTime" | ||
| 44 | + type="datetime" | ||
| 45 | + placeholder="选择结束时间" | ||
| 46 | + value-format="yyyy-MM-dd HH:mm:ss" | ||
| 47 | + style="width: 100%" | ||
| 48 | + /> | ||
| 49 | + </el-form-item> | ||
| 50 | + </el-col> | ||
| 51 | + </el-row> | ||
| 52 | + | ||
| 53 | + <!-- 成员管理 --> | ||
| 54 | + <el-divider content-position="left">活动成员</el-divider> | ||
| 55 | + <div class="member-management"> | ||
| 56 | + <div class="member-header"> | ||
| 57 | + <el-button type="primary" size="small" icon="el-icon-plus" @click="addMember">添加成员</el-button> | ||
| 58 | + <span class="member-count">共 {{ dataForm.members.length }} 人</span> | ||
| 59 | + </div> | ||
| 60 | + <el-table :data="dataForm.members" border style="margin-top: 10px;"> | ||
| 61 | + <el-table-column prop="userId" label="用户ID" width="150"> | ||
| 62 | + <template slot-scope="scope"> | ||
| 63 | + <el-input v-model="scope.row.userId" placeholder="请输入用户ID" size="small" /> | ||
| 64 | + </template> | ||
| 65 | + </el-table-column> | ||
| 66 | + <el-table-column prop="depId" label="部门ID" width="150"> | ||
| 67 | + <template slot-scope="scope"> | ||
| 68 | + <el-input v-model="scope.row.depId" placeholder="请输入部门ID" size="small" /> | ||
| 69 | + </template> | ||
| 70 | + </el-table-column> | ||
| 71 | + <el-table-column prop="teamName" label="团队名称" min-width="200"> | ||
| 72 | + <template slot-scope="scope"> | ||
| 73 | + <el-input v-model="scope.row.teamName" placeholder="请输入团队名称" size="small" /> | ||
| 74 | + </template> | ||
| 75 | + </el-table-column> | ||
| 76 | + <el-table-column label="操作" width="80" align="center"> | ||
| 77 | + <template slot-scope="scope"> | ||
| 78 | + <el-button type="text" size="small" @click="removeMember(scope.$index)">删除</el-button> | ||
| 79 | + </template> | ||
| 80 | + </el-table-column> | ||
| 81 | + </el-table> | ||
| 82 | + </div> | ||
| 83 | + </el-form> | ||
| 84 | + <span slot="footer" class="dialog-footer"> | ||
| 85 | + <el-button @click="visible = false">取消</el-button> | ||
| 86 | + <el-button type="primary" @click="dataFormSubmit()">确定</el-button> | ||
| 87 | + </span> | ||
| 88 | + </el-dialog> | ||
| 89 | +</template> | ||
| 90 | + | ||
| 91 | +<script> | ||
| 92 | +import { getLqEventInfo, createLqEvent, updateLqEvent } from '@/api/extend/lqevent' | ||
| 93 | + | ||
| 94 | +export default { | ||
| 95 | + name: 'LqEventForm', | ||
| 96 | + data() { | ||
| 97 | + return { | ||
| 98 | + visible: false, | ||
| 99 | + dataForm: { | ||
| 100 | + id: '', | ||
| 101 | + eventName: '', | ||
| 102 | + eventNumber: '', | ||
| 103 | + eventCoordinator: '', | ||
| 104 | + startTime: '', | ||
| 105 | + endTime: '', | ||
| 106 | + members: [] | ||
| 107 | + }, | ||
| 108 | + memberCount: 0, | ||
| 109 | + dataRule: { | ||
| 110 | + eventName: [ | ||
| 111 | + { required: true, message: '活动名称不能为空', trigger: 'blur' } | ||
| 112 | + ], | ||
| 113 | + eventNumber: [ | ||
| 114 | + { required: true, message: '活动编号不能为空', trigger: 'blur' } | ||
| 115 | + ], | ||
| 116 | + eventCoordinator: [ | ||
| 117 | + { required: true, message: '活动负责人不能为空', trigger: 'blur' } | ||
| 118 | + ], | ||
| 119 | + startTime: [ | ||
| 120 | + { required: true, message: '开始时间不能为空', trigger: 'change' } | ||
| 121 | + ], | ||
| 122 | + endTime: [ | ||
| 123 | + { required: true, message: '结束时间不能为空', trigger: 'change' } | ||
| 124 | + ] | ||
| 125 | + } | ||
| 126 | + } | ||
| 127 | + }, | ||
| 128 | + methods: { | ||
| 129 | + init(id) { | ||
| 130 | + this.dataForm.id = id || '' | ||
| 131 | + this.visible = true | ||
| 132 | + this.$nextTick(() => { | ||
| 133 | + this.$refs['dataForm'].resetFields() | ||
| 134 | + if (this.dataForm.id) { | ||
| 135 | + this.getInfo() | ||
| 136 | + } else { | ||
| 137 | + this.dataForm.members = [] | ||
| 138 | + this.memberCount = 0 | ||
| 139 | + } | ||
| 140 | + }) | ||
| 141 | + }, | ||
| 142 | + // 获取信息 | ||
| 143 | + getInfo() { | ||
| 144 | + getLqEventInfo(this.dataForm.id).then(response => { | ||
| 145 | + this.dataForm = response.data | ||
| 146 | + this.dataForm.members = response.data.Members || [] | ||
| 147 | + this.memberCount = this.dataForm.members ? this.dataForm.members.length : 0 | ||
| 148 | + }) | ||
| 149 | + }, | ||
| 150 | + // 添加成员 | ||
| 151 | + addMember() { | ||
| 152 | + this.dataForm.members.push({ | ||
| 153 | + id: '', | ||
| 154 | + eventId: this.dataForm.id || '', | ||
| 155 | + userId: '', | ||
| 156 | + depId: '', | ||
| 157 | + teamName: '' | ||
| 158 | + }) | ||
| 159 | + this.memberCount = this.dataForm.members.length | ||
| 160 | + }, | ||
| 161 | + // 删除成员 | ||
| 162 | + removeMember(index) { | ||
| 163 | + this.dataForm.members.splice(index, 1) | ||
| 164 | + this.memberCount = this.dataForm.members.length | ||
| 165 | + }, | ||
| 166 | + // 表单提交 | ||
| 167 | + dataFormSubmit() { | ||
| 168 | + this.$refs['dataForm'].validate((valid) => { | ||
| 169 | + if (valid) { | ||
| 170 | + // 验证时间 | ||
| 171 | + if (this.dataForm.startTime && this.dataForm.endTime) { | ||
| 172 | + if (new Date(this.dataForm.startTime) >= new Date(this.dataForm.endTime)) { | ||
| 173 | + this.$message.error('结束时间必须大于开始时间') | ||
| 174 | + return | ||
| 175 | + } | ||
| 176 | + } | ||
| 177 | + | ||
| 178 | + // 验证成员信息 | ||
| 179 | + for (let i = 0; i < this.dataForm.members.length; i++) { | ||
| 180 | + const member = this.dataForm.members[i] | ||
| 181 | + if (!member.userId || !member.depId || !member.teamName) { | ||
| 182 | + this.$message.error(`第${i + 1}个成员信息不完整`) | ||
| 183 | + return | ||
| 184 | + } | ||
| 185 | + } | ||
| 186 | + | ||
| 187 | + const data = { ...this.dataForm } | ||
| 188 | + if (!data.id) { | ||
| 189 | + // 新增 | ||
| 190 | + createLqEvent(data).then(() => { | ||
| 191 | + this.$message({ | ||
| 192 | + message: '操作成功', | ||
| 193 | + type: 'success' | ||
| 194 | + }) | ||
| 195 | + this.visible = false | ||
| 196 | + this.$emit('refreshDataList') | ||
| 197 | + }) | ||
| 198 | + } else { | ||
| 199 | + // 修改 | ||
| 200 | + updateLqEvent(data.id, data).then(() => { | ||
| 201 | + this.$message({ | ||
| 202 | + message: '操作成功', | ||
| 203 | + type: 'success' | ||
| 204 | + }) | ||
| 205 | + this.visible = false | ||
| 206 | + this.$emit('refreshDataList') | ||
| 207 | + }) | ||
| 208 | + } | ||
| 209 | + } | ||
| 210 | + }) | ||
| 211 | + } | ||
| 212 | + } | ||
| 213 | +} | ||
| 214 | +</script> | ||
| 215 | + | ||
| 216 | +<style scoped> | ||
| 217 | +.member-management { | ||
| 218 | + margin-top: 20px; | ||
| 219 | +} | ||
| 220 | + | ||
| 221 | +.member-header { | ||
| 222 | + display: flex; | ||
| 223 | + justify-content: space-between; | ||
| 224 | + align-items: center; | ||
| 225 | + margin-bottom: 10px; | ||
| 226 | +} | ||
| 227 | + | ||
| 228 | +.member-count { | ||
| 229 | + color: #606266; | ||
| 230 | + font-size: 14px; | ||
| 231 | +} | ||
| 232 | + | ||
| 233 | +.dialog-footer { | ||
| 234 | + text-align: right; | ||
| 235 | +} | ||
| 236 | +</style> |
antis-ncc-admin/src/views/lqEvent/index.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div class="NCC-common-layout"> | ||
| 3 | + <div class="NCC-common-layout-center"> | ||
| 4 | + <el-row class="NCC-common-search-box" :gutter="16"> | ||
| 5 | + <el-form @submit.native.prevent> | ||
| 6 | + <el-col :span="6"> | ||
| 7 | + <el-form-item label="活动名称"> | ||
| 8 | + <el-input v-model="query.eventName" placeholder="请输入活动名称" clearable /> | ||
| 9 | + </el-form-item> | ||
| 10 | + </el-col> | ||
| 11 | + <el-col :span="6"> | ||
| 12 | + <el-form-item label="活动编号"> | ||
| 13 | + <el-input v-model="query.eventNumber" placeholder="请输入活动编号" clearable /> | ||
| 14 | + </el-form-item> | ||
| 15 | + </el-col> | ||
| 16 | + <el-col :span="6"> | ||
| 17 | + <el-form-item label="活动负责人"> | ||
| 18 | + <el-input v-model="query.eventCoordinator" placeholder="请输入活动负责人" clearable /> | ||
| 19 | + </el-form-item> | ||
| 20 | + </el-col> | ||
| 21 | + <el-col :span="6"> | ||
| 22 | + <el-form-item> | ||
| 23 | + <el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button> | ||
| 24 | + <el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button> | ||
| 25 | + </el-form-item> | ||
| 26 | + </el-col> | ||
| 27 | + </el-form> | ||
| 28 | + </el-row> | ||
| 29 | + <div class="NCC-common-layout-main NCC-flex-main"> | ||
| 30 | + <div class="NCC-common-head"> | ||
| 31 | + <div> | ||
| 32 | + <el-button type="primary" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button> | ||
| 33 | + <el-button type="text" icon="el-icon-download" @click="exportData()">导出</el-button> | ||
| 34 | + <el-button type="text" icon="el-icon-delete" @click="handleBatchRemoveDel()">批量删除</el-button> | ||
| 35 | + </div> | ||
| 36 | + <div class="NCC-common-head-right"> | ||
| 37 | + <el-tooltip effect="dark" content="刷新" placement="top"> | ||
| 38 | + <el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" /> | ||
| 39 | + </el-tooltip> | ||
| 40 | + <screenfull isContainer /> | ||
| 41 | + </div> | ||
| 42 | + </div> | ||
| 43 | + <NCC-table v-loading="listLoading" :data="list" has-c @selection-change="handleSelectionChange"> | ||
| 44 | + <el-table-column prop="eventName" label="活动名称" align="left" show-overflow-tooltip /> | ||
| 45 | + <el-table-column prop="eventNumber" label="活动编号" align="left" show-overflow-tooltip /> | ||
| 46 | + <el-table-column prop="eventCoordinator" label="活动负责人" align="left" show-overflow-tooltip /> | ||
| 47 | + <el-table-column prop="startTime" label="开始时间" align="left" width="180"> | ||
| 48 | + <template slot-scope="scope"> | ||
| 49 | + {{ scope.row.startTime | formatDate('yyyy-MM-dd HH:mm:ss') }} | ||
| 50 | + </template> | ||
| 51 | + </el-table-column> | ||
| 52 | + <el-table-column prop="endTime" label="结束时间" align="left" width="180"> | ||
| 53 | + <template slot-scope="scope"> | ||
| 54 | + {{ scope.row.endTime | formatDate('yyyy-MM-dd HH:mm:ss') }} | ||
| 55 | + </template> | ||
| 56 | + </el-table-column> | ||
| 57 | + <el-table-column prop="members" label="参与人数" align="center" width="100"> | ||
| 58 | + <template slot-scope="scope"> | ||
| 59 | + {{ scope.row.members ? scope.row.members.length : 0 }}人 | ||
| 60 | + </template> | ||
| 61 | + </el-table-column> | ||
| 62 | + <el-table-column prop="createTime" label="创建时间" align="left" width="180"> | ||
| 63 | + <template slot-scope="scope"> | ||
| 64 | + {{ scope.row.createTime | formatDate('yyyy-MM-dd HH:mm:ss') }} | ||
| 65 | + </template> | ||
| 66 | + </el-table-column> | ||
| 67 | + <el-table-column label="操作" align="left" width="200" fixed="right"> | ||
| 68 | + <template slot-scope="scope"> | ||
| 69 | + <el-button type="text" @click="addOrUpdateHandle(scope.row.id)">编辑</el-button> | ||
| 70 | + <el-button type="text" @click="handleDelete(scope.row.id)">删除</el-button> | ||
| 71 | + <el-button type="text" @click="viewMembers(scope.row)">查看成员</el-button> | ||
| 72 | + </template> | ||
| 73 | + </el-table-column> | ||
| 74 | + </NCC-table> | ||
| 75 | + <pagination | ||
| 76 | + v-show="total > 0" | ||
| 77 | + :total="total" | ||
| 78 | + :page.sync="query.currentPage" | ||
| 79 | + :limit.sync="query.pageSize" | ||
| 80 | + @pagination="getList" | ||
| 81 | + /> | ||
| 82 | + </div> | ||
| 83 | + </div> | ||
| 84 | + <!-- 弹窗, 新增 / 修改 --> | ||
| 85 | + <Form v-if="formVisible" ref="Form" @refreshDataList="getList" /> | ||
| 86 | + <!-- 导出弹窗 --> | ||
| 87 | + <ExportBox v-if="exportVisible" ref="ExportBox" @refreshDataList="getList" /> | ||
| 88 | + <!-- 查看成员弹窗 --> | ||
| 89 | + <el-dialog title="活动成员" :visible.sync="membersVisible" width="800px"> | ||
| 90 | + <el-table :data="currentMembers" v-loading="membersLoading"> | ||
| 91 | + <el-table-column prop="userId" label="用户ID" align="left" /> | ||
| 92 | + <el-table-column prop="depId" label="部门ID" align="left" /> | ||
| 93 | + <el-table-column prop="teamName" label="团队名称" align="left" /> | ||
| 94 | + </el-table> | ||
| 95 | + </el-dialog> | ||
| 96 | + </div> | ||
| 97 | +</template> | ||
| 98 | + | ||
| 99 | +<script> | ||
| 100 | +import { getLqEventList, deleteLqEvent, batchDeleteLqEvent } from '@/api/extend/lqevent' | ||
| 101 | +import Form from './Form' | ||
| 102 | +import ExportBox from './ExportBox' | ||
| 103 | +import Pagination from '@/components/Pagination' | ||
| 104 | + | ||
| 105 | +export default { | ||
| 106 | + name: 'LqEvent', | ||
| 107 | + components: { | ||
| 108 | + Form, | ||
| 109 | + ExportBox, | ||
| 110 | + Pagination | ||
| 111 | + }, | ||
| 112 | + data() { | ||
| 113 | + return { | ||
| 114 | + query: { | ||
| 115 | + eventName: '', | ||
| 116 | + eventNumber: '', | ||
| 117 | + eventCoordinator: '', | ||
| 118 | + currentPage: 1, | ||
| 119 | + pageSize: 20 | ||
| 120 | + }, | ||
| 121 | + list: [], | ||
| 122 | + total: 0, | ||
| 123 | + listLoading: true, | ||
| 124 | + formVisible: false, | ||
| 125 | + exportVisible: false, | ||
| 126 | + membersVisible: false, | ||
| 127 | + membersLoading: false, | ||
| 128 | + currentMembers: [], | ||
| 129 | + selectedIds: [] | ||
| 130 | + } | ||
| 131 | + }, | ||
| 132 | + created() { | ||
| 133 | + this.getList() | ||
| 134 | + }, | ||
| 135 | + methods: { | ||
| 136 | + // 获取数据列表 | ||
| 137 | + getList() { | ||
| 138 | + this.listLoading = true | ||
| 139 | + getLqEventList(this.query).then(response => { | ||
| 140 | + this.list = response.data.list | ||
| 141 | + this.total = response.data.pagination.total | ||
| 142 | + this.listLoading = false | ||
| 143 | + }).catch(() => { | ||
| 144 | + this.listLoading = false | ||
| 145 | + }) | ||
| 146 | + }, | ||
| 147 | + // 搜索 | ||
| 148 | + search() { | ||
| 149 | + this.query.currentPage = 1 | ||
| 150 | + this.getList() | ||
| 151 | + }, | ||
| 152 | + // 重置 | ||
| 153 | + reset() { | ||
| 154 | + this.query = { | ||
| 155 | + eventName: '', | ||
| 156 | + eventNumber: '', | ||
| 157 | + eventCoordinator: '', | ||
| 158 | + currentPage: 1, | ||
| 159 | + pageSize: 20 | ||
| 160 | + } | ||
| 161 | + this.getList() | ||
| 162 | + }, | ||
| 163 | + // 新增 / 修改 | ||
| 164 | + addOrUpdateHandle(id) { | ||
| 165 | + this.formVisible = true | ||
| 166 | + this.$nextTick(() => { | ||
| 167 | + this.$refs.Form.init(id) | ||
| 168 | + }) | ||
| 169 | + }, | ||
| 170 | + // 删除 | ||
| 171 | + handleDelete(id) { | ||
| 172 | + this.$confirm('确定要删除该拓客活动吗？', '提示', { | ||
| 173 | + confirmButtonText: '确定', | ||
| 174 | + cancelButtonText: '取消', | ||
| 175 | + type: 'warning' | ||
| 176 | + }).then(() => { | ||
| 177 | + deleteLqEvent(id).then(() => { | ||
| 178 | + this.$message({ | ||
| 179 | + message: '删除成功', | ||
| 180 | + type: 'success' | ||
| 181 | + }) | ||
| 182 | + this.getList() | ||
| 183 | + }) | ||
| 184 | + }) | ||
| 185 | + }, | ||
| 186 | + // 批量删除 | ||
| 187 | + handleBatchRemoveDel() { | ||
| 188 | + if (this.selectedIds.length === 0) { | ||
| 189 | + this.$message({ | ||
| 190 | + message: '请选择要删除的数据', | ||
| 191 | + type: 'warning' | ||
| 192 | + }) | ||
| 193 | + return | ||
| 194 | + } | ||
| 195 | + this.$confirm('确定要删除选中的拓客活动吗？', '提示', { | ||
| 196 | + confirmButtonText: '确定', | ||
| 197 | + cancelButtonText: '取消', | ||
| 198 | + type: 'warning' | ||
| 199 | + }).then(() => { | ||
| 200 | + batchDeleteLqEvent(this.selectedIds).then(() => { | ||
| 201 | + this.$message({ | ||
| 202 | + message: '删除成功', | ||
| 203 | + type: 'success' | ||
| 204 | + }) | ||
| 205 | + this.getList() | ||
| 206 | + }) | ||
| 207 | + }) | ||
| 208 | + }, | ||
| 209 | + // 多选 | ||
| 210 | + handleSelectionChange(selection) { | ||
| 211 | + this.selectedIds = selection.map(item => item.id) | ||
| 212 | + }, | ||
| 213 | + // 导出 | ||
| 214 | + exportData() { | ||
| 215 | + this.exportVisible = true | ||
| 216 | + this.$nextTick(() => { | ||
| 217 | + this.$refs.ExportBox.init() | ||
| 218 | + }) | ||
| 219 | + }, | ||
| 220 | + // 查看成员 | ||
| 221 | + viewMembers(row) { | ||
| 222 | + this.membersVisible = true | ||
| 223 | + this.membersLoading = true | ||
| 224 | + this.currentMembers = row.members || [] | ||
| 225 | + this.membersLoading = false | ||
| 226 | + } | ||
| 227 | + } | ||
| 228 | +} | ||
| 229 | +</script> | ||
| 230 | + | ||
| 231 | +<style scoped> | ||
| 232 | +.NCC-common-layout { | ||
| 233 | + height: 100%; | ||
| 234 | +} | ||
| 235 | +</style> |
antis-ncc-admin/src/views/lqEvent/test.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="zh-CN"> | ||
| 3 | +<head> | ||
| 4 | + <meta charset="UTF-8"> | ||
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 6 | + <title>拓客活动页面测试</title> | ||
| 7 | + <style> | ||
| 8 | + body { | ||
| 9 | + font-family: Arial, sans-serif; | ||
| 10 | + margin: 20px; | ||
| 11 | + background-color: #f5f5f5; | ||
| 12 | + } | ||
| 13 | + .container { | ||
| 14 | + max-width: 1200px; | ||
| 15 | + margin: 0 auto; | ||
| 16 | + background: white; | ||
| 17 | + padding: 20px; | ||
| 18 | + border-radius: 8px; | ||
| 19 | + box-shadow: 0 2px 10px rgba(0,0,0,0.1); | ||
| 20 | + } | ||
| 21 | + .header { | ||
| 22 | + border-bottom: 1px solid #eee; | ||
| 23 | + padding-bottom: 20px; | ||
| 24 | + margin-bottom: 20px; | ||
| 25 | + } | ||
| 26 | + .feature-list { | ||
| 27 | + list-style: none; | ||
| 28 | + padding: 0; | ||
| 29 | + } | ||
| 30 | + .feature-list li { | ||
| 31 | + padding: 10px 0; | ||
| 32 | + border-bottom: 1px solid #f0f0f0; | ||
| 33 | + } | ||
| 34 | + .feature-list li:before { | ||
| 35 | + content: "✓"; | ||
| 36 | + color: #67C23A; | ||
| 37 | + font-weight: bold; | ||
| 38 | + margin-right: 10px; | ||
| 39 | + } | ||
| 40 | + .api-info { | ||
| 41 | + background: #f8f9fa; | ||
| 42 | + padding: 15px; | ||
| 43 | + border-radius: 5px; | ||
| 44 | + margin: 20px 0; | ||
| 45 | + } | ||
| 46 | + .code-block { | ||
| 47 | + background: #2d3748; | ||
| 48 | + color: #e2e8f0; | ||
| 49 | + padding: 15px; | ||
| 50 | + border-radius: 5px; | ||
| 51 | + font-family: 'Courier New', monospace; | ||
| 52 | + overflow-x: auto; | ||
| 53 | + margin: 10px 0; | ||
| 54 | + } | ||
| 55 | + </style> | ||
| 56 | +</head> | ||
| 57 | +<body> | ||
| 58 | + <div class="container"> | ||
| 59 | + <div class="header"> | ||
| 60 | + <h1>🎯 拓客活动页面 - 功能测试</h1> | ||
| 61 | + <p>基于Vue 2.6 + Element UI开发的拓客活动管理页面</p> | ||
| 62 | + </div> | ||
| 63 | + | ||
| 64 | + <h2>📋 已实现功能</h2> | ||
| 65 | + <ul class="feature-list"> | ||
| 66 | + <li>拓客活动列表展示（支持分页）</li> | ||
| 67 | + <li>活动搜索（按活动名称、编号、负责人）</li> | ||
| 68 | + <li>新增/编辑拓客活动</li> | ||
| 69 | + <li>删除活动（单个/批量）</li> | ||
| 70 | + <li>活动成员管理</li> | ||
| 71 | + <li>数据导出（Excel/CSV）</li> | ||
| 72 | + <li>响应式布局设计</li> | ||
| 73 | + <li>表单验证</li> | ||
| 74 | + </ul> | ||
| 75 | + | ||
| 76 | + <h2>🔧 API接口配置</h2> | ||
| 77 | + <div class="api-info"> | ||
| 78 | + <h3>接口地址：<code>/api/Extend/lqevent</code></h3> | ||
| 79 | + <p><strong>请求方法：</strong>GET, POST, PUT, DELETE</p> | ||
| 80 | + <p><strong>参数格式：</strong></p> | ||
| 81 | + <div class="code-block"> | ||
| 82 | +{ | ||
| 83 | + "eventName": "string", | ||
| 84 | + "startTime": "2025-09-17T09:12:11.607Z", | ||
| 85 | + "endTime": "2025-09-17T09:12:11.607Z", | ||
| 86 | + "eventCoordinator": "string", | ||
| 87 | + "eventNumber": "string", | ||
| 88 | + "members": [ | ||
| 89 | + { | ||
| 90 | + "id": "string", | ||
| 91 | + "eventId": "string", | ||
| 92 | + "userId": "string", | ||
| 93 | + "depId": "string", | ||
| 94 | + "teamName": "string" | ||
| 95 | + } | ||
| 96 | + ] | ||
| 97 | +} | ||
| 98 | + </div> | ||
| 99 | + </div> | ||
| 100 | + | ||
| 101 | + <h2>📁 文件结构</h2> | ||
| 102 | + <div class="code-block"> | ||
| 103 | +lqEvent/ | ||
| 104 | +├── index.vue # 主页面组件 | ||
| 105 | +├── Form.vue # 表单组件 | ||
| 106 | +├── ExportBox.vue # 导出组件 | ||
| 107 | +└── test.html # 测试页面 | ||
| 108 | + </div> | ||
| 109 | + | ||
| 110 | + <h2>🚀 使用方法</h2> | ||
| 111 | + <ol> | ||
| 112 | + <li>确保后端API接口 <code>/api/Extend/lqevent</code> 已实现</li> | ||
| 113 | + <li>启动前端项目：<code>npm run dev</code></li> | ||
| 114 | + <li>访问页面：<code>http://localhost:3000/#/lqEvent</code></li> | ||
| 115 | + <li>测试各项功能：增删改查、导出、成员管理</li> | ||
| 116 | + </ol> | ||
| 117 | + | ||
| 118 | + <h2>✨ 特色功能</h2> | ||
| 119 | + <ul class="feature-list"> | ||
| 120 | + <li>动态成员管理：支持添加/删除活动成员</li> | ||
| 121 | + <li>时间验证：确保结束时间大于开始时间</li> | ||
| 122 | + <li>批量操作：支持批量删除和导出</li> | ||
| 123 | + <li>数据验证：完整的表单验证机制</li> | ||
| 124 | + <li>用户体验：友好的操作提示和确认</li> | ||
| 125 | + </ul> | ||
| 126 | + | ||
| 127 | + <div style="text-align: center; margin-top: 30px; color: #666;"> | ||
| 128 | + <p>🎉 拓客活动页面开发完成！</p> | ||
| 129 | + <p>基于项目规范，遵循Vue 2.6 + Element UI最佳实践</p> | ||
| 130 | + </div> | ||
| 131 | + </div> | ||
| 132 | +</body> | ||
| 133 | +</html> |
antis-ncc-admin/src/views/lqXmzl/Form copy.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" :close-on-click-modal="false" :visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="600px"> | ||
| 3 | + <el-row :gutter="15" class="" > | ||
| 4 | + <el-form ref="elForm" :model="dataForm" size="small" label-width="100px" label-position="right" :disabled="!!isDetail" :rules="rules"> | ||
| 5 | + <el-col :span="24" v-if="false" > | ||
| 6 | + <el-form-item label="主键" prop="id"> | ||
| 7 | + <el-input v-model="dataForm.id" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 8 | + </el-input> | ||
| 9 | + </el-form-item> | ||
| 10 | + </el-col> | ||
| 11 | + <el-col :span="24"> | ||
| 12 | + <el-form-item label="项目编号" prop="xmbh"> | ||
| 13 | + <el-input v-model="dataForm.xmbh" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 14 | + </el-input> | ||
| 15 | + </el-form-item> | ||
| 16 | + </el-col> | ||
| 17 | + <el-col :span="24"> | ||
| 18 | + <el-form-item label="项目名称" prop="xmmc"> | ||
| 19 | + <el-input v-model="dataForm.xmmc" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 20 | + </el-input> | ||
| 21 | + </el-form-item> | ||
| 22 | + </el-col> | ||
| 23 | + <el-col :span="24"> | ||
| 24 | + <el-form-item label="标准价格" prop="bzjg"> | ||
| 25 | + <el-input v-model="dataForm.bzjg" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 26 | + </el-input> | ||
| 27 | + </el-form-item> | ||
| 28 | + </el-col> | ||
| 29 | + <el-col :span="24"> | ||
| 30 | + <el-form-item label="时长（分）" prop="xmsc"> | ||
| 31 | + <el-input v-model="dataForm.xmsc" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 32 | + </el-input> | ||
| 33 | + </el-form-item> | ||
| 34 | + </el-col> | ||
| 35 | + <el-col :span="24"> | ||
| 36 | + <el-form-item label="基础服务提成" prop="jcfwtc"> | ||
| 37 | + <el-input v-model="dataForm.jcfwtc" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 38 | + </el-input> | ||
| 39 | + </el-form-item> | ||
| 40 | + </el-col> | ||
| 41 | + <el-col :span="24"> | ||
| 42 | + <el-form-item label="分类1汇总表" prop="fl1"> | ||
| 43 | + <el-input v-model="dataForm.fl1" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 44 | + </el-input> | ||
| 45 | + </el-form-item> | ||
| 46 | + </el-col> | ||
| 47 | + <el-col :span="24"> | ||
| 48 | + <el-form-item label="分类2汇总表" prop="fl2"> | ||
| 49 | + <el-input v-model="dataForm.fl2" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 50 | + </el-input> | ||
| 51 | + </el-form-item> | ||
| 52 | + </el-col> | ||
| 53 | + <el-col :span="24"> | ||
| 54 | + <el-form-item label="分类3工资用" prop="fl3"> | ||
| 55 | + <el-input v-model="dataForm.fl3" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 56 | + </el-input> | ||
| 57 | + </el-form-item> | ||
| 58 | + </el-col> | ||
| 59 | + <el-col :span="24"> | ||
| 60 | + <el-form-item label="分类4品项用" prop="fl4"> | ||
| 61 | + <el-input v-model="dataForm.fl4" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 62 | + </el-input> | ||
| 63 | + </el-form-item> | ||
| 64 | + </el-col> | ||
| 65 | + <el-col :span="24"> | ||
| 66 | + <el-form-item label="统计类别" prop="tjlb"> | ||
| 67 | + <el-input v-model="dataForm.tjlb" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 68 | + </el-input> | ||
| 69 | + </el-form-item> | ||
| 70 | + </el-col> | ||
| 71 | + <el-col :span="24"> | ||
| 72 | + <el-form-item label="折扣类别" prop="zklb"> | ||
| 73 | + <el-input v-model="dataForm.zklb" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 74 | + </el-input> | ||
| 75 | + </el-form-item> | ||
| 76 | + </el-col> | ||
| 77 | + <el-col :span="24"> | ||
| 78 | + <el-form-item label="分类" prop="fl"> | ||
| 79 | + <el-input v-model="dataForm.fl" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 80 | + </el-input> | ||
| 81 | + </el-form-item> | ||
| 82 | + </el-col> | ||
| 83 | + <el-col :span="24"> | ||
| 84 | + <el-form-item label="其它1" prop="qt1"> | ||
| 85 | + <el-input v-model="dataForm.qt1" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 86 | + </el-input> | ||
| 87 | + </el-form-item> | ||
| 88 | + </el-col> | ||
| 89 | + <el-col :span="24"> | ||
| 90 | + <el-form-item label="其它2" prop="qt2"> | ||
| 91 | + <el-input v-model="dataForm.qt2" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 92 | + </el-input> | ||
| 93 | + </el-form-item> | ||
| 94 | + </el-col> | ||
| 95 | + </el-form> | ||
| 96 | + </el-row> | ||
| 97 | + <span slot="footer" class="dialog-footer"> | ||
| 98 | + <el-button @click="visible = false">取 消</el-button> | ||
| 99 | + <el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail">确 定</el-button> | ||
| 100 | + </span> | ||
| 101 | + </el-dialog> | ||
| 102 | +</template> | ||
| 103 | +<script> | ||
| 104 | + import request from '@/utils/request' | ||
| 105 | + import { getDictionaryDataSelector } from '@/api/systemData/dictionary' | ||
| 106 | + import { previewDataInterface } from '@/api/systemData/dataInterface' | ||
| 107 | + export default { | ||
| 108 | + components: {}, | ||
| 109 | + props: [], | ||
| 110 | + data() { | ||
| 111 | + return { | ||
| 112 | + loading: false, | ||
| 113 | + visible: false, | ||
| 114 | + isDetail: false, | ||
| 115 | + dataForm: { | ||
| 116 | + id:'', | ||
| 117 | + id:undefined, | ||
| 118 | + xmbh:undefined, | ||
| 119 | + xmmc:undefined, | ||
| 120 | + bzjg:undefined, | ||
| 121 | + xmsc:undefined, | ||
| 122 | + jcfwtc:undefined, | ||
| 123 | + fl1:undefined, | ||
| 124 | + fl2:undefined, | ||
| 125 | + fl3:undefined, | ||
| 126 | + fl4:undefined, | ||
| 127 | + tjlb:undefined, | ||
| 128 | + zklb:undefined, | ||
| 129 | + fl:undefined, | ||
| 130 | + qt1:undefined, | ||
| 131 | + qt2:undefined, | ||
| 132 | + }, | ||
| 133 | + rules: { | ||
| 134 | + }, | ||
| 135 | + } | ||
| 136 | + }, | ||
| 137 | + computed: {}, | ||
| 138 | + watch: {}, | ||
| 139 | + created() { | ||
| 140 | + }, | ||
| 141 | + mounted() { | ||
| 142 | + }, | ||
| 143 | + methods: { | ||
| 144 | + goBack() { | ||
| 145 | + this.$emit('refresh') | ||
| 146 | + }, | ||
| 147 | + init(id, isDetail) { | ||
| 148 | + this.dataForm.id = id || 0; | ||
| 149 | + this.visible = true; | ||
| 150 | + this.isDetail = isDetail || false; | ||
| 151 | + this.$nextTick(() => { | ||
| 152 | + this.$refs['elForm'].resetFields(); | ||
| 153 | + if (this.dataForm.id) { | ||
| 154 | + request({ | ||
| 155 | + url: '/api/Extend/LqXmzl/' + this.dataForm.id, | ||
| 156 | + method: 'get' | ||
| 157 | + }).then(res =>{ | ||
| 158 | + this.dataForm = res.data; | ||
| 159 | + }) | ||
| 160 | + } | ||
| 161 | + }) | ||
| 162 | + }, | ||
| 163 | + dataFormSubmit() { | ||
| 164 | + this.$refs['elForm'].validate((valid) => { | ||
| 165 | + if (valid) { | ||
| 166 | + if (!this.dataForm.id) { | ||
| 167 | + request({ | ||
| 168 | + url: `/api/Extend/LqXmzl`, | ||
| 169 | + method: 'post', | ||
| 170 | + data: this.dataForm, | ||
| 171 | + }).then((res) => { | ||
| 172 | + this.$message({ | ||
| 173 | + message: res.msg, | ||
| 174 | + type: 'success', | ||
| 175 | + duration: 1000, | ||
| 176 | + onClose: () => { | ||
| 177 | + this.visible = false, | ||
| 178 | + this.$emit('refresh', true) | ||
| 179 | + } | ||
| 180 | + }) | ||
| 181 | + }) | ||
| 182 | + } else { | ||
| 183 | + request({ | ||
| 184 | + url: '/api/Extend/LqXmzl/' + this.dataForm.id, | ||
| 185 | + method: 'PUT', | ||
| 186 | + data: this.dataForm | ||
| 187 | + }).then((res) => { | ||
| 188 | + this.$message({ | ||
| 189 | + message: res.msg, | ||
| 190 | + type: 'success', | ||
| 191 | + duration: 1000, | ||
| 192 | + onClose: () => { | ||
| 193 | + this.visible = false | ||
| 194 | + this.$emit('refresh', true) | ||
| 195 | + } | ||
| 196 | + }) | ||
| 197 | + }) | ||
| 198 | + } | ||
| 199 | + } | ||
| 200 | + }) | ||
| 201 | + }, | ||
| 202 | + } | ||
| 203 | + } | ||
| 204 | +</script> |
antis-ncc-admin/src/views/lqXmzl/Form.vue
| @@ -27,17 +27,23 @@ | @@ -27,17 +27,23 @@ | ||
| 27 | </el-form-item> | 27 | </el-form-item> |
| 28 | </el-col> | 28 | </el-col> |
| 29 | <el-col :span="24"> | 29 | <el-col :span="24"> |
| 30 | + <el-form-item label="手工费" prop="sgf"> | ||
| 31 | + <el-input v-model="dataForm.sgf" placeholder="请输入" clearable :style='{"width":"100%"}' > | ||
| 32 | + </el-input> | ||
| 33 | + </el-form-item> | ||
| 34 | + </el-col> | ||
| 35 | + <el-col :span="24"> | ||
| 30 | <el-form-item label="时长（分）" prop="xmsc"> | 36 | <el-form-item label="时长（分）" prop="xmsc"> |
| 31 | <el-input v-model="dataForm.xmsc" placeholder="请输入" clearable :style='{"width":"100%"}' > | 37 | <el-input v-model="dataForm.xmsc" placeholder="请输入" clearable :style='{"width":"100%"}' > |
| 32 | </el-input> | 38 | </el-input> |
| 33 | </el-form-item> | 39 | </el-form-item> |
| 34 | </el-col> | 40 | </el-col> |
| 35 | - <el-col :span="24"> | 41 | + <!-- <el-col :span="24"> |
| 36 | <el-form-item label="基础服务提成" prop="jcfwtc"> | 42 | <el-form-item label="基础服务提成" prop="jcfwtc"> |
| 37 | <el-input v-model="dataForm.jcfwtc" placeholder="请输入" clearable :style='{"width":"100%"}' > | 43 | <el-input v-model="dataForm.jcfwtc" placeholder="请输入" clearable :style='{"width":"100%"}' > |
| 38 | </el-input> | 44 | </el-input> |
| 39 | </el-form-item> | 45 | </el-form-item> |
| 40 | - </el-col> | 46 | + </el-col> --> |
| 41 | <el-col :span="24"> | 47 | <el-col :span="24"> |
| 42 | <el-form-item label="分类1汇总表" prop="fl1"> | 48 | <el-form-item label="分类1汇总表" prop="fl1"> |
| 43 | <el-input v-model="dataForm.fl1" placeholder="请输入" clearable :style='{"width":"100%"}' > | 49 | <el-input v-model="dataForm.fl1" placeholder="请输入" clearable :style='{"width":"100%"}' > |
| @@ -114,6 +120,7 @@ | @@ -114,6 +120,7 @@ | ||
| 114 | isDetail: false, | 120 | isDetail: false, |
| 115 | dataForm: { | 121 | dataForm: { |
| 116 | id:'', | 122 | id:'', |
| 123 | + sgf:undefined, | ||
| 117 | id:undefined, | 124 | id:undefined, |
| 118 | xmbh:undefined, | 125 | xmbh:undefined, |
| 119 | xmmc:undefined, | 126 | xmmc:undefined, |
antis-ncc-admin/src/views/lqXmzl/index.vue
| @@ -109,8 +109,9 @@ | @@ -109,8 +109,9 @@ | ||
| 109 | <el-table-column prop="xmbh" label="项目编号" align="left" /> | 109 | <el-table-column prop="xmbh" label="项目编号" align="left" /> |
| 110 | <el-table-column prop="xmmc" label="项目名称" align="left" /> | 110 | <el-table-column prop="xmmc" label="项目名称" align="left" /> |
| 111 | <el-table-column prop="bzjg" label="标准价格" align="left" /> | 111 | <el-table-column prop="bzjg" label="标准价格" align="left" /> |
| 112 | + <el-table-column prop="sgf" label="手工费" align="left" /> | ||
| 112 | <el-table-column prop="xmsc" label="时长（分）" align="left" /> | 113 | <el-table-column prop="xmsc" label="时长（分）" align="left" /> |
| 113 | - <el-table-column prop="jcfwtc" label="基础服务提成" align="left" /> | 114 | + <!-- <el-table-column prop="jcfwtc" label="基础服务提成" align="left" /> --> |
| 114 | <el-table-column prop="fl1" label="分类1汇总表" align="left" /> | 115 | <el-table-column prop="fl1" label="分类1汇总表" align="left" /> |
| 115 | <el-table-column prop="fl2" label="分类2汇总表" align="left" /> | 116 | <el-table-column prop="fl2" label="分类2汇总表" align="left" /> |
| 116 | <el-table-column prop="fl3" label="分类3工资用" align="left" /> | 117 | <el-table-column prop="fl3" label="分类3工资用" align="left" /> |