Commit 3d4ce1ac0b06195b63f6625e7d0e44fdca5ee117
1 parent
589907e3
工序颜色
Showing
1 changed file
with
78 additions
and
44 deletions
src/components/Common/CommonTable/index.js
| @@ -1336,28 +1336,44 @@ class CommonTableRc extends React.Component { | @@ -1336,28 +1336,44 @@ class CommonTableRc extends React.Component { | ||
| 1336 | colorValue = t.background; | 1336 | colorValue = t.background; |
| 1337 | } else { | 1337 | } else { |
| 1338 | const sState = commonUtils.isEmpty(t.sState) ? 4 : t.sState; | 1338 | const sState = commonUtils.isEmpty(t.sState) ? 4 : t.sState; |
| 1339 | - switch (Number(sState)) { // 根据状态显示颜色 | ||
| 1340 | - case 0: | ||
| 1341 | - colorValue = '#808080'; /* 0：灰色 */ | ||
| 1342 | - break; | ||
| 1343 | - case 1: | ||
| 1344 | - colorValue = '#808080'; /* 1：灰色 */ | ||
| 1345 | - break; | ||
| 1346 | - case 2: | ||
| 1347 | - colorValue = '#ff4d4f'; /* 2：红色 */ | ||
| 1348 | - break; | ||
| 1349 | - case 3: | ||
| 1350 | - colorValue = '#d4b106'; /* 3：黄色 */ | ||
| 1351 | - break; | ||
| 1352 | - case 4: | ||
| 1353 | - colorValue = '#000000'; /* 黑色 */ | ||
| 1354 | - break; | ||
| 1355 | - case 5: | ||
| 1356 | - colorValue = '#49aa19'; /* 5：绿色 */ | ||
| 1357 | - break; | ||
| 1358 | - default: | ||
| 1359 | - colorValue = '#000000'; | ||
| 1360 | - } | 1339 | + // switch (Number(sState)) { // 根据状态显示颜色 |
| 1340 | + // case 0: | ||
| 1341 | + // colorValue = '#808080'; /* 0：灰色 */ | ||
| 1342 | + // break; | ||
| 1343 | + // case 1: | ||
| 1344 | + // colorValue = '#808080'; /* 1：灰色 */ | ||
| 1345 | + // break; | ||
| 1346 | + // case 2: | ||
| 1347 | + // colorValue = '#ff4d4f'; /* 2：红色 */ | ||
| 1348 | + // break; | ||
| 1349 | + // case 3: | ||
| 1350 | + // colorValue = '#d4b106'; /* 3：黄色 */ | ||
| 1351 | + // break; | ||
| 1352 | + // case 4: | ||
| 1353 | + // colorValue = '#000000'; /* 黑色 */ | ||
| 1354 | + // break; | ||
| 1355 | + // case 5: | ||
| 1356 | + // colorValue = '#49aa19'; /* 5：绿色 */ | ||
| 1357 | + // break; | ||
| 1358 | + // default: | ||
| 1359 | + // colorValue = '#000000'; | ||
| 1360 | + // } | ||
| 1361 | + switch ( | ||
| 1362 | + Number(sState) // 根据状态显示颜色 | ||
| 1363 | + ) { | ||
| 1364 | + case 2: | ||
| 1365 | + colorValue = "#FF6600"; /* 2：等待:黄色 */ | ||
| 1366 | + break; | ||
| 1367 | + case 4: | ||
| 1368 | + colorValue = "#648c4b"; /* 4：已完成:绿色 */ | ||
| 1369 | + break; | ||
| 1370 | + case 1: | ||
| 1371 | + case 3: | ||
| 1372 | + colorValue = "#106abe"; /* 1、3：进行中:蓝色 */ | ||
| 1373 | + break; | ||
| 1374 | + default: | ||
| 1375 | + colorValue = "#000000"; | ||
| 1376 | + } | ||
| 1361 | } | 1377 | } |
| 1362 | return ( | 1378 | return ( |
| 1363 | <div style={{ display: 'inline-block', color: colorValue }} key={i} onClick={this.handlesPartNameStatus.bind(this, 'sPartNameStatus', t.sWorkOrderId)} > | 1379 | <div style={{ display: 'inline-block', color: colorValue }} key={i} onClick={this.handlesPartNameStatus.bind(this, 'sPartNameStatus', t.sWorkOrderId)} > |
| @@ -1380,28 +1396,45 @@ class CommonTableRc extends React.Component { | @@ -1380,28 +1396,45 @@ class CommonTableRc extends React.Component { | ||
| 1380 | colorValue = t.background; | 1396 | colorValue = t.background; |
| 1381 | } else { | 1397 | } else { |
| 1382 | const sState = commonUtils.isEmpty(t.sState) ? 4 : t.sState; | 1398 | const sState = commonUtils.isEmpty(t.sState) ? 4 : t.sState; |
| 1383 | - switch (Number(sState)) { // 根据状态显示颜色 | ||
| 1384 | - case 0: | ||
| 1385 | - colorValue = '#808080'; /* 0：灰色 */ | ||
| 1386 | - break; | ||
| 1387 | - case 1: | ||
| 1388 | - colorValue = '#808080'; /* 1：灰色 */ | ||
| 1389 | - break; | ||
| 1390 | - case 2: | ||
| 1391 | - colorValue = '#ff4d4f'; /* 2：红色 */ | ||
| 1392 | - break; | ||
| 1393 | - case 3: | ||
| 1394 | - colorValue = '#d4b106'; /* 3：黄色 */ | ||
| 1395 | - break; | ||
| 1396 | - case 4: | ||
| 1397 | - colorValue = '#000000'; /* 黑色 */ | ||
| 1398 | - break; | ||
| 1399 | - case 5: | ||
| 1400 | - colorValue = '#49aa19'; /* 5：绿色 */ | ||
| 1401 | - break; | ||
| 1402 | - default: | ||
| 1403 | - colorValue = '#000000'; | ||
| 1404 | - } | 1399 | + // switch (Number(sState)) { // 根据状态显示颜色 |
| 1400 | + // case 0: | ||
| 1401 | + // colorValue = '#808080'; /* 0：灰色 */ | ||
| 1402 | + // break; | ||
| 1403 | + // case 1: | ||
| 1404 | + // colorValue = '#808080'; /* 1：灰色 */ | ||
| 1405 | + // break; | ||
| 1406 | + // case 2: | ||
| 1407 | + // colorValue = '#ff4d4f'; /* 2：红色 */ | ||
| 1408 | + // break; | ||
| 1409 | + // case 3: | ||
| 1410 | + // colorValue = '#d4b106'; /* 3：黄色 */ | ||
| 1411 | + // break; | ||
| 1412 | + // case 4: | ||
| 1413 | + // colorValue = '#000000'; /* 黑色 */ | ||
| 1414 | + // break; | ||
| 1415 | + // case 5: | ||
| 1416 | + // colorValue = '#49aa19'; /* 5：绿色 */ | ||
| 1417 | + // break; | ||
| 1418 | + // default: | ||
| 1419 | + // colorValue = '#000000'; | ||
| 1420 | + // } | ||
| 1421 | + switch ( | ||
| 1422 | + Number(sState) // 根据状态显示颜色 | ||
| 1423 | + ) { | ||
| 1424 | + case 2: | ||
| 1425 | + colorValue = "#FF6600"; /* 2：等待:黄色 */ | ||
| 1426 | + break; | ||
| 1427 | + case 4: | ||
| 1428 | + colorValue = "#648c4b"; /* 4：已完成:绿色 */ | ||
| 1429 | + break; | ||
| 1430 | + case 1: | ||
| 1431 | + case 3: | ||
| 1432 | + colorValue = "#106abe"; /* 1、3：进行中:蓝色 */ | ||
| 1433 | + break; | ||
| 1434 | + default: | ||
| 1435 | + colorValue = "#000000"; | ||
| 1436 | + } | ||
| 1437 | + | ||
| 1405 | } | 1438 | } |
| 1406 | return ( | 1439 | return ( |
| 1407 | <div style={{ display: 'inline-block', color: colorValue }} key={i} onClick={this.handlesPartNameStatus.bind(this, 'sPartNameStatus', t.sWorkOrderId)} > | 1440 | <div style={{ display: 'inline-block', color: colorValue }} key={i} onClick={this.handlesPartNameStatus.bind(this, 'sPartNameStatus', t.sWorkOrderId)} > |
| @@ -2336,6 +2369,7 @@ class CommonTableRc extends React.Component { | @@ -2336,6 +2369,7 @@ class CommonTableRc extends React.Component { | ||
| 2336 | let showConfig = []; | 2369 | let showConfig = []; |
| 2337 | /* 通过sName过滤出对应的showConfig */ | 2370 | /* 通过sName过滤出对应的showConfig */ |
| 2338 | /* 通过sName过滤出对应的showConfig */ | 2371 | /* 通过sName过滤出对应的showConfig */ |
| 2372 | + | ||
| 2339 | if (this.props.customConfig) { | 2373 | if (this.props.customConfig) { |
| 2340 | const showConfigArr = this.props.customConfig.filter(item => commonUtils.isNotEmptyObject(item.sName) && commonUtils.isNotEmptyObject(item.sColorTerms) && item.bVisible); | 2374 | const showConfigArr = this.props.customConfig.filter(item => commonUtils.isNotEmptyObject(item.sName) && commonUtils.isNotEmptyObject(item.sColorTerms) && item.bVisible); |
| 2341 | if (commonUtils.isNotEmptyArr(showConfigArr)) { | 2375 | if (commonUtils.isNotEmptyArr(showConfigArr)) { |