Commit b12fd501cd88a7702cb8e9cd321ccbc2825a5e2e
1 parent
a571fb02
移除批量编辑功能及相关代码,调整表格列宽,优化前端界面,确保代码整洁和功能一致性。
Showing
1 changed file
with
1 additions
and
174 deletions
antis-ncc-admin/src/views/lqMdMdgs/index.vue
| @@ -67,24 +67,8 @@ | @@ -67,24 +67,8 @@ | ||
| 67 | <i class="el-icon-office-building"></i> | 67 | <i class="el-icon-office-building"></i> |
| 68 | 门店归属管理 | 68 | 门店归属管理 |
| 69 | </h3> | 69 | </h3> |
| 70 | - <span class="NCC-common-head-subtitle">共 {{ total }} 条记录</span> | ||
| 71 | </div> | 70 | </div> |
| 72 | <div class="NCC-common-head-right"> | 71 | <div class="NCC-common-head-right"> |
| 73 | - <el-button | ||
| 74 | - type="success" | ||
| 75 | - icon="el-icon-edit" | ||
| 76 | - :disabled="multipleSelection.length === 0" | ||
| 77 | - @click="batchEditHandle" | ||
| 78 | - > | ||
| 79 | - 批量编辑 ({{ multipleSelection.length }}) | ||
| 80 | - </el-button> | ||
| 81 | - <el-button | ||
| 82 | - type="warning" | ||
| 83 | - icon="el-icon-download" | ||
| 84 | - @click="exportData" | ||
| 85 | - > | ||
| 86 | - 导出数据 | ||
| 87 | - </el-button> | ||
| 88 | <el-tooltip effect="dark" content="刷新" placement="top"> | 72 | <el-tooltip effect="dark" content="刷新" placement="top"> |
| 89 | <el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" /> | 73 | <el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" /> |
| 90 | </el-tooltip> | 74 | </el-tooltip> |
| @@ -94,10 +78,7 @@ | @@ -94,10 +78,7 @@ | ||
| 94 | <NCC-table | 78 | <NCC-table |
| 95 | v-loading="listLoading" | 79 | v-loading="listLoading" |
| 96 | :data="list" | 80 | :data="list" |
| 97 | - @selection-change="handleSelectionChange" | ||
| 98 | - :row-key="row => row.id" | ||
| 99 | > | 81 | > |
| 100 | - <el-table-column type="selection" width="55" align="center" /> | ||
| 101 | <el-table-column prop="mdbm" label="门店编码" align="left" width="120" show-overflow-tooltip> | 82 | <el-table-column prop="mdbm" label="门店编码" align="left" width="120" show-overflow-tooltip> |
| 102 | <template slot-scope="scope"> | 83 | <template slot-scope="scope"> |
| 103 | <el-tag size="small" type="primary">{{ scope.row.mdbm }}</el-tag> | 84 | <el-tag size="small" type="primary">{{ scope.row.mdbm }}</el-tag> |
| @@ -151,7 +132,7 @@ | @@ -151,7 +132,7 @@ | ||
| 151 | </el-tag> | 132 | </el-tag> |
| 152 | </template> | 133 | </template> |
| 153 | </el-table-column> | 134 | </el-table-column> |
| 154 | - <el-table-column label="操作" fixed="right" width="120" align="center"> | 135 | + <el-table-column label="操作" fixed="right" width="200" align="center"> |
| 155 | <template slot-scope="scope"> | 136 | <template slot-scope="scope"> |
| 156 | <el-button | 137 | <el-button |
| 157 | type="text" | 138 | type="text" |
| @@ -289,54 +270,11 @@ | @@ -289,54 +270,11 @@ | ||
| 289 | </div> | 270 | </div> |
| 290 | </el-dialog> | 271 | </el-dialog> |
| 291 | 272 | ||
| 292 | - <!-- 批量编辑弹窗 --> | ||
| 293 | - <el-dialog | ||
| 294 | - title="批量编辑门店归属" | ||
| 295 | - :visible.sync="batchDialogVisible" | ||
| 296 | - width="600px" | ||
| 297 | - :close-on-click-modal="false" | ||
| 298 | - > | ||
| 299 | - <div class="batch-edit-header"> | ||
| 300 | - <i class="el-icon-warning"></i> | ||
| 301 | - <span>已选择 {{ multipleSelection.length }} 个门店进行批量编辑</span> | ||
| 302 | - </div> | ||
| 303 | - <el-form :model="batchForm" :rules="batchRules" ref="batchForm" label-width="120px"> | ||
| 304 | - <el-form-item label="事业部" prop="syb"> | ||
| 305 | - <el-select v-model="batchForm.syb" placeholder="请选择事业部" clearable style="width: 100%;"> | ||
| 306 | - <el-option v-for="item in sybOptions" :key="item.Id" :label="item.FullName" :value="item.Id" /> | ||
| 307 | - </el-select> | ||
| 308 | - </el-form-item> | ||
| 309 | - <el-form-item label="教育部" prop="jyb"> | ||
| 310 | - <el-select v-model="batchForm.jyb" placeholder="请选择教育部" clearable style="width: 100%;"> | ||
| 311 | - <el-option v-for="item in jybOptions" :key="item.Id" :label="item.FullName" :value="item.Id" /> | ||
| 312 | - </el-select> | ||
| 313 | - </el-form-item> | ||
| 314 | - <el-form-item label="科技部" prop="kjb"> | ||
| 315 | - <el-select v-model="batchForm.kjb" placeholder="请选择科技部" clearable style="width: 100%;"> | ||
| 316 | - <el-option v-for="item in kjbOptions" :key="item.Id" :label="item.FullName" :value="item.Id" /> | ||
| 317 | - </el-select> | ||
| 318 | - </el-form-item> | ||
| 319 | - <el-form-item label="大项目部" prop="dxmb"> | ||
| 320 | - <el-select v-model="batchForm.dxmb" placeholder="请选择大项目部" clearable style="width: 100%;"> | ||
| 321 | - <el-option v-for="item in dxmbOptions" :key="item.Id" :label="item.FullName" :value="item.Id" /> | ||
| 322 | - </el-select> | ||
| 323 | - </el-form-item> | ||
| 324 | - </el-form> | ||
| 325 | - <div slot="footer" class="dialog-footer"> | ||
| 326 | - <el-button @click="batchDialogVisible = false">取消</el-button> | ||
| 327 | - <el-button type="primary" @click="saveBatchEdit" :loading="batchSaveLoading"> | ||
| 328 | - <i class="el-icon-check"></i> 批量保存 | ||
| 329 | - </el-button> | ||
| 330 | - </div> | ||
| 331 | - </el-dialog> | ||
| 332 | - <ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" /> | ||
| 333 | </div> | 273 | </div> |
| 334 | </template> | 274 | </template> |
| 335 | <script> | 275 | <script> |
| 336 | import request from '@/utils/request' | 276 | import request from '@/utils/request' |
| 337 | - import ExportBox from './ExportBox' | ||
| 338 | export default { | 277 | export default { |
| 339 | - components: { ExportBox }, | ||
| 340 | data() { | 278 | data() { |
| 341 | return { | 279 | return { |
| 342 | query: { | 280 | query: { |
| @@ -354,12 +292,8 @@ | @@ -354,12 +292,8 @@ | ||
| 354 | sort: "desc", | 292 | sort: "desc", |
| 355 | sidx: "", | 293 | sidx: "", |
| 356 | }, | 294 | }, |
| 357 | - exportBoxVisible: false, | ||
| 358 | dialogVisible: false, | 295 | dialogVisible: false, |
| 359 | - batchDialogVisible: false, | ||
| 360 | saveLoading: false, | 296 | saveLoading: false, |
| 361 | - batchSaveLoading: false, | ||
| 362 | - multipleSelection: [], | ||
| 363 | dialogTitle: '编辑门店归属', | 297 | dialogTitle: '编辑门店归属', |
| 364 | editForm: { | 298 | editForm: { |
| 365 | id: '', | 299 | id: '', |
| @@ -370,24 +304,12 @@ | @@ -370,24 +304,12 @@ | ||
| 370 | kjb: '', | 304 | kjb: '', |
| 371 | dxmb: '' | 305 | dxmb: '' |
| 372 | }, | 306 | }, |
| 373 | - batchForm: { | ||
| 374 | - syb: '', | ||
| 375 | - jyb: '', | ||
| 376 | - kjb: '', | ||
| 377 | - dxmb: '' | ||
| 378 | - }, | ||
| 379 | editRules: { | 307 | editRules: { |
| 380 | syb: [{ required: false, message: '请选择事业部', trigger: 'change' }], | 308 | syb: [{ required: false, message: '请选择事业部', trigger: 'change' }], |
| 381 | jyb: [{ required: false, message: '请选择教育部', trigger: 'change' }], | 309 | jyb: [{ required: false, message: '请选择教育部', trigger: 'change' }], |
| 382 | kjb: [{ required: false, message: '请选择科技部', trigger: 'change' }], | 310 | kjb: [{ required: false, message: '请选择科技部', trigger: 'change' }], |
| 383 | dxmb: [{ required: false, message: '请选择大项目部', trigger: 'change' }] | 311 | dxmb: [{ required: false, message: '请选择大项目部', trigger: 'change' }] |
| 384 | }, | 312 | }, |
| 385 | - batchRules: { | ||
| 386 | - syb: [{ required: false, message: '请选择事业部', trigger: 'change' }], | ||
| 387 | - jyb: [{ required: false, message: '请选择教育部', trigger: 'change' }], | ||
| 388 | - kjb: [{ required: false, message: '请选择科技部', trigger: 'change' }], | ||
| 389 | - dxmb: [{ required: false, message: '请选择大项目部', trigger: 'change' }] | ||
| 390 | - }, | ||
| 391 | columnList: [ | 313 | columnList: [ |
| 392 | { prop: 'mdbm', label: '门店编码' }, | 314 | { prop: 'mdbm', label: '门店编码' }, |
| 393 | { prop: 'dm', label: '门店名称' }, | 315 | { prop: 'dm', label: '门店名称' }, |
| @@ -541,25 +463,6 @@ | @@ -541,25 +463,6 @@ | ||
| 541 | this.dialogVisible = true | 463 | this.dialogVisible = true |
| 542 | }, | 464 | }, |
| 543 | 465 | ||
| 544 | - // 批量编辑处理 | ||
| 545 | - batchEditHandle() { | ||
| 546 | - if (this.multipleSelection.length === 0) { | ||
| 547 | - this.$message.warning('请先选择要编辑的门店') | ||
| 548 | - return | ||
| 549 | - } | ||
| 550 | - this.batchForm = { | ||
| 551 | - syb: '', | ||
| 552 | - jyb: '', | ||
| 553 | - kjb: '', | ||
| 554 | - dxmb: '' | ||
| 555 | - } | ||
| 556 | - this.batchDialogVisible = true | ||
| 557 | - }, | ||
| 558 | - | ||
| 559 | - // 多选处理 | ||
| 560 | - handleSelectionChange(val) { | ||
| 561 | - this.multipleSelection = val | ||
| 562 | - }, | ||
| 563 | 466 | ||
| 564 | // 弹窗关闭处理 | 467 | // 弹窗关闭处理 |
| 565 | handleClose() { | 468 | handleClose() { |
| @@ -598,44 +501,6 @@ | @@ -598,44 +501,6 @@ | ||
| 598 | }) | 501 | }) |
| 599 | }, | 502 | }, |
| 600 | 503 | ||
| 601 | - // 批量保存编辑 | ||
| 602 | - saveBatchEdit() { | ||
| 603 | - this.$refs.batchForm.validate((valid) => { | ||
| 604 | - if (valid) { | ||
| 605 | - this.batchSaveLoading = true | ||
| 606 | - const updateData = this.multipleSelection.map(item => ({ | ||
| 607 | - id: item.id, | ||
| 608 | - syb: this.batchForm.syb, | ||
| 609 | - jyb: this.batchForm.jyb, | ||
| 610 | - kjb: this.batchForm.kjb, | ||
| 611 | - dxmb: this.batchForm.dxmb | ||
| 612 | - })) | ||
| 613 | - | ||
| 614 | - // 批量更新 | ||
| 615 | - Promise.all(updateData.map(data => | ||
| 616 | - request({ | ||
| 617 | - url: `/api/Extend/LqMdxx/${data.id}`, | ||
| 618 | - method: 'PUT', | ||
| 619 | - data: { | ||
| 620 | - syb: data.syb, | ||
| 621 | - jyb: data.jyb, | ||
| 622 | - kjb: data.kjb, | ||
| 623 | - dxmb: data.dxmb | ||
| 624 | - } | ||
| 625 | - }) | ||
| 626 | - )).then(() => { | ||
| 627 | - this.$message.success(`成功更新 ${updateData.length} 个门店的归属信息`) | ||
| 628 | - this.batchDialogVisible = false | ||
| 629 | - this.multipleSelection = [] | ||
| 630 | - this.initData() | ||
| 631 | - }).catch(() => { | ||
| 632 | - this.$message.error('批量更新失败') | ||
| 633 | - }).finally(() => { | ||
| 634 | - this.batchSaveLoading = false | ||
| 635 | - }) | ||
| 636 | - } | ||
| 637 | - }) | ||
| 638 | - }, | ||
| 639 | 504 | ||
| 640 | async initData() { | 505 | async initData() { |
| 641 | this.listLoading = true; | 506 | this.listLoading = true; |
| @@ -672,19 +537,6 @@ | @@ -672,19 +537,6 @@ | ||
| 672 | } | 537 | } |
| 673 | }, | 538 | }, |
| 674 | 539 | ||
| 675 | - download(data) { | ||
| 676 | - let query = { ...data, ...this.listQuery, ...this.query } | ||
| 677 | - request({ | ||
| 678 | - url: `/api/Extend/LqMdxx/Actions/Export`, | ||
| 679 | - method: 'GET', | ||
| 680 | - data: query | ||
| 681 | - }).then(res => { | ||
| 682 | - if (!res.data.url) return | ||
| 683 | - window.location.href = this.define.comUrl + res.data.url | ||
| 684 | - this.$refs.ExportBox.visible = false | ||
| 685 | - this.exportBoxVisible = false | ||
| 686 | - }) | ||
| 687 | - }, | ||
| 688 | search() { | 540 | search() { |
| 689 | this.listQuery = { | 541 | this.listQuery = { |
| 690 | currentPage: 1, | 542 | currentPage: 1, |
| @@ -733,10 +585,6 @@ | @@ -733,10 +585,6 @@ | ||
| 733 | } | 585 | } |
| 734 | } | 586 | } |
| 735 | 587 | ||
| 736 | - .NCC-common-head-subtitle { | ||
| 737 | - color: #909399; | ||
| 738 | - font-size: 14px; | ||
| 739 | - } | ||
| 740 | 588 | ||
| 741 | // 表格样式 | 589 | // 表格样式 |
| 742 | .store-name { | 590 | .store-name { |
| @@ -790,27 +638,6 @@ | @@ -790,27 +638,6 @@ | ||
| 790 | } | 638 | } |
| 791 | } | 639 | } |
| 792 | 640 | ||
| 793 | - // 批量编辑样式 | ||
| 794 | - .batch-edit-header { | ||
| 795 | - display: flex; | ||
| 796 | - align-items: center; | ||
| 797 | - gap: 8px; | ||
| 798 | - padding: 12px 16px; | ||
| 799 | - background-color: #fdf6ec; | ||
| 800 | - border: 1px solid #f5dab1; | ||
| 801 | - border-radius: 4px; | ||
| 802 | - margin-bottom: 20px; | ||
| 803 | - | ||
| 804 | - i { | ||
| 805 | - color: #e6a23c; | ||
| 806 | - font-size: 16px; | ||
| 807 | - } | ||
| 808 | - | ||
| 809 | - span { | ||
| 810 | - color: #e6a23c; | ||
| 811 | - font-weight: 500; | ||
| 812 | - } | ||
| 813 | - } | ||
| 814 | 641 | ||
| 815 | // 搜索区域样式 | 642 | // 搜索区域样式 |
| 816 | .search-buttons { | 643 | .search-buttons { |