wms / wms4_wuhe · Commits

Commit a8af3b86b7d8de773613c8de4a36463f7e32d7bd

Authored by 陈翱
1 parent 3e3d1b86

入库单,出库单,任务头表增加点击行,该行变选中颜色

Inline Side-by-side
Showing 11 changed files with 76 additions and 12 deletions
ant-design-vue-jeecg/src/assets/less/TableExpand.less
  View file @a8af3b8
... ... @@ -15,6 +15,6 @@
15 15 }
16 16  
17 17 .Rowactive>td {
18   - background-color: #9696de !important;
  18 + background-color: RGB(230, 247, 255) !important;
19 19 }
20 20 }
... ...
ant-design-vue-jeecg/src/views/system/receipt/ReceiptContainerHeaderList.vue
  View file @a8af3b8
... ... @@ -91,6 +91,7 @@
91 91 :loading="loading"
92 92 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'checkbox'}"
93 93 :customRow="clickThenSelect"
  94 + :rowClassName="rowClassName"
94 95 @change="handleTableChange">
95 96  
96 97 <span slot="status_dictText" slot-scope="status_dictText">
... ... @@ -162,6 +163,7 @@ import {createReceiptTask, createReceiptBatchTask} from &#39;@/api/api&#39;
162 163 import ReceiptContainerSelectModal from "./modules/ReceiptContainerSelectModal";
163 164 import ReceiptContainerFillSelectModal from "./modules/ReceiptContainerFillSelectModal";
164 165 import ReceiptContainerStatusSelectModal from "./modules/ReceiptContainerStatusSelectModal";
  166 +import '@/assets/less/TableExpand.less'
