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 | 67 | <i class="el-icon-office-building"></i> |
| 68 | 68 | 门店归属管理 |
| 69 | 69 | </h3> |
| 70 | - <span class="NCC-common-head-subtitle">共 {{ total }} 条记录</span> | |
| 71 | 70 | </div> |
| 72 | 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 | 72 | <el-tooltip effect="dark" content="刷新" placement="top"> |
| 89 | 73 | <el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" /> |
| 90 | 74 | </el-tooltip> |
| ... | ... | @@ -94,10 +78,7 @@ |
| 94 | 78 | <NCC-table |
| 95 | 79 | v-loading="listLoading" |
| 96 | 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 | 82 | <el-table-column prop="mdbm" label="门店编码" align="left" width="120" show-overflow-tooltip> |
| 102 | 83 | <template slot-scope="scope"> |
| 103 | 84 | <el-tag size="small" type="primary">{{ scope.row.mdbm }}</el-tag> |
| ... | ... | @@ -151,7 +132,7 @@ |
| 151 | 132 | </el-tag> |
| 152 | 133 | </template> |
| 153 | 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 | 136 | <template slot-scope="scope"> |
| 156 | 137 | <el-button |
| 157 | 138 | type="text" |
| ... | ... | @@ -289,54 +270,11 @@ |
| 289 | 270 | </div> |
| 290 | 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 | 273 | </div> |
| 334 | 274 | </template> |
| 335 | 275 | <script> |
| 336 | 276 | import request from '@/utils/request' |
| 337 | - import ExportBox from './ExportBox' | |
| 338 | 277 | export default { |
| 339 | - components: { ExportBox }, | |
| 340 | 278 | data() { |
| 341 | 279 | return { |
| 342 | 280 | query: { |
| ... | ... | @@ -354,12 +292,8 @@ |
| 354 | 292 | sort: "desc", |
| 355 | 293 | sidx: "", |
| 356 | 294 | }, |
| 357 | - exportBoxVisible: false, | |
| 358 | 295 | dialogVisible: false, |
| 359 | - batchDialogVisible: false, | |
| 360 | 296 | saveLoading: false, |
| 361 | - batchSaveLoading: false, | |
| 362 | - multipleSelection: [], | |
| 363 | 297 | dialogTitle: '编辑门店归属', |
| 364 | 298 | editForm: { |
| 365 | 299 | id: '', |
| ... | ... | @@ -370,24 +304,12 @@ |
| 370 | 304 | kjb: '', |
| 371 | 305 | dxmb: '' |
| 372 | 306 | }, |
| 373 | - batchForm: { | |
| 374 | - syb: '', | |
| 375 | - jyb: '', | |
| 376 | - kjb: '', | |
| 377 | - dxmb: '' | |
| 378 | - }, | |
| 379 | 307 | editRules: { |
| 380 | 308 | syb: [{ required: false, message: '请选择事业部', trigger: 'change' }], |
| 381 | 309 | jyb: [{ required: false, message: '请选择教育部', trigger: 'change' }], |
| 382 | 310 | kjb: [{ required: false, message: '请选择科技部', trigger: 'change' }], |
| 383 | 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 | 313 | columnList: [ |
| 392 | 314 | { prop: 'mdbm', label: '门店编码' }, |
| 393 | 315 | { prop: 'dm', label: '门店名称' }, |
| ... | ... | @@ -541,25 +463,6 @@ |
| 541 | 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 | 468 | handleClose() { |
| ... | ... | @@ -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 | 505 | async initData() { |
| 641 | 506 | this.listLoading = true; |
| ... | ... | @@ -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 | 540 | search() { |
| 689 | 541 | this.listQuery = { |
| 690 | 542 | currentPage: 1, |
| ... | ... | @@ -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 | 590 | .store-name { |
| ... | ... | @@ -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 | 643 | .search-buttons { | ... | ... |