Commit f943a9403f91617e70262f2af0e223613df7b5ea
1 parent
3d4ce1ac
修改生产进度颜色调整
Showing
1 changed file
with
85 additions
and
83 deletions
src/components/Common/CommonTable/index.js
| ... | ... | @@ -1309,10 +1309,7 @@ class CommonTableRc extends React.Component { |
| 1309 | 1309 | }) |
| 1310 | 1310 | } |
| 1311 | 1311 | |
| 1312 | - this.props.onCostomColums?.([ | |
| 1313 | - ...tableColumn, | |
| 1314 | - ...subTableColumn | |
| 1315 | - ]); | |
| 1312 | + this.props.onCostomColums?.([...tableColumn, ...subTableColumn]); | |
| 1316 | 1313 | |
| 1317 | 1314 | // 判断工序状态 |
| 1318 | 1315 | if (commonUtils.isNotEmptyArr(sPartNameStatus) && commonUtils.isNotEmptyArr(dataSource)) { |
| ... | ... | @@ -1322,12 +1319,14 @@ class CommonTableRc extends React.Component { |
| 1322 | 1319 | sPartNameStatus[0].render = (itemStr) => { |
| 1323 | 1320 | if (commonUtils.isJSON(itemStr)) { |
| 1324 | 1321 | const sPartItem = JSON.parse(itemStr); |
| 1322 | + | |
| 1325 | 1323 | return ( |
| 1326 | 1324 | // <div> |
| 1327 | 1325 | <Tooltip color="#fff" title={() => { |
| 1328 | 1326 | return <div > |
| 1329 | 1327 | { |
| 1330 | 1328 | // eslint-disable-next-line array-callback-return |
| 1329 | + | |
| 1331 | 1330 | sPartItem.map((t, i) => { |
| 1332 | 1331 | const sPartItemLength = sPartItem.length; |
| 1333 | 1332 | // const record = dataSource[i]; /* 获取每行数据 */ |
| ... | ... | @@ -1335,45 +1334,48 @@ class CommonTableRc extends React.Component { |
| 1335 | 1334 | if (t?.background) { |
| 1336 | 1335 | colorValue = t.background; |
| 1337 | 1336 | } else { |
| 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 | - // } | |
| 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 | - } | |
| 1337 | + | |
| 1338 | + const iStatus = commonUtils.isEmpty(t.iStatus) ? 4 : t.iStatus; | |
| 1339 | + switch ( | |
| 1340 | + Number(iStatus) // 根据状态显示颜色 | |
| 1341 | + ) { | |
| 1342 | + case 0: | |
| 1343 | + colorValue = "#808080"; /* 0:灰色 */ | |
| 1344 | + break; | |
| 1345 | + case 1: | |
| 1346 | + colorValue = "#808080"; /* 1:灰色 */ | |
| 1347 | + break; | |
| 1348 | + case 2: | |
| 1349 | + colorValue = "#ff4d4f"; /* 2:红色 */ | |
| 1350 | + break; | |
| 1351 | + case 3: | |
| 1352 | + colorValue = "#d4b106"; /* 3:黄色 */ | |
| 1353 | + break; | |
| 1354 | + case 4: | |
| 1355 | + colorValue = "#000000"; /* 黑色 */ | |
| 1356 | + break; | |
| 1357 | + case 5: | |
| 1358 | + colorValue = "#49aa19"; /* 5:绿色 */ | |
| 1359 | + break; | |
| 1360 | + default: | |
| 1361 | + colorValue = "#000000"; | |
| 1362 | + } | |
| 1363 | + // switch ( | |
| 1364 | + // Number(sState) // 根据状态显示颜色 | |
| 1365 | + // ) { | |
| 1366 | + // case 2: | |
| 1367 | + // colorValue = "#FF6600"; /* 2:等待:黄色 */ | |
| 1368 | + // break; | |
| 1369 | + // case 4: | |
| 1370 | + // colorValue = "#648c4b"; /* 4:已完成:绿色 */ | |
| 1371 | + // break; | |
| 1372 | + // case 1: | |
| 1373 | + // case 3: | |
| 1374 | + // colorValue = "#106abe"; /* 1、3:进行中:蓝色 */ | |
| 1375 | + // break; | |
| 1376 | + // default: | |
| 1377 | + // colorValue = "#000000"; | |
| 1378 | + // } | |
| 1377 | 1379 | } |
| 1378 | 1380 | return ( |
| 1379 | 1381 | <div style={{ display: 'inline-block', color: colorValue }} key={i} onClick={this.handlesPartNameStatus.bind(this, 'sPartNameStatus', t.sWorkOrderId)} > |
| ... | ... | @@ -1395,46 +1397,46 @@ class CommonTableRc extends React.Component { |
| 1395 | 1397 | if (t?.background) { |
| 1396 | 1398 | colorValue = t.background; |
| 1397 | 1399 | } else { |
| 1398 | - const sState = commonUtils.isEmpty(t.sState) ? 4 : t.sState; | |
| 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 | - | |
| 1400 | + const sState = commonUtils.isEmpty(t.iStatus) ? 4 : t.iStatus; | |
| 1401 | + switch (Number(sState)) { // 根据状态显示颜色 | |
| 1402 | + case 0: | |
| 1403 | + colorValue = '#808080'; /* 0:灰色 */ | |
| 1404 | + break; | |
| 1405 | + case 1: | |
| 1406 | + colorValue = '#808080'; /* 1:灰色 */ | |
| 1407 | + break; | |
| 1408 | + case 2: | |
| 1409 | + colorValue = '#ff4d4f'; /* 2:红色 */ | |
| 1410 | + break; | |
| 1411 | + case 3: | |
| 1412 | + colorValue = '#d4b106'; /* 3:黄色 */ | |
| 1413 | + break; | |
| 1414 | + case 4: | |
| 1415 | + colorValue = '#000000'; /* 黑色 */ | |
| 1416 | + break; | |
| 1417 | + case 5: | |
| 1418 | + colorValue = '#49aa19'; /* 5:绿色 */ | |
| 1419 | + break; | |
| 1420 | + default: | |
| 1421 | + colorValue = '#000000'; | |
| 1422 | + } | |
| 1423 | + // switch ( | |
| 1424 | + // Number(sState) // 根据状态显示颜色 | |
| 1425 | + // ) { | |
| 1426 | + // case 2: | |
| 1427 | + // colorValue = "#FF6600"; /* 2:等待:黄色 */ | |
| 1428 | + // break; | |
| 1429 | + // case 4: | |
| 1430 | + // colorValue = "#648c4b"; /* 4:已完成:绿色 */ | |
| 1431 | + // break; | |
| 1432 | + // case 1: | |
| 1433 | + // case 3: | |
| 1434 | + // colorValue = "#106abe"; /* 1、3:进行中:蓝色 */ | |
| 1435 | + // break; | |
| 1436 | + // default: | |
| 1437 | + // colorValue = "#000000"; | |
| 1438 | + // } | |
| 1439 | + // | |
| 1438 | 1440 | } |
| 1439 | 1441 | return ( |
| 1440 | 1442 | <div style={{ display: 'inline-block', color: colorValue }} key={i} onClick={this.handlesPartNameStatus.bind(this, 'sPartNameStatus', t.sWorkOrderId)} > | ... | ... |