165 167  
166 168 export default {
167 169 name: "ReceiptContainerHeaderList",
... ... @@ -175,6 +177,7 @@ export default {
175 177 },
176 178 data() {
177 179 return {
  180 + selectIndex: null,
178 181 description: '入库组盘管理页面',
179 182 querySource: {},
180 183 isorter: {
... ... @@ -299,15 +302,19 @@ export default {
299 302 },
300 303 initDictConfig() {
301 304 },
302   - clickThenSelect(record) {
  305 + clickThenSelect(record,index) {
303 306 return {
304 307 on: {
305 308 click: () => {
  309 + this.selectIndex=index
306 310 this.onSelectChange(record.id.toString().split(","), [record]);
307 311 }
308 312 }
309 313 }
310 314 },
  315 + rowClassName(record, index) {
  316 + return index === this.selectIndex ? 'Rowactive' : ''
  317 + },
311 318 onClearSelected() {
312 319 this.selectedRowKeys = [];
313 320 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/receipt/ReceiptHeaderHistoryList.vue
  View file @a8af3b8
... ... @@ -119,6 +119,7 @@
119 119 :loading='loading'
120 120 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
121 121 :customRow='clickThenSelect'
  122 + :rowClassName="rowClassName"
122 123 @change='handleTableChange'>
123 124  
124 125 <span slot="firstStatus_dictText" slot-scope="firstStatus_dictText">
... ... @@ -206,6 +207,7 @@ export default {
206 207 },
207 208 data() {
208 209 return {
  210 + selectIndex: null,
209 211 description: '历史入库单管理页面',
210 212 companyList: [],
211 213 receiptTypeList: [],
... ... @@ -356,15 +358,19 @@ export default {
356 358 },
357 359 initDictConfig() {
358 360 },
359   - clickThenSelect(record) {
  361 + clickThenSelect(record,index) {
360 362 return {
361 363 on: {
362   - click: () => {
  364 + click: () => {
  365 + this.selectIndex=index
363 366 this.onSelectChange(record.id.toString().split(','), [record])
364 367 }
365 368 }
366 369 }
367 370 },
  371 + rowClassName(record, index) {
  372 + return index === this.selectIndex ? 'Rowactive' : ''
  373 + },
368 374 onClearSelected() {
369 375 this.selectedRowKeys = []
370 376 this.selectionRows = []
... ...
ant-design-vue-jeecg/src/views/system/receipt/ReceiptHeaderList.vue
  View file @a8af3b8
... ... @@ -119,6 +119,7 @@
119 119 :loading="loading"
120 120 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
121 121 :customRow="clickThenSelect"
  122 + :rowClassName="rowClassName"
122 123 @change="handleTableChange">
123 124  
124 125  
... ... @@ -247,6 +248,7 @@ export default {
247 248 },
248 249 data() {
249 250 return {
  251 + selectIndex: null,
250 252 description: '入库表主表管理页面',
251 253 companyList: [],
252 254 receiptTypeList: [],
... ... @@ -418,15 +420,20 @@ export default {
418 420 description:record.backErrorMsg
419 421 })
420 422 },
421   - clickThenSelect(record) {
  423 + clickThenSelect(record,index) {
422 424 return {
423 425 on: {
424 426 click: () => {
  427 + this.selectIndex=index
425 428 this.onSelectChange(record.id.toString().split(','), [record]);
426 429 }
427 430 }
428 431 }
429 432 },
  433 +
  434 + rowClassName(record, index) {
  435 + return index === this.selectIndex ? 'Rowactive' : ''
  436 + },
430 437 onClearSelected() {
431 438 this.selectedRowKeys = [];
432 439 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/shipment/ShipmentContainerHeaderList.vue
  View file @a8af3b8
... ... @@ -99,6 +99,7 @@
99 99 :loading="loading"
100 100 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'checkbox'}"
101 101 :customRow="clickThenSelect"
  102 + :rowClassName="rowClassName"
102 103 @change="handleTableChange">
103 104 <span slot="taskType_dictText" slot-scope="taskType_dictText">
104 105 <a-tag :key="taskType_dictText" :color="getStatusColor(taskType_dictText)">
... ... @@ -154,6 +155,7 @@ export default {
154 155 },
155 156 data() {
156 157 return {
  158 + selectIndex: null,
157 159 description: '出库组盘管理页面',
158 160 querySource: {},
159 161 portList: [],
... ... @@ -271,15 +273,19 @@ export default {
271 273 },
272 274 initDictConfig() {
273 275 },
274   - clickThenSelect(record) {
  276 + clickThenSelect(record,index) {
275 277 return {
276 278 on: {
277 279 click: () => {
  280 + this.selectIndex=index
278 281 this.onSelectChange(record.id.toString().split(","), [record]);
279 282 }
280 283 }
281 284 }
282 285 },
  286 + rowClassName(record, index) {
  287 + return index === this.selectIndex ? 'Rowactive' : ''
  288 + },
283 289 onClearSelected() {
284 290 this.selectedRowKeys = [];
285 291 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/shipment/ShipmentHeaderHistoryList.vue
  View file @a8af3b8
... ... @@ -129,6 +129,7 @@
129 129 :loading="loading"
130 130 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
131 131 :customRow="clickThenSelect"
  132 + :rowClassName="rowClassName"
132 133 @change="handleTableChange">
133 134  
134 135 <span slot="firstStatus_dictText" slot-scope="firstStatus_dictText">
... ... @@ -230,6 +231,7 @@ export default {
230 231 },
231 232 data() {
232 233 return {
  234 + selectIndex: null,
233 235 description: '历史出库单管理页面',
234 236 companyList: [],
235 237 shipmentTypeList: [],
... ... @@ -387,15 +389,19 @@ export default {
387 389 },
388 390 initDictConfig() {
389 391 },
390   - clickThenSelect(record) {
  392 + clickThenSelect(record,index) {
391 393 return {
392 394 on: {
393 395 click: () => {
  396 + this.selectIndex=index
394 397 this.onSelectChange(record.id.toString().split(","), [record]);
395 398 }
396 399 }
397 400 }
398 401 },
  402 + rowClassName(record, index) {
  403 + return index === this.selectIndex ? 'Rowactive' : ''
  404 + },
399 405 onClearSelected() {
400 406 this.selectedRowKeys = [];
401 407 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/shipment/ShipmentHeaderList.vue
  View file @a8af3b8
... ... @@ -137,6 +137,7 @@
137 137 :loading="loading"
138 138 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'checkbox'}"
139 139 :customRow="clickThenSelect"
  140 + :rowClassName="rowClassName"
140 141 @change="handleTableChange">
141 142  
142 143 <span slot="firstStatus_dictText" slot-scope="firstStatus_dictText">
... ... @@ -248,6 +249,7 @@ import store from &#39;@/store&#39;
248 249 import ShipmentAuditModal from "./modules/ShipmentAuditModal";
249 250 import FlowProcess from "../flow/FlowProcess";
250 251 import AutoShipmentSelectModal from "@views/system/shipment/modules/AutoShipmentSelectModal";
  252 +import '@/assets/less/TableExpand.less'
251 253  
252 254 export default {
253 255 name: "ShipmentHeaderList",
... ... @@ -261,6 +263,7 @@ export default {
261 263 },
262 264 data() {
263 265 return {
  266 + selectIndex: null,
264 267 description: '出库单管理页面',
265 268 companyList: [],
266 269 shipmentTypeList: [],
... ... @@ -449,15 +452,19 @@ export default {
449 452 },
450 453 initDictConfig() {
451 454 },
452   - clickThenSelect(record) {
  455 + clickThenSelect(record,index) {
453 456 return {
454 457 on: {
455 458 click: () => {
  459 + this.selectIndex=index
456 460 this.onSelectChange(record.id.toString().split(","), [record]);
457 461 }
458 462 }
459 463 }
460 464 },
  465 + rowClassName(record, index) {
  466 + return index === this.selectIndex ? 'Rowactive' : ''
  467 + },
461 468 onClearSelected() {
462 469 this.selectedRowKeys = [];
463 470 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/task/AllTaskHeaderList.vue
  View file @a8af3b8
... ... @@ -109,6 +109,7 @@
109 109 :loading="loading"
110 110 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
111 111 :customRow="clickThenSelect"
  112 + :rowClassName="rowClassName"
112 113 @change="handleTableChange">
113 114  
114 115 <span slot="status_dictText" slot-scope="status_dictText">
... ... @@ -208,6 +209,7 @@ export default {
208 209 },
209 210 data() {
210 211 return {
  212 + selectIndex: null,
211 213 description: '任务表管理页面',
212 214 zoneList: [],
213 215 zoneOptions:[],
... ... @@ -372,15 +374,19 @@ export default {
372 374 },
373 375 initDictConfig() {
374 376 },
375   - clickThenSelect(record) {
  377 + clickThenSelect(record,index) {
376 378 return {
377 379 on: {
378 380 click: () => {
  381 + this.selectIndex=index
379 382 this.onSelectChange(record.id.toString().split(","), [record]);
380 383 }
381 384 }
382 385 }
383 386 },
  387 + rowClassName(record, index) {
  388 + return index === this.selectIndex ? 'Rowactive' : ''
  389 + },
384 390 onClearSelected() {
385 391 this.selectedRowKeys = [];
386 392 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/task/CircleTaskHeaderList.vue
  View file @a8af3b8
... ... @@ -114,6 +114,7 @@
114 114 :loading="loading"
115 115 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
116 116 :customRow="clickThenSelect"
  117 + :rowClassName="rowClassName"
117 118 @change="handleTableChange">
118 119  
119 120  
... ... @@ -208,6 +209,7 @@ export default {
208 209 },
209 210 data() {
210 211 return {
  212 + selectIndex: null,
211 213 description: '任务表管理页面',
212 214 zoneList: [],
213 215 zoneOptions:[],
... ... @@ -371,15 +373,19 @@ export default {
371 373 },
372 374 initDictConfig() {
373 375 },
374   - clickThenSelect(record) {
  376 + clickThenSelect(record,index) {
375 377 return {
376 378 on: {
377 379 click: () => {
  380 + this.selectIndex=index
378 381 this.onSelectChange(record.id.toString().split(","), [record]);
379 382 }
380 383 }
381 384 }
382 385 },
  386 + rowClassName(record, index) {
  387 + return index === this.selectIndex ? 'Rowactive' : ''
  388 + },
383 389 onClearSelected() {
384 390 this.selectedRowKeys = [];
385 391 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/task/ReceiptTaskHeaderList.vue
  View file @a8af3b8
... ... @@ -109,6 +109,7 @@
109 109 :loading="loading"
110 110 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
111 111 :customRow="clickThenSelect"
  112 + :rowClassName="rowClassName"
112 113 @change="handleTableChange">
113 114  
114 115 <span slot="status_dictText" slot-scope="status_dictText">
... ... @@ -196,6 +197,7 @@ import ManyEmptyInTaskModal from &quot;./modules/ManyEmptyInTaskModal&quot;;
196 197 import {filterObj} from "@/utils/util";
197 198 import MaterialTaskModal from "./modules/MaterialTaskModal";
198 199  
  200 +
199 201 export default {
200 202 name: "TaskHeaderList",
201 203 mixins: [JeecgListMixin],
... ... @@ -208,6 +210,7 @@ export default {
208 210 },
209 211 data() {
210 212 return {
  213 + selectIndex: null,
211 214 description: '任务表管理页面',
212 215 zoneList: [],
213 216 zoneOptions:[],
... ... @@ -372,15 +375,19 @@ export default {
372 375 },
373 376 initDictConfig() {
374 377 },
375   - clickThenSelect(record) {
  378 + clickThenSelect(record,index) {
376 379 return {
377 380 on: {
378 381 click: () => {
  382 + this.selectIndex=index
379 383 this.onSelectChange(record.id.toString().split(","), [record]);
380 384 }
381 385 }
382 386 }
383 387 },
  388 + rowClassName(record, index) {
  389 + return index === this.selectIndex ? 'Rowactive' : ''
  390 + },
384 391 onClearSelected() {
385 392 this.selectedRowKeys = [];
386 393 this.selectionRows = [];
... ...
ant-design-vue-jeecg/src/views/system/task/ShipmentTaskHeaderList.vue
  View file @a8af3b8
... ... @@ -108,6 +108,7 @@
108 108 :loading="loading"
109 109 :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
110 110 :customRow="clickThenSelect"
  111 + :rowClassName="rowClassName"
111 112 @change="handleTableChange">
112 113  
113 114 <span slot="status_dictText" slot-scope="status_dictText">
... ... @@ -204,6 +205,7 @@ export default {
204 205 },
205 206 data() {
206 207 return {
  208 + selectIndex: null,
207 209 description: '任务表管理页面',
208 210 zoneList: [],
209 211 isorter: {
... ... @@ -367,15 +369,19 @@ export default {
367 369 },
368 370 initDictConfig() {
369 371 },
370   - clickThenSelect(record) {
  372 + clickThenSelect(record,index) {
371 373 return {
372 374 on: {
373 375 click: () => {
  376 + this.selectIndex=index
374 377 this.onSelectChange(record.id.toString().split(","), [record]);
375 378 }
376 379 }
377 380 }
378 381 },
  382 + rowClassName(record, index) {
  383 + return index === this.selectIndex ? 'Rowactive' : ''
  384 + },
379 385 onClearSelected() {
380 386 this.selectedRowKeys = [];
381 387 this.selectionRows = [];
... ...