Commit b12fd501cd88a7702cb8e9cd321ccbc2825a5e2e

Authored by “wangming”
1 parent a571fb02

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

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 {
... ...