| 公告日期 | \r\n{showScAnn.AnnDate} | \r\n
|---|---|
| 標題 | \r\n{showScAnn.Title} | \r\n
| 內容 | \r\n{ReactHtmlParser(showScAnn.Comment)} | \r\n
一、基本資料
\r\n \r\n {/* 處理標格與標題之間的距離 */}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProjectBasic;","import React from 'react';\r\nimport { IsNullOrEmpty, FormatDate, SetMaskOnOff } from '../../../Basic/SDOExtension';\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\nimport { GetSetParam } from '../../../Basic/CommonService';\r\nimport ProjectPrintService from './ProjectPrintService';\r\nimport { loadCheckPoint } from '../ProjectFillCheckPoint/ProjectFillCheckPointService';\r\nimport { adjustHistory } from '../ProjectAdjuctHistory/AdjustHistoryService';\r\n\r\n// 二、檢核點設定\r\nconst ProjectCheckPoint = (props) => {\r\n const { projectCheckpoint } = props;\r\n const [DdlData, setDdlData] = React.useState({\r\n CP_KIND: [],\r\n checkpoint: [],\r\n });\r\n\r\n const getAllDdl = async () => {\r\n SetMaskOnOff(true);\r\n setDdlData({\r\n CP_KIND: await GetSetParam('CP_KIND', ''),\r\n checkpoint: await loadCheckPoint(projectCheckpoint.CP_KIND, true),\r\n });\r\n SetMaskOnOff(false);\r\n }\r\n React.useEffect(() => {\r\n if (!IsNullOrEmpty(projectCheckpoint)) {\r\n getAllDdl();\r\n }\r\n }, [projectCheckpoint])\r\n\r\n // 日期格式化\r\n const formatDate = (date) => {\r\n if (IsNullOrEmpty(date)) {\r\n return \"\";\r\n }\r\n else {\r\n return FormatDate(date, 'tYY/MM/DD')\r\n }\r\n }\r\n\r\n // 組檢核點\r\n const mapCusCheckpoint = () => {\r\n if (projectCheckpoint.CusCheckpointModels.length == 0) {\r\n return (\r\n二、檢核點設定
\r\n \r\n {/* 處理標格與標題之間的距離 */}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProjectCheckPoint;","import React from 'react';\r\nimport { IsNullOrEmpty, FormatDate, SetMaskOnOff } from '../../../Basic/SDOExtension';\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\nimport { GetSetParam, downProjectAttachment } from '../../../Basic/CommonService';\r\nimport { formatNumber } from '@telerik/kendo-intl';\r\nimport ProjectPrintService from './ProjectPrintService';\r\nimport { loadCheckPoint } from '../ProjectFillCheckPoint/ProjectFillCheckPointService';\r\nimport { adjustHistory } from '../ProjectAdjuctHistory/AdjustHistoryService';\r\n\r\n// 二、檢核點(執行情形)\r\nconst ProjectCkptCom = (props) => {\r\n const { projectCheckpoint, projectCkptCom } = props;\r\n const [DdlData, setDdlData] = React.useState({\r\n CP_KIND: [],\r\n checkpoint: [],\r\n });\r\n\r\n const getAllDdl = async () => {\r\n SetMaskOnOff(true);\r\n setDdlData({\r\n CP_KIND: await GetSetParam('CP_KIND', ''),\r\n checkpoint: await loadCheckPoint(projectCheckpoint.CP_KIND, true),\r\n });\r\n SetMaskOnOff(false);\r\n }\r\n React.useEffect(() => {\r\n if (!IsNullOrEmpty(projectCheckpoint)) {\r\n getAllDdl();\r\n }\r\n }, [projectCheckpoint])\r\n\r\n // 組檢核點\r\n const mapCusCheckpoint = () => {\r\n if (IsNullOrEmpty(projectCkptCom.CustomChkItemModels)) {\r\n return (\r\n二、檢核點
\r\n（一）聯繫資訊
\r\n \r\n（二）檢核點完成日期
\r\n \r\n {/* 處理標格與標題之間的距離 */}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProjectCkptCom;","import React from 'react';\r\nimport { IsNullOrEmpty, FormatDate } from '../../../Basic/SDOExtension';\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\n\r\n// 三、執行情形（一）每月辦理情形\r\nconst ProjectExecute = (props) => {\r\n const { checkEngineeringProgress, engineeringProgress, title } = props;\r\n // 是否顯示施工進度欄位\r\n const [isShow, setIsShow] = React.useState(false);\r\n const [isDone, setIsDone] = React.useState(false);\r\n\r\n const checkIsShow = () => {\r\n // 施工方式為\"工程類\"，且辦理開工的實際完成日期已填寫\r\n setIsShow(IsNullOrEmpty(checkEngineeringProgress) ? false : checkEngineeringProgress.IsEngStartWork);\r\n setIsDone(true);\r\n }\r\n\r\n React.useEffect(() => {\r\n checkIsShow();\r\n }, [checkEngineeringProgress])\r\n\r\n // 多行文字顯示欄位\r\n const textAreaWrapCell = (data) => {\r\n return (\r\n{title}
\r\n {isDone &&\r\n \r\n }\r\n \r\n );\r\n}\r\n\r\nexport default ProjectExecute;","import React from \"react\";\r\nimport { FormatDate, IsNullOrEmpty } from \"../../../Basic/SDOExtension\";\r\n\r\n// 三、執行情形（二）落後原因分析\r\nconst ProjectDelay = (props) => {\r\n const { projectDelay, title } = props;\r\n\r\n return (\r\n <>\r\n{title}
\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nexport default ProjectDelay;","import React from 'react';\r\nimport { formatNumber } from '@telerik/kendo-intl';\r\nimport { IsNullOrEmpty, FormatDate } from '../../../Basic/SDOExtension';\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\nimport ProjectFillBudgetExecService from '../ProjectFillBudgetExec/ProjectFillBudgetExecService';\r\n\r\n// 三、執行情形（三）預算執行情形\r\nexport const ProjectBudgetExec = (props) => {\r\n const { projectBudgetExec, title } = props;\r\n\r\n // 選單資料\r\n const [ddlData, setDdlData] = React.useState({\r\n IPCBGTEXECFAILED: [],\r\n IPCBGTEXECFAILEDDUTY: [],\r\n });\r\n\r\n const loadDdlData = async () => {\r\n let dropDowns = await ProjectFillBudgetExecService.getAllDdlData();\r\n if (dropDowns.length > 0) {\r\n setDdlData({\r\n // 原因 \r\n IPCBGTEXECFAILED: [...dropDowns[0]],\r\n // 責任歸屬\r\n IPCBGTEXECFAILEDDUTY: [...dropDowns[1]],\r\n });\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n loadDdlData();\r\n }, [projectBudgetExec])\r\n\r\n /**\r\n * 期間\r\n * @param {*} item \r\n * @returns \r\n */\r\n const periodCell = (item) => {\r\n return (\r\n{title}
\r\n \r\n \r\n )\r\n}\r\nexport default ProjectBudgetExec;","import React from 'react';\r\nimport { IsNullOrEmpty, FormatDate } from '../../../Basic/SDOExtension';\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\nimport { downProjectAttachment } from '../../../Basic/CommonService';\r\n\r\n// 三、執行情形（四）實地查證情形\r\nconst ProjectField = (props) => {\r\n const { projectField, title } = props;\r\n\r\n // 多行文字顯示欄位\r\n const textAreaWrapCell = (data) => {\r\n return (\r\n{title}
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProjectField;","import React from 'react';\r\nimport { IsNullOrEmpty, FormatDate } from '../../../Basic/SDOExtension';\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\n\r\n// 三、執行情形（五）其它資訊\r\nconst ProjectOther = (props) => {\r\n const { projectOther, title, checkList } = props;\r\n let count = 0;\r\n\r\n // 日期格式化\r\n const formatDate = (date) => {\r\n if (IsNullOrEmpty(date)) {\r\n return \"\"\r\n }\r\n else {\r\n return FormatDate(date, \"tYY/MM/DD\")\r\n }\r\n }\r\n\r\n // 招標情形\r\n const bid = () => {\r\n let result = projectOther.ProjectBid.map(x => {\r\n let detailType0Data = projectOther.ProjectBidDetail.filter(y => y.BID_KIND == x.BID_KIND && y.DETAIL_TYPE == 0);\r\n let detailType1Data = projectOther.ProjectBidDetail.filter(y => y.BID_KIND == x.BID_KIND && y.DETAIL_TYPE == 1);\r\n if (!IsNullOrEmpty(x.AWARD_BID_DATE) || !IsNullOrEmpty(x.BID_TENDER) ||\r\n detailType0Data.length != 0 || detailType1Data.length != 0) {\r\n return (\r\n \r\n )\r\n }\r\n });\r\n return result;\r\n }\r\n\r\n // 流標/廢標歷程\r\n const bidDetail = (data) => {\r\n if (data.length == 0) {\r\n return (\r\n{title}
\r\n {checkList[0] &&\r\n <>\r\n{++count}.招標情形
\r\n {bid()}\r\n \r\n }\r\n\r\n {checkList[1] &&\r\n <>\r\n{++count}.相關活動
\r\n {activity()}\r\n \r\n }\r\n\r\n {checkList[2] &&\r\n <>\r\n{++count}.相關審查
\r\n {review()}\r\n \r\n }\r\n\r\n {checkList[3] &&\r\n <>\r\n{++count}.廠商資訊
\r\n {tender()}\r\n \r\n }\r\n \r\n );\r\n}\r\n\r\nexport default ProjectOther;","import React from 'react';\r\nimport { IsNullOrEmpty, FormatDate } from '../../../Basic/SDOExtension';\r\nimport { downProjectAttachment } from '../../../Basic/CommonService';\r\nimport { formatNumber } from '@telerik/kendo-intl';\r\n\r\n// 三、執行情形（六）結案資料\r\nconst ProjectClose = (props) => {\r\n const { projectClose, title } = props;\r\n\r\n const gridData = [{\r\n DATA_DATE_SHOW: projectClose.DATA_DATE_SHOW,\r\n TOTAL_BUDGET: projectClose.TOTAL_BUDGET,\r\n TOTAL_ACTUAL_COMP: projectClose.TOTAL_ACTUAL_COMP,\r\n ACTUAL_PAY: projectClose.ACTUAL_PAY,\r\n UNPAY: projectClose.UNPAY,\r\n BALANCE: projectClose.BALANCE,\r\n MDF_DATE: projectClose.MDF_DATE\r\n }];\r\n\r\n // 數字格式化\r\n const formatNumberCell = (data) => {\r\n return (\r\n{title}
\r\n \r\n {/* 處理標格與標題之間的距離 */}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProjectClose;","import React from 'react';\r\nimport ProjectField from './ProjectField';\r\nimport { IsNullOrEmpty, FormatDate } from '../../../Basic/SDOExtension';\r\nimport { GetSetParam, downProjectAttachment } from \"../../../Basic/CommonService\";\r\nimport TextAreaWrapInput from '../../../Components/Input/TextAreaWrapInput';\r\nimport ProjectPrintService from './ProjectPrintService';\r\n\r\n// 四、管考備註\r\nconst ProjectAudit = (props) => {\r\n const { projectAudit, isRdecFun, isShowProjectField } = props;\r\n let count = 0;\r\n const numberList = [\"一\", \"二\", \"三\", \"四\"];\r\n\r\n // 下拉選單資料\r\n const [ddlData, setDdlData] = React.useState({\r\n SPEC_NOTE: [],\r\n COM_CONFERENCEGENRE: [],\r\n PROMERGESTATUS: [],\r\n COM_IPCMEMO: [],\r\n });\r\n // 年終考核type資料\r\n const type1 = projectAudit.ProjectCloseDetails.filter(x => x.CLOSE_DETAILS_TYPE == \"1\");\r\n const type2 = projectAudit.ProjectCloseDetails.filter(x => x.CLOSE_DETAILS_TYPE == \"2\");\r\n const type3 = projectAudit.DelayApply;\r\n const type4 = projectAudit.ProjectCloseDetails.filter(x => x.CLOSE_DETAILS_TYPE == \"4\");\r\n const type5 = projectAudit.ProjectMergeLog.filter(x => x.MERGE_STATUS == \"01\");\r\n const totalScore = (type2.length > 0 ? 5 : 0) + (5 * type3.length) + (3 * type4.length) + (type5.length > 0 ? 3 : 0);\r\n\r\n const loadAllDdl = async () => {\r\n let arr = [\r\n // 特殊加註\r\n GetSetParam(\"SPEC_NOTE\", \"\", true),\r\n // 會議種類\r\n GetSetParam(\"COM_CONFERENCEGENRE\", \"\", true),\r\n // 分案或併案\r\n GetSetParam(\"PROMERGESTATUS\", \"\", true),\r\n // 管考備註項目\r\n GetSetParam(\"COM_IPCMEMO\", \"\", true),\r\n ];\r\n let dropDowns = await ProjectPrintService.loadAllDropDowns(arr);\r\n if (dropDowns.length > 0) {\r\n setDdlData({\r\n // 特殊加註\r\n SPEC_NOTE: [...dropDowns[0]],\r\n // 會議種類\r\n COM_CONFERENCEGENRE: [...dropDowns[1]],\r\n // 分案或併案\r\n PROMERGESTATUS: [...dropDowns[2]],\r\n // 管考備註項目\r\n COM_IPCMEMO: [...dropDowns[3]],\r\n });\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n loadAllDdl();\r\n\r\n }, [])\r\n\r\n // 日期格式化\r\n const formatDate = (date) => {\r\n if (IsNullOrEmpty(date)) {\r\n return \"\"\r\n }\r\n else {\r\n return FormatDate(date, \"tYY/MM/DD\")\r\n }\r\n }\r\n\r\n // 期間\r\n const DateCell = (item) => {\r\n return (\r\n // YYY_MM\r\n四、管考備註
\r\n（{numberList[count++]}）平時管考意見
\r\n {auditOpinion()}\r\n {auditTable()}\r\n {isShowProjectField &&\r\n（{numberList[count++]}）年終考核意見
\r\n {close()}\r\n {isRdecFun &&\r\n <>\r\n（{numberList[count++]}）其他管考備註
\r\n \r\n \r\n }\r\n \r\n );\r\n}\r\n\r\nexport default ProjectAudit;","import React from 'react';\r\nimport { Button } from '@progress/kendo-react-buttons';\r\nimport { SetHistory, SignInStatusContext, HeaderFooterContext } from '../../../Basic/BasicData';\r\nimport { FormatDate, IsNullOrEmpty, SetMaskOnOff } from '../../../Basic/SDOExtension';\r\nimport CollapseBoardCard from '../../../Components/BoardCard/CollapseBoardCard';\r\nimport \"../../../Css/ProjectPrint.css\";\r\nimport ProjectPrintService from './ProjectPrintService';\r\nimport ProjectBasic from './ProjectBasic';\r\nimport ProjectCheckPoint from './ProjectCheckPoint';\r\nimport ProjectCkptCom from './ProjectCkptCom';\r\nimport ProjectExecute from './ProjectExecute';\r\nimport ProjectDelay from './ProjectDelay';\r\nimport ProjectBudgetExec from './ProjectBudgetExec';\r\nimport ProjectField from './ProjectField';\r\nimport ProjectOther from './ProjectOther';\r\nimport ProjectClose from './ProjectClose';\r\nimport ProjectAudit from './ProjectAudit';\r\nimport { getWorkStage } from '../ProjectChapter/ProjectChapterService';\r\nimport { DropDownListWithValue } from '../../../Components/Dropdowns/DropDownListWithValue';\r\nimport { GetStorageData } from '../../../Basic/CommonService';\r\nimport ReactHtmlParser from 'react-html-parser';\r\n\r\nconst ProjectPrint = (props) => {\r\n\r\n const {\r\n location: {\r\n state\r\n },\r\n location: {\r\n /**傳入的參數 */\r\n state: {\r\n projectNo,\r\n projectName,\r\n isRdecFun,\r\n isDiffCompare,\r\n checkedLog\r\n } = {\r\n projectNo: \"\",\r\n projectName: \"\",\r\n isRdecFun: \"\",\r\n isDiffCompare: \"\",\r\n checkedLog: null\r\n }\r\n }\r\n } = props;\r\n\r\n const { signInStatus, setSignInStatus } = React.useContext(SignInStatusContext);\r\n const { headerFooterStatus, setHeaderFooterStatus } = React.useContext(HeaderFooterContext);\r\n\r\n // 資料是否載入完成\r\n const [isDone, setIsDone] = React.useState(false);\r\n\r\n const [previewData, setPreviewData] = React.useState({\r\n // 基本資料\r\n ProjectBasicFill: {},\r\n // 檢核點設定(基本資料)\r\n ProjectCheckpoint: {},\r\n // 檢核點設定(執行情形)\r\n ProjectCkptCom: {},\r\n // 每月辦理情形(單筆)\r\n CheckProjectEngineeringProgress: {},\r\n // 每月辦理情形\r\n ProjectEngineeringProgress: [],\r\n // 落後原因分析\r\n ProjectDelay: [],\r\n // 預算執行情形\r\n ProjectBudgetExecute: [],\r\n // 實地查證情形\r\n ProjectFactFinding: [],\r\n // 其它資訊\r\n ProjectOther: {},\r\n // 結案資料\r\n ProjectClose: {},\r\n // 管考備註\r\n ProjectAudit: {},\r\n // 顯示清單\r\n ShowList: {},\r\n });\r\n\r\n // 紀錄查詢條件\r\n const [query, setQuery] = React.useState(\"\");\r\n // 查詢下拉選單資料\r\n const [ddlData, setDdlData] = React.useState([]);\r\n\r\n // 差異比對結果\r\n const [diffCompareResult, setDiffCompareResult] = React.useState([]);\r\n\r\n // 取得查詢下拉資料\r\n const getPrintDdlData = async () => {\r\n const { projectNo, isDiffCompare, isSSOLogin } = props.location.state;\r\n let queryDdlData = ProjectPrintService.getDdlData();\r\n if (isDiffCompare) {\r\n setQuery(\"A\");\r\n }\r\n else {\r\n const chapterDdlData = await getWorkStage(projectNo);\r\n if (chapterDdlData.filter(x => x.value == \"S2\").length > 0) {\r\n setDdlData(queryDdlData);\r\n setQuery(\"B\");\r\n }\r\n else {\r\n setDdlData(queryDdlData.filter(x => x.value == \"A\"));\r\n setQuery(\"A\");\r\n }\r\n }\r\n }\r\n\r\n // 取得預覽資料\r\n const loadData = async () => {\r\n SetMaskOnOff(true);\r\n if (isDiffCompare) {\r\n let result = await ProjectPrintService.getDiffCompare(getDiffCompareParam(\"html\"));\r\n setDiffCompareResult(result);\r\n } else {\r\n let data = await ProjectPrintService.getProjectPrint({ projectNo, query });\r\n setPreviewData(data);\r\n }\r\n setIsDone(true);\r\n SetMaskOnOff(false);\r\n }\r\n\r\n // 設定 location state\r\n const SetLocationState = () => {\r\n let data = GetStorageData(\"printInfo\");\r\n props.location.state = data;\r\n if (!signInStatus) {\r\n setSignInStatus();\r\n }\r\n if (!headerFooterStatus) {\r\n setHeaderFooterStatus(true);\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n SetHistory(props.history);\r\n SetLocationState();\r\n getPrintDdlData();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (!IsNullOrEmpty(query)) {\r\n loadData();\r\n }\r\n }, [query]);\r\n\r\n /**\r\n * 下載報表\r\n * @param {*} extension \r\n */\r\n const downRpt = (extension) => {\r\n let model = null;\r\n if (isDiffCompare) {\r\n model = getDiffCompareParam(extension);\r\n } else {\r\n model = {\r\n PROJECT_NO: projectNo,\r\n Extension: extension,\r\n Type: query,\r\n IsRdecFun: isRdecFun\r\n }\r\n }\r\n ProjectPrintService.downProjectPrint(model);\r\n }\r\n\r\n /**\r\n * 取得差異比對參數\r\n * @param {*} extension \r\n * @returns \r\n */\r\n const getDiffCompareParam = (extension) => {\r\n const data = {\r\n PROJECT_NO: projectNo,\r\n Extension: extension,\r\n Type: query,\r\n IsDiffCompare: true,\r\n LOG_ID: checkedLog\r\n }\r\n\r\n return data;\r\n }\r\n\r\n return (\r\n <>\r\n{projectName}
\r\n資料日期:{FormatDate(new Date(), 'tYY/MM/DD')}
\r\n三、執行情形
\r\n {/* （一）每月辦理情形 */}\r\n {previewData.ShowList.ProjectExecute &&\r\n