Commit b12fd501cd88a7702cb8e9cd321ccbc2825a5e2e

Authored by “wangming”
1 parent a571fb02

移除批量编辑功能及相关代码,调整表格列宽,优化前端界面,确保代码整洁和功能一致性。

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 {