Commit 45d17a73dc9043243643899abe9e01237df1e067
1 parent
fdb98055
编辑弹窗功能
Showing
3 changed files
with
92 additions
and
60 deletions
src/components/Common/CommonHooks/useCommonBase.js
| ... | ... | @@ -135,8 +135,6 @@ const useCommonBase = props => { |
| 135 | 135 | cbState.callbackRefresh = callbackRefresh + 1; |
| 136 | 136 | cbState.callback = callback; |
| 137 | 137 | } |
| 138 | - console.log(values, 'values'); | |
| 139 | - | |
| 140 | 138 | dispatch(["saveState", { ...values, ...cbState }]); |
| 141 | 139 | }; |
| 142 | 140 | |
| ... | ... | @@ -288,7 +286,7 @@ const useCommonBase = props => { |
| 288 | 286 | } |
| 289 | 287 | |
| 290 | 288 | // 凹印人检特殊处理 |
| 291 | - if (configData.sGrd === "slaveWyrj2") { | |
| 289 | + if (configData?.sGrd === "slaveWyrj2") { | |
| 292 | 290 | const { |
| 293 | 291 | slaveWyrj1Data = [], |
| 294 | 292 | slaveWyrj3Data = [], |
| ... | ... | @@ -328,8 +326,24 @@ const useCommonBase = props => { |
| 328 | 326 | ...sParentConditions |
| 329 | 327 | }; |
| 330 | 328 | } |
| 331 | - | |
| 332 | - const configDataId = configData.sId; | |
| 329 | + | |
| 330 | + const configDataId = configData?.sId; | |
| 331 | + const sId = JSON.parse(JSON.stringify(condition?.sId || '')) | |
| 332 | + console.log(configData, 'configData'); | |
| 333 | + | |
| 334 | + if (name === 'master') { | |
| 335 | + // condition.sId = configDataId | |
| 336 | + condition.pageNum = '' | |
| 337 | + condition.pageSize = '' | |
| 338 | + delete condition.sSqlCondition | |
| 339 | + } | |
| 340 | + if (name.includes('slave')) { | |
| 341 | + delete condition.sSqlCondition | |
| 342 | + delete condition.sId | |
| 343 | + condition.sSqlCondition = { | |
| 344 | + sParentId: sId | |
| 345 | + } | |
| 346 | + } | |
| 333 | 347 | const dataUrl = `${commonConfig.server_host |
| 334 | 348 | }business/getBusinessDataByFormcustomId/${configDataId}?sModelsId=${sModelsId}&sName=${formSrcRoute}`; |
| 335 | 349 | const dataReturn = (await commonServices.postValueService( |
| ... | ... | @@ -534,6 +548,7 @@ const useCommonBase = props => { |
| 534 | 548 | const conditonValues = {}; |
| 535 | 549 | if (commonUtils.isNotEmptyStr(showConfig.sSqlCondition)) { |
| 536 | 550 | const conditon = showConfig.sSqlCondition.split(","); |
| 551 | + | |
| 537 | 552 | conditon.forEach(item => { |
| 538 | 553 | // 特殊处理 |
| 539 | 554 | if (item === "sBoardNo.sBoardNo") { |
| ... | ... | @@ -638,6 +653,9 @@ const useCommonBase = props => { |
| 638 | 653 | } |
| 639 | 654 | }); |
| 640 | 655 | } |
| 656 | + if (name === 'master') { | |
| 657 | + delete conditonValues.sSqlCondition | |
| 658 | + } | |
| 641 | 659 | return conditonValues; |
| 642 | 660 | }; |
| 643 | 661 | |
| ... | ... | @@ -2270,19 +2288,22 @@ const useCommonBase = props => { |
| 2270 | 2288 | // 双击事件 |
| 2271 | 2289 | const handleDoubleClickNew = ({ name, record }) => { |
| 2272 | 2290 | const { [`${name}Config`]: tableConfig = {} } = state; |
| 2273 | - const dbclickPopConfig = tableConfig.gdsconfigformslave?.find( | |
| 2291 | + let dbclickPopConfig = tableConfig.gdsconfigformslave?.find( | |
| 2274 | 2292 | item => |
| 2275 | 2293 | item.sControlName && item.sControlName.toLowerCase() === "dbclickpop" |
| 2276 | 2294 | ); |
| 2277 | - if (!dbclickPopConfig) return; | |
| 2278 | - | |
| 2295 | + if (!dbclickPopConfig) { | |
| 2296 | + dbclickPopConfig = tableConfig.gdsconfigformslave?.find( | |
| 2297 | + item => | |
| 2298 | + item.sName && item.sName.toLowerCase() === "picarr" | |
| 2299 | + ); | |
| 2300 | + }; | |
| 2301 | + if (!dbclickPopConfig) return | |
| 2279 | 2302 | let { sActiveId, sActiveName } = dbclickPopConfig; |
| 2280 | 2303 | |
| 2281 | 2304 | // 如果行数据里有sFormId, 则取sFormId作为弹窗的表单id |
| 2282 | 2305 | const { sFormId, sMaintenanceLevel } = record; |
| 2283 | - if (sFormId) { | |
| 2284 | - if (!sMaintenanceLevel) return; | |
| 2285 | - | |
| 2306 | + if (sFormId && sMaintenanceLevel) { | |
| 2286 | 2307 | sActiveId = sFormId; |
| 2287 | 2308 | sActiveName = sMaintenanceLevel; |
| 2288 | 2309 | if (sMaintenanceLevel === "日常保养") { |
| ... | ... | @@ -2301,12 +2322,15 @@ const useCommonBase = props => { |
| 2301 | 2322 | ) { |
| 2302 | 2323 | sActiveId = "17102090670002643282020454509600"; |
| 2303 | 2324 | } |
| 2325 | + } else { | |
| 2326 | + sActiveId = sFormId; | |
| 2327 | + sActiveName = '编辑'; | |
| 2304 | 2328 | } |
| 2305 | 2329 | |
| 2330 | + | |
| 2306 | 2331 | if (sActiveId) { |
| 2307 | 2332 | // 获取sqlCondition值 |
| 2308 | 2333 | const sParentConditions = getSqlCondition(dbclickPopConfig, name, record); |
| 2309 | - | |
| 2310 | 2334 | // 弹窗展示 |
| 2311 | 2335 | props.onOpenCommonModal({ |
| 2312 | 2336 | type: "commonModal", |
| ... | ... | @@ -2314,14 +2338,15 @@ const useCommonBase = props => { |
| 2314 | 2338 | title: sActiveName, |
| 2315 | 2339 | sParentConditions, |
| 2316 | 2340 | parentProps: { |
| 2317 | - ...returnProps | |
| 2341 | + ...returnProps, | |
| 2342 | + record | |
| 2318 | 2343 | }, |
| 2319 | 2344 | onOk: data => { |
| 2320 | 2345 | console.log("=====onOk", data); |
| 2321 | 2346 | }, |
| 2322 | 2347 | onCancel: () => { |
| 2323 | 2348 | console.log("=====onCancel"); |
| 2324 | - } | |
| 2349 | + }, | |
| 2325 | 2350 | }); |
| 2326 | 2351 | } |
| 2327 | 2352 | }; | ... | ... |
src/components/Common/CommonTable/index.js
| ... | ... | @@ -217,7 +217,7 @@ class CommonTableRc extends React.Component { |
| 217 | 217 | commonUtils.isNotEmptyObject(props.tableProps) && |
| 218 | 218 | !commonUtils.isEmpty(props.tableProps.rowKey) |
| 219 | 219 | ? props.tableProps.rowKey |
| 220 | - : "sId"; /* 表格主键 */ | |
| 220 | + : "sSlaveId"; /* 表格主键 */ | |
| 221 | 221 | this.config = {}; /* 配置信息(基础)(数据格式:对象) */ |
| 222 | 222 | this.tableColumn = []; /* table的表头信息(数据类型:数组对象) */ |
| 223 | 223 | this.tableInfoColumn = []; |
| ... | ... | @@ -1224,11 +1224,13 @@ class CommonTableRc extends React.Component { |
| 1224 | 1224 | |
| 1225 | 1225 | /** 行选择 */ |
| 1226 | 1226 | onDoubleClick = (name, record) => { |
| 1227 | + | |
| 1227 | 1228 | if (this.props.onDoubleClickNew) { |
| 1228 | 1229 | this.props.onDoubleClickNew({ name, record }); |
| 1229 | 1230 | } else if (this.props.onDoubleClick !== undefined) { |
| 1230 | 1231 | this.props.onDoubleClick(record); |
| 1231 | 1232 | } |
| 1233 | + | |
| 1232 | 1234 | }; |
| 1233 | 1235 | |
| 1234 | 1236 | onKeyDownDiv = (e, sName) => { |
| ... | ... | @@ -6973,7 +6975,7 @@ class CommonTableRc extends React.Component { |
| 6973 | 6975 | this.props.onSelectCommonPopup(name, selectConfig, selectData, tb?.name, tb?.config, { index: this.rowClickRef.current }); |
| 6974 | 6976 | return; |
| 6975 | 6977 | } |
| 6976 | - | |
| 6978 | + | |
| 6977 | 6979 | this.props.onSelectCommonPopup(name, selectConfig, selectData, tb?.name, commonPopupShowConfig); |
| 6978 | 6980 | } |
| 6979 | 6981 | }; | ... | ... |
src/mes/common/commonModelComponent/index.js
| ... | ... | @@ -196,7 +196,7 @@ const useCommonModelEvent = props => { |
| 196 | 196 | tableListFilter = tableList.filter(item => item !== "materials31"); |
| 197 | 197 | try { |
| 198 | 198 | delete tabConfigFilter[3].configList[3]; |
| 199 | - } catch (error) {} | |
| 199 | + } catch (error) { } | |
| 200 | 200 | return [tableListFilter, tabConfigFilter]; |
| 201 | 201 | } |
| 202 | 202 | |
| ... | ... | @@ -218,7 +218,7 @@ const useCommonModelEvent = props => { |
| 218 | 218 | try { |
| 219 | 219 | delete tabConfigFilter[0].configList[0].children[1].configList[2]; |
| 220 | 220 | delete tabConfigFilter[0].configList[0].children[1].configList[1]; |
| 221 | - } catch (error) {} | |
| 221 | + } catch (error) { } | |
| 222 | 222 | } else if ( |
| 223 | 223 | iTeamType === 1 |
| 224 | 224 | // [ |
| ... | ... | @@ -239,7 +239,7 @@ const useCommonModelEvent = props => { |
| 239 | 239 | delete tabConfigFilter[0].configList[0].children[1].configList[3]; |
| 240 | 240 | delete tabConfigFilter[0].configList[0].children[1].configList[1]; |
| 241 | 241 | delete tabConfigFilter[0].configList[1].children[2].configList[7]; |
| 242 | - } catch (error) {} | |
| 242 | + } catch (error) { } | |
| 243 | 243 | } else { |
| 244 | 244 | tableListFilter = tableList.filter( |
| 245 | 245 | item => |
| ... | ... | @@ -251,7 +251,7 @@ const useCommonModelEvent = props => { |
| 251 | 251 | delete tabConfigFilter[0].configList[0].children[1].configList[3]; |
| 252 | 252 | delete tabConfigFilter[0].configList[0].children[1].configList[2]; |
| 253 | 253 | delete tabConfigFilter[0].configList[1].children[2].configList[7]; |
| 254 | - } catch (error) {} | |
| 254 | + } catch (error) { } | |
| 255 | 255 | } |
| 256 | 256 | return [tableListFilter, tabConfigFilter]; |
| 257 | 257 | }; |
| ... | ... | @@ -267,7 +267,6 @@ const useCommonModelEvent = props => { |
| 267 | 267 | const pageLayoutConfig = gdsconfigformslave.find( |
| 268 | 268 | item => item.sControlName === "pageLayout" |
| 269 | 269 | ); |
| 270 | - console.log('pageLayoutConfig', pageLayoutConfig); | |
| 271 | 270 | if (pageLayoutConfig) { |
| 272 | 271 | pageLayout = commonUtils.convertStrToObj( |
| 273 | 272 | pageLayoutConfig.sDefault, |
| ... | ... | @@ -282,7 +281,8 @@ const useCommonModelEvent = props => { |
| 282 | 281 | const colunmData = handleGetColumnData(tableList, true); |
| 283 | 282 | let result = {}; |
| 284 | 283 | if (!commonUtils.isEmptyObject(copyTo) && !refreshCount) { |
| 285 | - | |
| 284 | + result = await handleGetData(tableList, true, true); | |
| 285 | + | |
| 286 | 286 | } else if (noGetData) { |
| 287 | 287 | result = await await handleGetData( |
| 288 | 288 | tableList.filter( |
| ... | ... | @@ -327,7 +327,8 @@ const useCommonModelEvent = props => { |
| 327 | 327 | ...addState, |
| 328 | 328 | ...handleMergeCustomColumn(addState, tableList) |
| 329 | 329 | }; |
| 330 | - | |
| 330 | + console.log(addState,'addState'); | |
| 331 | + | |
| 331 | 332 | props.onSaveState(addState); |
| 332 | 333 | } |
| 333 | 334 | } |
| ... | ... | @@ -407,14 +408,14 @@ const useCommonModelEvent = props => { |
| 407 | 408 | masterDataCopyTo = tableData; |
| 408 | 409 | } |
| 409 | 410 | } |
| 410 | - const masterDataNew = { | |
| 411 | - ...commonFunc.getDefaultData(masterConfig), | |
| 412 | - handleType: "add", | |
| 413 | - sId: commonUtils.createSid(), | |
| 414 | - sFormId: sModelsId, | |
| 415 | - ...masterDataCopyTo | |
| 416 | - }; | |
| 417 | - props.onSaveState({ masterData: masterDataNew, enabled: true }); | |
| 411 | + // const masterDataNew = { | |
| 412 | + // ...commonFunc.getDefaultData(masterConfig), | |
| 413 | + // handleType: "add", | |
| 414 | + // sId: commonUtils.createSid(), | |
| 415 | + // sFormId: sModelsId, | |
| 416 | + // ...masterDataCopyTo | |
| 417 | + // }; | |
| 418 | + // props.onSaveState({ masterData: masterDataNew, enabled: true }); | |
| 418 | 419 | }, |
| 419 | 420 | [props.bFinish] |
| 420 | 421 | ); |
| ... | ... | @@ -466,6 +467,8 @@ const useCommonModelEvent = props => { |
| 466 | 467 | for (let i = 0; i < tableList.length; i++) { |
| 467 | 468 | const tableName = tableList[i]; |
| 468 | 469 | const config = formData.find(item => item.sGrd === tableName); |
| 470 | + console.log(config, 'config'); | |
| 471 | + | |
| 469 | 472 | if (!config || tableName.includes("FirstlineSelected")) continue; |
| 470 | 473 | const conditonValues = props.onGetSqlConditionValues(config); |
| 471 | 474 | let { [`${tableName}Filter`]: bFilter } = props; |
| ... | ... | @@ -582,14 +585,14 @@ const useCommonModelEvent = props => { |
| 582 | 585 | if (currentId && tableName !== 'master') { |
| 583 | 586 | conditonValues.sParentId = currentId; |
| 584 | 587 | } |
| 585 | - | |
| 586 | 588 | const result = |
| 587 | 589 | (await props.onGetDataSet({ |
| 588 | 590 | name: tableName, |
| 589 | 591 | configData: config, |
| 590 | 592 | condition: { |
| 591 | 593 | ...masterState, |
| 592 | - sSqlCondition: { ...conditonValues, ...sFilterConditions }, | |
| 594 | + sId: props.parentProps?.record?.sId, | |
| 595 | + sSqlCondition: { ...conditonValues, ...sFilterConditions, }, | |
| 593 | 596 | bFilter |
| 594 | 597 | }, |
| 595 | 598 | isWait: true |
| ... | ... | @@ -774,9 +777,8 @@ const useCommonModelEvent = props => { |
| 774 | 777 | const { app } = props; |
| 775 | 778 | const { sId } = item?.record || {}; |
| 776 | 779 | const { token } = app; |
| 777 | - const url = `${ | |
| 778 | - commonConfig.server_host | |
| 779 | - }oee/updateProductionplan/${sId}/${iFlag}`; | |
| 780 | + const url = `${commonConfig.server_host | |
| 781 | + }oee/updateProductionplan/${sId}/${iFlag}`; | |
| 780 | 782 | const dataReturn = (await commonServices.getService(token, url)).data; |
| 781 | 783 | if (dataReturn.code === 1) { |
| 782 | 784 | handleRefresh(); |
| ... | ... | @@ -1121,9 +1123,9 @@ const useGetSelectedDataGroup = props => { |
| 1121 | 1123 | const { sSqlCondition } = config; |
| 1122 | 1124 | return sSqlCondition |
| 1123 | 1125 | ? { |
| 1124 | - tableName, | |
| 1125 | - sSqlCondition | |
| 1126 | - } | |
| 1126 | + tableName, | |
| 1127 | + sSqlCondition | |
| 1128 | + } | |
| 1127 | 1129 | : null; |
| 1128 | 1130 | }) |
| 1129 | 1131 | .filter(item => item) |
| ... | ... | @@ -1183,6 +1185,8 @@ const CommonModel = baseProps => { |
| 1183 | 1185 | ? useCommonModelEvent(baseProps) |
| 1184 | 1186 | : useCommonModelEvent(useCommonBase(baseProps)); |
| 1185 | 1187 | const { bFinish } = props; |
| 1188 | + console.log(props, 'CommonModel'); | |
| 1189 | + | |
| 1186 | 1190 | if (!bFinish) return ""; |
| 1187 | 1191 | |
| 1188 | 1192 | const { tabConfig = [] } = props; |
| ... | ... | @@ -1237,7 +1241,7 @@ const CommonModelComponent = props => { |
| 1237 | 1241 | const componentProps = { |
| 1238 | 1242 | ...props, |
| 1239 | 1243 | showType, // 展示类型(表单/表格) |
| 1240 | - enabled: !bMesBill ? defaultEnabled: enabled, // 是否可编辑 | |
| 1244 | + enabled: !bMesBill ? defaultEnabled : enabled, // 是否可编辑 | |
| 1241 | 1245 | sTabName, // 标题名称 |
| 1242 | 1246 | sName, // 配置对应的sGrd |
| 1243 | 1247 | bHideTitle, //隐藏标题 |
| ... | ... | @@ -1284,12 +1288,12 @@ const CommonModelComponent = props => { |
| 1284 | 1288 | const advancedStyle = |
| 1285 | 1289 | mode === "advanced" |
| 1286 | 1290 | ? { |
| 1287 | - float: "left", | |
| 1288 | - width, | |
| 1289 | - height: height.startsWith("costomHeight") | |
| 1290 | - ? height.split(",")[1] | |
| 1291 | - : height | |
| 1292 | - } | |
| 1291 | + float: "left", | |
| 1292 | + width, | |
| 1293 | + height: height.startsWith("costomHeight") | |
| 1294 | + ? height.split(",")[1] | |
| 1295 | + : height | |
| 1296 | + } | |
| 1293 | 1297 | : { width: "100%", height: "100%" }; |
| 1294 | 1298 | |
| 1295 | 1299 | // 产量上报信息特殊处理 |
| ... | ... | @@ -1339,11 +1343,10 @@ const CommonModelComponent = props => { |
| 1339 | 1343 | <div |
| 1340 | 1344 | className={ |
| 1341 | 1345 | level === 0 |
| 1342 | - ? `advanced ${ | |
| 1343 | - sEntireTabName && sEntireTabName !== "空" | |
| 1344 | - ? "advanced1" | |
| 1345 | - : "" | |
| 1346 | - }` | |
| 1346 | + ? `advanced ${sEntireTabName && sEntireTabName !== "空" | |
| 1347 | + ? "advanced1" | |
| 1348 | + : "" | |
| 1349 | + }` | |
| 1347 | 1350 | : "" |
| 1348 | 1351 | } |
| 1349 | 1352 | style={advancedStyle} |
| ... | ... | @@ -1376,7 +1379,7 @@ const CommonModelComponent = props => { |
| 1376 | 1379 | ) |
| 1377 | 1380 | .map((config, index) => { |
| 1378 | 1381 | const { sName, sEnglishTabName, sBig5TabName, sTabName } = config; |
| 1379 | - const sTabNewName = sLanguage ==='sEnglish' ? sEnglishTabName : sLanguage ==='sBig5' ? | |
| 1382 | + const sTabNewName = sLanguage === 'sEnglish' ? sEnglishTabName : sLanguage === 'sBig5' ? | |
| 1380 | 1383 | sBig5TabName : sTabName; |
| 1381 | 1384 | let disabled = false; |
| 1382 | 1385 | |
| ... | ... | @@ -1468,6 +1471,8 @@ const CommonViewTableComponent = props => { |
| 1468 | 1471 | // 展示的数据 |
| 1469 | 1472 | let viewRow = {}; |
| 1470 | 1473 | const dataArr = Array.isArray(data) ? data : [data]; |
| 1474 | + console.log(dataArr,props, 'dataArr'); | |
| 1475 | + | |
| 1471 | 1476 | if (selectedRowKeys.length) { |
| 1472 | 1477 | viewRow = dataArr.find(item => item.sId === selectedRowKeys[0]); |
| 1473 | 1478 | } |
| ... | ... | @@ -1573,7 +1578,8 @@ const CommonViewTableComponent = props => { |
| 1573 | 1578 | viewRow, |
| 1574 | 1579 | tableName: sName |
| 1575 | 1580 | }; |
| 1576 | - | |
| 1581 | + console.log(viewProps, 'viewProps'); | |
| 1582 | + | |
| 1577 | 1583 | if (commonUtils.isEmptyObject(viewRow)) { |
| 1578 | 1584 | viewProps.enabledNew = false; |
| 1579 | 1585 | } |
| ... | ... | @@ -1781,7 +1787,7 @@ const CommonTableComponent = props => { |
| 1781 | 1787 | // }, |
| 1782 | 1788 | onTableBtnClick, |
| 1783 | 1789 | tableProps: { |
| 1784 | - onChange: () => {} | |
| 1790 | + onChange: () => { } | |
| 1785 | 1791 | // AutoTableHeight: 200 |
| 1786 | 1792 | }, |
| 1787 | 1793 | onViewClick: (tableName, sFieldName, record, index, config) => { |
| ... | ... | @@ -1920,11 +1926,10 @@ const CommonRepairComponent = props => { |
| 1920 | 1926 | |
| 1921 | 1927 | const url = |
| 1922 | 1928 | "/data/tools/xlyerpfiles/tempPath/240606/12710101117176455089290_Image_1717645454288.png"; |
| 1923 | - const fileUrl = `${ | |
| 1924 | - commonConfig.file_host | |
| 1925 | - }file/download?savePathStr=${encodeURIComponent( | |
| 1926 | - url | |
| 1927 | - )}&sModelsId=100&token=${props.app.token}`; | |
| 1929 | + const fileUrl = `${commonConfig.file_host | |
| 1930 | + }file/download?savePathStr=${encodeURIComponent( | |
| 1931 | + url | |
| 1932 | + )}&sModelsId=100&token=${props.app.token}`; | |
| 1928 | 1933 | const oImg = document.createElement("img"); |
| 1929 | 1934 | oImg.src = fileUrl; |
| 1930 | 1935 | oBoxImg.current.appendChild(oImg); |
| ... | ... | @@ -2133,7 +2138,7 @@ const RunningStatusConditionComponent = props => { |
| 2133 | 2138 | : table0SelectedRowKeys, |
| 2134 | 2139 | bMutiSelect: true, |
| 2135 | 2140 | tableProps: { |
| 2136 | - onChange: () => {} | |
| 2141 | + onChange: () => { } | |
| 2137 | 2142 | } |
| 2138 | 2143 | }; |
| 2139 | 2144 | ... | ... |