\n
\n \n );\n}\n\nDeliveryStaffCard.propTypes = {\n id: PropTypes.string,\n title: PropTypes.string,\n showMap: PropTypes.bool,\n data: PropTypes.object,\n collapseDirection: PropTypes.oneOf(['up', 'left']),\n};\n","import React, { useState, useEffect } from 'react';\nimport i18n from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nimport { formatAge, formatAddress, formatGender, formatEmergencyContact, formatTags } from 'utilities/format';\nimport InfoCard from './InfoCard';\nimport { request } from 'utilities/graph';\nimport { getElder } from 'graphql/queries';\nimport ElderEditButton from 'forms/ElderForm/ElderEditButton';\n\nexport default function ElderCard({ id, title = `${i18n.t('送餐對象')}資料`, data: inData, showMap = false, collapseDirection = 'up', ...props }) {\n const { t } = useTranslation();\n const [data, setData] = useState({});\n\n const mappings = [\n { key: 'name', label: '姓名' },\n { key: 'birthday', label: '年齡', format: formatAge },\n { key: 'phoneNumber', label: '電話' },\n { key: 'phoneNumber2', label: '電話2' },\n { key: 'phoneNumber3', label: '電話3' },\n { key: 'address', label: '地址', format: formatAddress, showMap },\n { key: 'tags', label: '標籤', format: formatTags },\n { key: 'noteForHealth', label: '健康備註' },\n { key: 'noteForMeal', label: `${t('餐點')}備註` },\n { key: 'noteForDelivery', label: `${t('送餐')}備註` },\n { key: 'note', label: '其他備註' },\n { key: 'otherSocialServices', label: '其它社會資源協助' },\n { key: 'emergencyContact', label: '緊急聯絡人', format: formatEmergencyContact },\n {\n key: 'isAllowedToEnterHome',\n label: '是否同意進入長輩家中',\n format(value) {\n return value ? '是' : '否';\n },\n },\n { key: 'gender', label: '性別', format: formatGender, expand: true },\n { key: 'relationshipToClient', label: '與客戶關係' },\n ];\n\n useEffect(() => {\n (async () => {\n if (inData) {\n setData(inData);\n } else\n if (id) {\n const { data: { getElder: data } } = await request(getElder, { id });\n setData(data);\n }\n })();\n }, [inData, id]);\n\n return (\n - \n {title &&\n
\n {collapseDirection === 'left' ?\n
\n }\n {(open || collapseDirection === 'up')&&\n \n {editButton && editButton({ item: data, onUpdate: (data) => onUpdate && onUpdate(data) })}\n \n {link &&
}\n\n \n {label}\n
\n \n );\n}\n\nChip.propTypes = {\n label: PropTypes.string,\n color: PropTypes.string,\n url: PropTypes.string,\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Chip from './Chip';\n\nexport default function TagChip({\n data,\n}) {\n const [value, setValue] = useState();\n\n useEffect(() => {\n if (!data) return;\n\n if (data.label) {\n if (data.subcategory) {\n setValue(`[${data.subcategory}] ${data.label}`);\n } else {\n setValue(data.label);\n }\n } else {\n // db lookup\n }\n }, [data]);\n\n if (!value) return null;\n\n return (\n \n {option}\n {description}\n
\n );\n }\n return (\n \n {!dateOnly &&\n
\n \n \n {isLoading &&
\n 點此或拖曳上傳圖片
}\n\n ![](\"/images/no-url-map.png\")
\n
);\n }\n\n return (\n \n \n
);\n }\n\n return (\n - \n {items.map((item, index)=>(\n
\n {info.content}\n
\n }\n \n \n {filteredOrderStatus.map(({ label, color, icon }, index) => (\n \n setActiveStep(index)}\n completed={completed[index]}\n >\n \n {label}\n \n \n \n ))}\n \n
\n );\n}\n\nOrderStatusProgress.propTypes = {\n status: PropTypes.string,\n onClick: PropTypes.func,\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { request } from 'utilities/graph';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport {\n adminUpdateOrder,\n} from 'graphql/mutations';\nimport { Semaphore } from 'async-mutex';\nimport LinearProgressWithLabel from 'components/LinearProgressWithLabel';\nimport { toastr } from 'react-redux-toastr';\n\nexport default function ResetCancelledOrderButton({\n onUpdate,\n ordersSelected,\n}) {\n const [open, setOpen] = useState(false);\n const [progress, setProgress] = useState(0);\n\n const onResetCancelledOrder = async () => {\n const ordersCancelled = ordersSelected.current.filter((order) => order.status === 'cancelled')\n .sort((a, b) => a.date > b.date ? 1 : -1);\n let orderProcessed = 0;\n const toUpdateData = [];\n\n if (ordersCancelled.some(({ orderGroupId }) => orderGroupId)) {\n toastr.error('無法重置多點配送訂單');\n return;\n }\n\n if (ordersCancelled.length !== 0) {\n let orderDuration = `修改訂單的送餐日期範圍：${ordersCancelled[0].date} 至 ${ordersCancelled[ordersCancelled.length - 1].date}`;\n if (ordersCancelled[0].date === ordersCancelled[ordersCancelled.length - 1].date) {\n orderDuration = `修改訂單的送餐日期：${ordersCancelled[0].date}`;\n }\n if (window.confirm(`共${ordersCancelled.length}筆已取消的訂單, 確定要修改這${ordersCancelled.length}筆訂單?\\n${orderDuration}`)) {\n setOpen(true);\n const s = new Semaphore(10);\n await Promise.all(ordersCancelled.map((order) =>\n s.runExclusive(async () => {\n const data = {\n id: order.id,\n restaurantId: order.restaurantId,\n deliveryBy: order.deliveryBy,\n status: order.deliveryStaffId ? 'ready' : 'waitingForDeliveryStaff',\n tier: order.tier,\n cancellationReason: undefined,\n cancellationNote: undefined,\n };\n try {\n await request(adminUpdateOrder, { input: { orders: [data] } });\n toUpdateData.push(data);\n } catch (e) {\n console.log(e);\n if (e.errors && e.errors[0] && e.errors[0].message) {\n toastr.error(e.errors[0].message);\n }\n }\n orderProcessed += 1;\n setProgress(orderProcessed * 100 / ordersCancelled.length);\n }),\n ));\n onUpdate && onUpdate(toUpdateData);\n setOpen(false);\n }\n } else {\n toastr.error('選擇的訂單中沒有已取消的訂單');\n }\n };\n\n return (\n <>\n \n \n
}\n \n {textButton ?\n \n 確認付款（LINE Pay）\n {isLoading && \n }\n :\n \n 
\n {isLoading && \n }\n }\n
\n );\n}\n\nLinePayButton.propTypes = {\n disabled: PropTypes.bool,\n order: PropTypes.object,\n onComplete: PropTypes.func,\n redirectPath: PropTypes.string,\n reportLoading: PropTypes.func,\n textButton: PropTypes.bool,\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport querystring from 'query-string';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport Typography from '@material-ui/core/Typography';\n\nimport { request } from 'utilities/graph';\nimport { newebPayGetTradePostData, newebPayConfirmTransaction } from 'graphql/mutations';\nimport cache from 'utilities/cache';\n\nexport default function NewebPayButton({\n order = {},\n redirectPath,\n clientBackPath,\n email,\n onComplete,\n disabled,\n reportLoading,\n textButton = false,\n}) {\n const [isLoading, setIsLoading] = useState(true);\n\n const handleClick = async () => {\n setIsLoading(true);\n reportLoading(true);\n cache.set('public:menu-payment-service', 'newebpay');\n try {\n const clientId = cache.get('app:clientId');\n const {\n subTotal,\n discount,\n discountRule,\n amount,\n description,\n category,\n items,\n } = order;\n\n const input = {\n clientId,\n subTotal,\n discount,\n discountRule,\n amount,\n description,\n category,\n items,\n redirectPath,\n clientBackPath,\n email,\n };\n\n const {\n data: { newebPayGetTradePostData: { data: newebPayGetTradePostDataResult } },\n } = await request(newebPayGetTradePostData, { input });\n const postData = JSON.parse(newebPayGetTradePostDataResult);\n const form = document.createElement('form');\n form.method = 'POST';\n form.action = postData.url;\n\n Object.keys(postData.data).forEach((key) => {\n const inputNewebPay = document.createElement('input');\n inputNewebPay.type = 'hidden';\n inputNewebPay.name = key;\n inputNewebPay.value = postData.data[key];\n form.appendChild(inputNewebPay);\n });\n document.body.appendChild(form);\n form.submit();\n } catch (e) {\n global.logger.error(e);\n } finally {\n setTimeout(() => {\n setIsLoading(false);\n reportLoading(false);\n }, 1000);\n }\n };\n\n const handleConfirm = async (transactionId) => {\n setIsLoading(true);\n reportLoading(true);\n try {\n const { data: { newebPayConfirmTransaction: { data: newebPayConfirmTransactionResult } } } = await request(newebPayConfirmTransaction, {\n input: {\n transactionId,\n },\n });\n\n const {\n status,\n } = JSON.parse(newebPayConfirmTransactionResult);\n\n global.logger.debug({\n status,\n });\n if (status === 'approved') {\n onComplete({ id: transactionId });\n }\n } catch (e) {\n global.logger.error(e);\n } finally {\n setTimeout(() => {\n setIsLoading(false);\n reportLoading(false);\n }, 1000);\n }\n };\n\n useEffect(() => {\n const { transactionId } = querystring.parse(window.location.search);\n const paymentService = cache.get('public:menu-payment-service');\n if (paymentService === 'newebpay' && transactionId) {\n return handleConfirm(transactionId);\n } else {\n setIsLoading(false);\n reportLoading(false);\n }\n }, []);\n\n return (\n \n {isLoading && \n {textButton ?\n \n 確認付款（信用卡或網路ATM）\n {isLoading && \n }\n :\n \n 信用卡或網路ATM (使用藍新金流) \n {isLoading && \n }\n \n }\n
\n );\n}\n\nNewebPayButton.propTypes = {\n disabled: PropTypes.bool,\n order: PropTypes.object,\n onComplete: PropTypes.func,\n redirectPath: PropTypes.string,\n clientBackPath: PropTypes.string,\n email: PropTypes.string,\n reportLoading: PropTypes.func,\n textButton: PropTypes.bool,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\n\nimport { processStatus } from '@silvergatedelivery/constants';\n\nconst useStyles = makeStyles((theme) => ({\n mapContainer: {\n flex: 1,\n },\n actionContainer: {\n padding: theme.spacing(2),\n },\n chip: {\n height: 22,\n margin: 2,\n fontWeight: 'bold',\n },\n}));\n\nexport default function ProcessStatusChip({ status }) {\n const classes = useStyles();\n\n const matched = processStatus.find((item) => item.value === status);\n const label = matched ? matched.label : 'N/A';\n const backgroundColor = matched ? matched.color : undefined;\n const color = backgroundColor ? '#fff' : undefined;\n\n return (\n \n \n {`此週期性排單30天內有${toCancelOrders.length}張訂單，按下確定後會取消這些訂單`}\n \n \n {cancelOrdersProgress !== 0 &&\n \n }\n
\n }\n {toCreateOrders.length !== 0 &&\n \n \n
\n \n \n {tabs.map(({ label }, index) => (\n \n {component}\n \n ))}\n
\n );\n}\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.array,\n isNested: PropTypes.bool,\n defaultTabIndex: PropTypes.number,\n padding: PropTypes.number,\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\n\nimport Table from 'components/Table/Table';\nimport { asyncListAll } from 'utilities/graph';\n// import FormDialog from 'components/FormDialog';\nimport { sortBy } from 'utilities/sorting';\nimport QueryGenerator from 'components/QueryGenerator';\n// import { Colors } from '@silvergatedelivery/constants';\n\nexport default function DataTable({\n data: inData,\n indexes,\n defaultIndex,\n queryDefaultParams = {},\n title = '資料',\n description,\n columns,\n options,\n listQuery,\n listQueries,\n queryFunc,\n disableUpdate,\n padding = 16,\n dataSortFunc,\n showQueryGenerator = true,\n onDataSelectionChange,\n customToolbarSelect,\n customDownloadData,\n children,\n onRefresh,\n onParamChange,\n ...props\n}) {\n const [data, setData] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [lastUpdatedAt, setLastUpdatedAt] = useState();\n const [params, setParams] = useState();\n // const [open, setOpen] = useState(false);\n // const [editItem, setEditItem] = useState();\n\n const handleUpdate = (items) => {\n setData([...items]);\n };\n\n useEffect(() => {\n if (inData) {\n setData(inData);\n return;\n }\n\n if (!listQuery && !listQueries && !queryFunc) {\n setData([]);\n return;\n }\n\n (async () => {\n try {\n setIsLoading(true);\n\n let records = [];\n\n if (listQuery) {\n records = await asyncListAll(listQuery.name, listQuery.params);\n } else\n if (listQueries) {\n await Promise.all(listQueries.map(async (listQuery) => {\n const data = await asyncListAll(listQuery.name, listQuery.params);\n records = [...records, ...data];\n }));\n } else\n if (queryFunc) {\n records = await queryFunc();\n } else {\n records = [];\n }\n\n setData(records.sort(dataSortFunc ? dataSortFunc : sortBy('createdAt', true)));\n\n // testing\n if (process.env.NODE_ENV === 'development') {\n // setOpen(true);\n // setEditItem(records[0]);\n }\n } catch (e) {\n global.logger.error(e);\n } finally {\n setIsLoading(false);\n }\n })();\n }, [inData, lastUpdatedAt, listQuery, listQueries, queryFunc, dataSortFunc]);\n\n const onRowSelectionChange = (_currentRowsSelected, _allRowsSelected, rowsSelected) => {\n if (onDataSelectionChange) {\n onDataSelectionChange(data.filter((_d, index) => rowsSelected.includes(index)));\n }\n };\n\n // global.logger.debug('indexes', { indexes, queryDefaultParams });\n\n return (\n \n {x}\n
\n )):\n children}\n \n {\n EditButton ? {\n if (onUpdateItem) {\n onUpdateItem(data[dataIndex], dataIndex);\n }\n }}\n >\n
\n );\n },\n },\n });\n }\n\n newColumns\n .map((column, index) => {\n if (!Object.prototype.hasOwnProperty.call(column, 'options')) {\n column.options = {};\n }\n return column;\n })\n .forEach(({ name, type, options = {} }) => {\n switch (type) {\n case 'actions':\n break;\n case 'datetime':\n options.customBodyRender = (value) => {\n if (!value) return '';\n\n if (value === 'N/A') return '';\n\n if (Number.isInteger(value) && value < 9999999999) {\n value = value * 1000;\n }\n\n // if (!moment(value, 'DD-MM-YYYY', true).isValid()) return '';\n\n return (\n \n {moment(value).tz(TIME_ZONE).format('YYYY/MM/DD')}
\n {moment(value).tz(TIME_ZONE).format('HH:mm')}\n
);\n };\n break;\n case 'time':\n options.customBodyRender = (value) => {\n if (!value) return '';\n\n if (value === 'N/A') return '';\n\n if (Number.isInteger(value) && value < 9999999999) {\n value = value * 1000;\n }\n\n return moment(value).tz(TIME_ZONE).format('HH:mm');\n };\n break;\n case 'expirationUnixTime':\n options.customBodyRender = (value) => {\n if (!value) return '';\n\n if (value === 'N/A') return '';\n\n if (Number.isInteger(value) && value < 9999999999) {\n value = value * 1000;\n }\n\n // if (!moment(value, 'DD-MM-YYYY', true).isValid()) return '';\n\n return (\n \n {moment(value).tz(TIME_ZONE).format('HH:mm')}\n
\n {formatDatetimeFromNow(value)}\n
);\n };\n break;\n case 'id':\n options.customBodyRenderLite = (value) => {\n return (\n \n {!isNaN(val) ? new Intl.NumberFormat().format(val) : 'N/A'}\n
\n );\n break;\n case 'currency':\n options.customBodyRender = (val) => (\n \n {new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(val).replace('.00', '')}\n
\n );\n break;\n case 'currency-cents':\n options.customBodyRender = (val) => (\n \n {new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(val/100).replace('.00', '')}\n
\n );\n break;\n case 'boolean':\n options.customBodyRender = (val) => val ? '是' : '否';\n break;\n case 'json':\n options.customBodyRender = (input) => {\n try {\n let jsonObj = input;\n while (typeof jsonObj === 'string') {\n jsonObj = JSON.parse(jsonObj);\n }\n return \n {isLoading &&\n
\n \n
}\n \n container= el}>\n \n
\n );\n}\n\nTerms.propTypes = {\n filename: PropTypes.string.isRequired,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\n\nimport { uberOrderStatus } from '@silvergatedelivery/constants';\n\nconst useStyles = makeStyles((theme) => ({\n mapContainer: {\n flex: 1,\n },\n actionContainer: {\n padding: theme.spacing(2),\n },\n chip: {\n height: 22,\n margin: 2,\n fontWeight: 'bold',\n },\n}));\n\nexport default function UberOrderStatusChip({ status }) {\n const classes = useStyles();\n\n const matchedOrderStatus = uberOrderStatus.find((item) => item.value === status);\n const label = matchedOrderStatus ? matchedOrderStatus.label : 'N/A';\n const backgroundColor = matchedOrderStatus ? matchedOrderStatus.color : undefined;\n const color = backgroundColor ? '#fff' : undefined;\n\n return (\n \n {\n container && Array.from(\n new Array(numPages),\n (el, index) => (\n false}\n width={container.offsetWidth}\n // https://github.com/wojtekmaj/react-pdf/issues/695#issuecomment-768922757\n renderMode={'svg'}\n scale={1}\n />\n ),\n )\n }\n \n
\n \n {option}\n {description}\n
\n );\n }\n return (\n \n `${x}`)}\n getOptionLabel={(x) => `${x}`}\n values={getConfigurationValues('送餐費用選單')}\n value={deliveryStaffFee}\n label={t('送餐費用')}\n InputLabelProps={{ shrink: true }}\n inputProps={{ min: 0 }}\n freeSolo={true}\n onChange={(x) => {\n const value = x ? parseFloat(x) : '';\n setDeliveryStaffFee(value);\n handleUpdate({\n deliveryStaffFee: value,\n });\n }}\n onWheel={(e) => e.currentTarget.blur()}\n />\n
\n \n \n \n {targetClientId && targetClientId !== 'N/A' &&\n \n setSettingName(e.target.value)}\n placeholder='請輸入送餐設定的名稱'\n />\n }\n \n name)}\n values={deliveryGroupOptions.map(({ id }) => id)}\n required={false}\n value={deliveryGroupId}\n label={t('送餐群組')}\n onChange={(newItem) => {\n setOrders([]);\n\n setDeliveryGroupId(newItem);\n\n const orders = elderDeliveryGroups\n .filter(({ deliveryGroupId }) => deliveryGroupId === newItem)\n .sort((sortBy('sortOrder')))\n .map(({ elderId, sortOrder }) => {\n const elder = elderOptions.find(({ id }) => id === elderId);\n if (elder) {\n const { id, noteForDelivery, noteForMeal, note } = elder;\n return getSampleOrder({\n elderId: id,\n noteForDelivery,\n noteForMeal,\n note,\n deliveryGroupId: newItem,\n deliveryGroupSortOrder: sortOrder,\n });\n } else {\n // 長輩不存在 或 已停用\n return null;\n }\n })\n .filter((x) => x);\n\n setTimeout(()=>{\n setOrders([...orders]);\n handleUpdate(orders);\n }, 200);\n }}\n checkError={true}\n />\n \n\n \n (`${address.county} - ${name}`))}\n values={restaurantOptions.map(({ id }) => id)}\n required={true}\n value={defaultRestaurantId}\n label={`預設${t('餐廳')}`}\n onChange={async (newItem)=>{\n setDefaultRestaurantId(newItem);\n const restaurantSelected = restaurantOptions.find((restaurantOption) => restaurantOption.id === newItem);\n setOpeningHours(restaurantSelected ? restaurantSelected.openingHours : undefined);\n if (newItem && (!restaurantMealOptions[newItem] || !restaurantHolidays[newItem])) {\n const start = moment().tz(TIME_ZONE).year();\n const end = start + 1;\n const [mealOptions, holidays] = await Promise.all([\n await asyncListAll(getRestaurantMealsByRestaurantByIsActive, { restaurantId: newItem }),\n await asyncListAll(getRestaurantHolidayByRestaurantByYear, {\n restaurantId: newItem,\n year: {\n between: [start, end],\n },\n }),\n ]);\n restaurantMealOptions[newItem] = mealOptions;\n setRestaurantMealOptions({ ...restaurantMealOptions });\n restaurantHolidays[newItem] = holidays;\n setRestaurantHolidays({ ...restaurantHolidays });\n }\n }}\n checkError={true}\n />\n \n\n \n ({\n label: meal.name,\n description: `進價：$${meal.cost || 0}, 單價：${meal.price || 0}`,\n })) : []}\n defaultValues={[]}\n onChange={(newMealItemNames) => setDefaultMealItemNames(newMealItemNames.map(({ label }) => label))}\n onUpdateOptions={() => {}}\n showHelperText={false}\n disabled={!defaultRestaurantId}\n />\n \n\n \n description)}\n required={false}\n freeSolo\n value={defaultCategory}\n label=\"預設訂單類別\"\n onChange={(value)=>{\n setDefaultCategory(value);\n }}\n checkError={true}\n />\n \n\n \n {\n setDefaultDeliveryStaffId(newItem);\n }}\n checkError={true}\n />\n \n \n \n {\n setDefaultLunchs(items);\n }}\n />\n \n \n {\n setDefaultDinners(items);\n }}\n />\n \n \n\n {orders.map((order, orderIndex) => (\n \n {\n orders.splice(orderIndex, 1);\n setOrders([...orders]);\n handleUpdate(orders);\n }}\n onUpdate={(updatedOrder) => {\n order = updatedOrder;\n handleUpdate(orders);\n }}\n elderOptions={elderOptions}\n restaurantOptions={restaurantOptions}\n restaurantMealOptions={restaurantMealOptions}\n deliveryStaffOptions={deliveryStaffOptions}\n orderConfigurations={orderConfigurations}\n defaultLunchs={defaultLunchs}\n defaultDinners={defaultDinners}\n defaultRestaurantId={defaultRestaurantId}\n defaultDeliveryStaffId={defaultDeliveryStaffId}\n defaultMealItemNames={defaultMealItemNames}\n defaultCategory={defaultCategory}\n defaultOpeningHours={openingHours}\n defaultRestaurantHolidays={restaurantHolidays}\n showMap={showMap}\n unlockDates={unlockDates}\n />\n \n ))}\n\n
\n \n setSettingAnchorEl(null)}\n getContentAnchorEl={null}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'center',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'center',\n }}\n >\n {batchOrderSettingOptions.sort(sortBy('name')).map((item) => {\n return (\n {\n onSettingChange(item);\n setSettingAnchorEl(null);\n }}\n disabled={item.name === originalSettingName}\n >\n {item.name}\n \n );\n })}\n \n
\n \n \n \n 新設定 \n
\n \n \n \n 開啟設定 \n
\n \n \n 儲存設定 \n
\n \n name === settingName)}>\n \n 刪除設定 \n
\n \n {\n orders.push(getSampleOrder());\n setOrders([...orders]);\n handleUpdate(orders);\n }}\n >\n {`新增${t('送餐對象')}`}\n \n
\n \n 下次週期性排單將新增{moment().add(31, 'days').format('LL')}的訂單\n
\n {allFormData.map((formDataItem, index)=>(\n \n {message}\n
\n - \n {rawErrors.map((error, i) => {\n return (\n
\n {!addressLiteVersion && \n 按下顯示詳細地圖，在google地圖上按下滑鼠右鍵可以取得經緯度\n }\n
\n )}\n\n {children}\n\n {!hideSubmitButton &&\n {errorMessage}
}\n \n );\n});\n\nDataForm.propTypes = {\n schema: PropTypes.object,\n uiSchema: PropTypes.object,\n createFunc: PropTypes.func,\n updateFunc: PropTypes.func,\n formData: PropTypes.object,\n onComplete: PropTypes.func,\n onChange: PropTypes.func,\n children: PropTypes.any,\n hideSubmitButton: PropTypes.bool,\n dirty: PropTypes.bool,\n extMappings: PropTypes.array,\n extUiMappings: PropTypes.array,\n targetZipcodes: PropTypes.array,\n addressLiteVersion: PropTypes.bool,\n disabled: PropTypes.bool,\n};\n\nexport default DataForm;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport i18n from 'i18next';\nimport EditButton from '../components/EditButton';\nimport DeliverStaffForm from './DeliverStaffForm';\n\nexport default function DeliverStaffEditButton({ ...props }) {\n if (props.mode === 'add') {\n return null;\n }\n\n return (\n \n \n {isLoading &&
\n 點此或拖曳上傳圖片
}\n- \n {items.sort((a, b) => a.label > b.label)\n .map((value) => {\n const display = value.label;\n const labelId = `transfer-list-item-${display}-label`;\n const isPublic = publicRestaurantIds.some((id) => id === value.id);\n\n return (\n
- \n {items.sort((a, b) => a.label > b.label)\n .map((value) => {\n const display = value.name;\n const labelId = `transfer-list-item-${display}-label`;\n\n return (\n
\n {adminMode &&\n
\n );\n}\n\n\nFacilityClientEditButton.propTypes = {\n mode: PropTypes.string,\n};\n","import i18n from 'i18next';\nimport { reportTypes, supportedPartners } from '@silvergatedelivery/constants';\n\nconst schema = {\n 'title': '基本資料',\n 'type': 'object',\n 'required': [\n 'isActive', 'type', 'usersLimit', 'eldersLimit',\n 'name', 'phoneNumber', 'email', 'county', 'translation',\n ],\n 'definitions': {\n 'registerSteps': {\n 'enumNames': [\n '輸入地址',\n '輸入相關經驗和自我介紹',\n '輸入緊急聯絡人',\n '輸入銀行帳號',\n ],\n 'enum': ['Address', 'Introduction', 'EmergencyContact', 'BankAccount'],\n },\n 'reportTypes': {\n 'enumNames': reportTypes.map(({ label }) => label),\n 'enum': reportTypes.map(({ value }) => value),\n },\n 'supportedPartners': {\n 'enumNames': supportedPartners.map(({ label }) => label),\n 'enum': supportedPartners.map(({ value }) => value),\n },\n },\n 'properties': {\n 'isActive': {\n 'type': 'number',\n 'title': '狀態',\n 'enum': [0, 1, 2],\n 'enumNames': ['待審核', '使用中', '已停用'],\n 'default': 1,\n },\n 'type': {\n 'type': 'string',\n 'title': '類別',\n 'enum': ['facility'],\n 'enumNames': ['機構'],\n 'default': 'facility',\n },\n 'county': {\n 'type': 'string',\n 'title': '所在縣市',\n },\n 'translation': {\n 'type': ['string', 'null'],\n 'title': '介面用詞',\n 'enum': ['silvergate', 'medical'],\n 'enumNames': ['長照送餐', '到府醫療'],\n 'default': 'silvergate',\n },\n 'usersLimit': {\n 'type': 'number',\n 'title': '可登入帳號上限',\n 'default': 1,\n },\n 'eldersLimit': {\n 'type': 'number',\n 'title': `可擁有${i18n.t('送餐對象')}上限`,\n 'default': 1,\n },\n 'name': {\n 'type': 'string',\n 'title': '姓名/名稱',\n },\n 'username': {\n 'type': ['string', 'null'],\n 'title': '登入帳號',\n },\n 'contact': {\n 'type': ['string', 'null'],\n 'title': '聯絡人姓名',\n },\n 'email': {\n 'type': 'string',\n 'title': 'Email',\n 'format': 'email',\n },\n 'phoneNumber': {\n 'type': 'string',\n 'title': '電話號碼',\n },\n 'phoneNumber2': {\n 'type': ['string', 'null'],\n 'title': '電話號碼2',\n },\n 'phoneNumber3': {\n 'type': ['string', 'null'],\n 'title': '電話號碼3',\n },\n 'basicFee': {\n 'type': ['number', 'null'],\n 'title': `基本里程${i18n.t('送餐費用')}`,\n 'default': 50,\n },\n 'basicDistanceInKM': {\n 'type': ['number', 'null'],\n 'title': '基本里程公里數',\n 'default': 5,\n },\n 'extraFeeInKM': {\n 'type': ['number', 'null'],\n 'title': `額外里程每公里${i18n.t('送餐費用')}`,\n 'default': 5,\n },\n 'extraFee': {\n 'type': ['number', 'null'],\n 'title': '運費加成',\n 'default': 0,\n },\n 'platformFee': {\n 'type': ['number', 'null'],\n 'title': '平台費',\n 'default': 0,\n },\n 'featureConfiguration': {\n 'required': [],\n 'type': ['object', 'null'],\n 'title': '',\n 'properties': {\n 'skipDocumentsUpload': {\n 'type': 'boolean',\n 'title': `${i18n.t('送餐大使')}註冊時不需要上傳相關文件`,\n 'default': false,\n },\n 'hideSToken': {\n 'type': 'boolean',\n 'title': `${i18n.t('送餐大使')}APP不顯示S Token資訊`,\n 'default': false,\n },\n 'useDedicatedDeliveryStaffs': {\n 'type': 'boolean',\n 'title': `限制該機構所屬的${i18n.t('送餐大使')}只能點選同機構的訂單`,\n 'description': `該機構的訂單也將只能由所屬之${i18n.t('送餐大使')}所承接`,\n 'default': false,\n },\n 'dementiaQuestionnaire': {\n 'type': 'boolean',\n 'title': '參加失智防治推廣問卷調查',\n 'default': false,\n },\n 'skipRegisterSteps': {\n 'type': 'array',\n 'uniqueItems': true,\n 'title': `${i18n.t('送餐大使')}註冊時省略過下列註冊步驟`,\n 'items': { '$ref': '#/definitions/registerSteps' },\n 'default': [],\n },\n 'supportNumber': {\n 'type': ['string', 'null'],\n 'title': `客服電話號碼`,\n 'default': '',\n },\n 'reportTypes': {\n 'type': 'array',\n 'uniqueItems': true,\n 'title': '報表種類',\n 'items': { '$ref': '#/definitions/reportTypes' },\n 'default': [],\n },\n 'supportedPartners': {\n 'type': 'array',\n 'uniqueItems': true,\n 'title': '第三方送餐',\n 'items': { '$ref': '#/definitions/supportedPartners' },\n 'default': [],\n },\n 'customizeDisadvantagedSettings': {\n 'type': ['array', 'null'],\n 'title': '弱勢身份別',\n 'items': {\n 'type': 'string',\n 'default': '',\n },\n 'default': [],\n },\n },\n },\n 'address': {\n 'title': '地址',\n 'type': 'object',\n },\n },\n};\n\nexport default schema;\n","import React, { useMemo, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport DataForm from 'forms/DataForm';\nimport { request } from 'utilities/graph';\nimport { updateFacilitySettings, createFacilitySettings, updateClient } from 'graphql/mutations';\nimport ImageGalleryUploader from 'components/ImageGalleryUploader';\nimport { useCache } from 'CacheProvider';\nimport moment from 'moment-timezone';\nimport cache from 'utilities/cache';\nimport uiSchema from './uiSchema';\nimport { getCustomizeDisadvantagedSettingsSchema } from 'forms/schemas';\n\nexport default function FacilitySettingsForm({ formData: inFormData, ...props }) {\n // load here for translation purpose\n const { default: schema } = useMemo(() => require('./schema.js'), []);\n const [currentImageLogoS3Keys, setCurrentImageLogoS3Keys] = useState([]);\n const [currentImageCompanyStampS3Keys, setCurrentImageCompanyStampS3Keys] = useState([]);\n const [currentImageChairmanStampS3Keys, setCurrentImageChairmanStampS3Keys] = useState([]);\n const [currentImageAccountantStampS3Keys, setCurrentImageAccountantStampS3Keys] = useState([]);\n const [currentImageHandlerStampS3Keys, setCurrentImageHandlerStampS3Keys] = useState([]);\n const [newImageLogoS3Keys, setNewImageLogoS3Keys] = useState([]);\n const [newImageCompanyStampS3Keys, setNewImageCompanyStampS3Keys] = useState([]);\n const [newImageChairmanStampS3Keys, setNewImageChairmanStampS3Keys] = useState([]);\n const [newImageAccountantStampS3Keys, setNewImageAccountantStampS3Keys] = useState([]);\n const [newImageHandlerStampS3Keys, setNewImageHandlerStampS3Keys] = useState([]);\n const { appGroup, setLogoS3Keys, selectedUserGroupParams, setSelectedUserGroupParams } = useCache();\n const [formData, setFormData] = useState();\n const facilityMode = appGroup === 'FacilityAdmins';\n\n useEffect(() => {\n if (inFormData?.facilitySettings?.logoS3Keys && inFormData.facilitySettings.logoS3Keys[0]) {\n setCurrentImageLogoS3Keys(inFormData.facilitySettings.logoS3Keys);\n setNewImageLogoS3Keys(inFormData.facilitySettings.logoS3Keys);\n }\n if (inFormData?.facilitySettings?.companyStampS3Keys && inFormData.facilitySettings.companyStampS3Keys[0]) {\n setCurrentImageCompanyStampS3Keys(inFormData.facilitySettings.companyStampS3Keys);\n setNewImageCompanyStampS3Keys(inFormData.facilitySettings.companyStampS3Keys);\n }\n if (inFormData?.facilitySettings?.chairmanStampS3Keys && inFormData.facilitySettings.chairmanStampS3Keys[0]) {\n setCurrentImageChairmanStampS3Keys(inFormData.facilitySettings.chairmanStampS3Keys);\n setNewImageChairmanStampS3Keys(inFormData.facilitySettings.chairmanStampS3Keys);\n }\n if (inFormData?.facilitySettings?.accountantStampS3Keys && inFormData.facilitySettings.accountantStampS3Keys[0]) {\n setCurrentImageAccountantStampS3Keys(inFormData.facilitySettings.accountantStampS3Keys);\n setNewImageAccountantStampS3Keys(inFormData.facilitySettings.accountantStampS3Keys);\n }\n if (inFormData?.facilitySettings?.handlerStampS3Keys && inFormData.facilitySettings.handlerStampS3Keys[0]) {\n setCurrentImageHandlerStampS3Keys(inFormData.facilitySettings.handlerStampS3Keys);\n setNewImageHandlerStampS3Keys(inFormData.facilitySettings.handlerStampS3Keys);\n }\n if (inFormData) {\n if (inFormData.facilitySettings) {\n setFormData(inFormData);\n } else {\n setFormData({\n ...inFormData,\n facilitySettings: { // 避免rjsf跳出格式檢查錯誤\n lunchStartTime: null,\n lunchEndTime: null,\n dinnerStartTime: null,\n dinnerEndTime: null,\n deliverySetting: null,\n receiptInfo: null,\n },\n });\n }\n }\n }, [inFormData]);\n\n const updateFunc = async (data) => {\n data.facilitySettings.logoS3Keys = newImageLogoS3Keys;\n data.facilitySettings.companyStampS3Keys = newImageCompanyStampS3Keys;\n data.facilitySettings.chairmanStampS3Keys = newImageChairmanStampS3Keys;\n data.facilitySettings.accountantStampS3Keys = newImageAccountantStampS3Keys;\n data.facilitySettings.handlerStampS3Keys = newImageHandlerStampS3Keys;\n if (facilityMode) {\n setLogoS3Keys([...newImageLogoS3Keys]);\n }\n if (data.facilitySettings.id) {\n await request(updateFacilitySettings, { input: data.facilitySettings });\n } else {\n const now = moment().toISOString();\n const userName = cache.get('app:userName');\n Object.assign(data.facilitySettings, {\n createdAt: now,\n createdBy: userName,\n updatedAt: now,\n updatedBy: userName,\n });\n const { data: { createFacilitySettings: { id: facilitySettingsId } } } =\n await request(createFacilitySettings, { input: data.facilitySettings });\n data.facilitySettings.id = facilitySettingsId;\n await request(updateClient, { input: {\n id: data.id,\n type: data.type,\n isActive: data.isActive,\n county: data.county,\n name: data.name,\n address: data.address,\n email: data.email,\n usersLimit: data.usersLimit,\n eldersLimit: data.eldersLimit,\n createdAt: data.createdAt,\n createdBy: data.createdBy,\n updatedAt: now,\n updatedBy: userName,\n facilitySettingsId: facilitySettingsId,\n } });\n }\n if (facilityMode) {\n selectedUserGroupParams.clientData.facilitySettings = data.facilitySettings;\n setSelectedUserGroupParams(selectedUserGroupParams);\n }\n };\n\n if (!formData) {\n return <>;\n }\n\n return (\n - \n {items.sort((a, b) => parseInt(a.zipCode, 10) - parseInt(b.zipCode, 10))\n .map((value) => {\n const display = `${value.zipCode} ${value.county}${value.district}`;\n const labelId = `transfer-list-item-${display}-label`;\n\n return (\n
\n {\n const adminMode = appGroup === 'Admins';\n return getClientIdSchema(clientId, '所屬機構', false, adminMode, false);\n },\n }]}\n {...props}\n >\n \n 公休日\n \n \n 在上述設定營業時間中如有休假，請設定公休日\n \n \n \n \n 服務範圍\n \n \n \n\n \n 標籤\n \n \n {\n Object.keys(allTags['餐廳']).map((key)=>(\n \n tag.subcategory === key) : []}\n defaultValues={tags ? tags.items.filter(({ tag }) => tag.subcategory === key).map(({ tag }) => tag.label) : []}\n onChange={(newTags) => onChangeTags(key, newTags)}\n onUpdateOptions={() => {}}\n disabled={isLoading}\n showHelperText={false}\n />\n \n ))\n }\n \n \n \n \n
\n );\n}\n\nRestaurantForm.propTypes = {\n data: PropTypes.object,\n formData: PropTypes.object,\n onComplete: PropTypes.func,\n};\n","import React from 'react';\nimport i18n from 'i18next';\nimport EditButton from '../components/EditButton';\nimport RestaurantForm from './RestaurantForm';\n\nexport default function RestaurantEditButton({ ...props }) {\n return (\n \n {option}\n {description}\n
\n );\n }\n return (\n \n \n \n {label}\n \n \n 全選\n \n }\n style={{ marginLeft: 10 }}\n />\n \n {options.enumOptions.map((option) => (\n handleChange(option.value)}\n />}\n label={\n \n {option.label}\n \n }\n />\n ))}\n
\n );\n};\n\nCheckboxesWithSelectAll.propTypes = {\n options: PropTypes.object,\n label: PropTypes.string,\n value: PropTypes.array,\n onChange: PropTypes.func,\n};\n\nexport default CheckboxesWithSelectAll;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Button from '@material-ui/core/Button';\nimport EditIcon from '@material-ui/icons/Edit';\nimport AddIcon from '@material-ui/icons/Add';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport FormDialog from 'components/FormDialog';\n\nexport default function EditButton({\n title,\n mode = 'edit',\n type = 'icon',\n size = 'small',\n variant = 'text',\n item,\n onUpdate,\n fullScreen = false,\n open: inOpen = false,\n color = 'inherit',\n exitConfirm = false,\n tooltip,\n ...props // form\n}) {\n const [open, setOpen] = useState(inOpen);\n const [editItem, setEditItem] = useState();\n\n const tooltipLabel = tooltip || (mode === 'edit' ? '修改資料' : '新增資料');\n\n return (\n \n \n {filteredRoutes.map((item)=>(\n (\n \n \n {`${SHORT_NAME} | ${item.title}`} \n \n \n \n \n \n \n \n )}/>\n ))}\n \n
);\n}\n\nApp.propTypes = {\n location: PropTypes.shape({\n search: PropTypes.string,\n }),\n user: PropTypes.any,\n signOut: PropTypes.func,\n};\n\nexport default function AuthenticatedApp({ user }) {\n return (\n - \n {filteredRoutes.filter((x) => !x.hideFromMenu).map((route, index) => {\n if (route.folder) {\n return (\n
\n {\n let newOpenSubmenu = [...openDrawerSubmenu];\n if (newOpenSubmenu.includes(index)) {\n newOpenSubmenu = newOpenSubmenu.filter((menuIndex) => menuIndex !== index);\n } else {\n newOpenSubmenu.push(index);\n }\n setOpenDrawerSubmenu(newOpenSubmenu);\n }}\n >\n \n {route.icon ? \n \n \n }\n
\n );\n } else if (!route.nested) {\n return (\n - \n {subMenu[`folder${index}`].map((route) => (\n
\n \n 
\n \n
:\n \n \n \n {shortName}\n \n \n {visitorMode &&\n \n 訪客模式\n }\n
\n }\n - \n {/*
![\"partner\"](\"/images/handshake_gray.png\")
}\n 系統重啟中，請稍候...
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { formatDatetime } from 'utilities/format';\nimport InfoCard from '../Card/InfoCard';\n\nexport default function PublicOrderCard({ data: inData, onUpdate, ...props }) {\n const { t } = useTranslation();\n const [data, setData] = useState({});\n\n let mappings = [];\n if (Object.keys(data).length !== 0) {\n mappings = [\n { key: 'id', label: '訂單編號' },\n { key: 'deliveryBy', label: '日期時間', format: formatDatetime },\n { key: 'restaurant', label: `${t('餐廳')}`, format: (restaurant) => restaurant.name },\n { key: 'mealItems', label: `${t('餐點')}`,\n format: (mealItems) => mealItems.map(({ name, quantity }) => `${name} x${quantity}`).join(', ') },\n { key: 'noteForMeal', label: `${t('餐點')}備註` },\n { key: 'noteForDelivery', label: `${t('送餐')}備註` },\n { key: 'total', label: `${t('餐點')}總金額` },\n ];\n if (data.deliveryStaffFee !== 0) {\n mappings.push({ key: 'deliveryStaffFee', label: t('送餐費用') });\n }\n }\n\n useEffect(() => {\n if (inData) {\n setData(inData);\n }\n }, [inData]);\n\n return (\n \n {data[key] ? {label} \n
\n ))}\n \n \n \n {\n setLastUpdatedAt(Date.now());\n }}\n />\n \n { data.deliveryStaffOrder && (\n \n \n \n \n )}\n \n \n \n \n \n \n
\n );\n}\n\nPublicOrder.propTypes = {\n id: PropTypes.string.isRequired,\n};\n","import { countiesDistricts } from '@silvergatedelivery/constants';\n\nexport const getDistrictsInCounty = (inCounty) => countiesDistricts.filter(({ county }) => county === inCounty)\n .reduce((all, { districts }) => {\n const items = districts.map((district) => (district));\n return [...all, ...items];\n }, []);\n\nexport const getZipCode = (inCounty, district) => {\n const result = countiesDistricts.find(({ county, districts }) => county === inCounty && districts.includes(district));\n if (result) {\n return result.zipCode;\n }\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport {\n counties, countiesDistricts,\n} from '@silvergatedelivery/constants';\nimport cache from 'utilities/cache';\nimport { getDistrictsInCounty, getZipCode } from 'utilities/address';\nimport { formatAddress } from 'utilities/format';\nimport { request } from 'utilities/graph';\nimport { queryAddress } from 'graphql/mutations';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Backdrop from '@material-ui/core/Backdrop';\n\nconst Location = ({ onGoPage }) => {\n const [county, setCounty] = useState(counties[0]);\n const [district, setDistrict] = useState(countiesDistricts[0].districts[0]);\n const [districts, setDistricts] = useState(getDistrictsInCounty(counties[0]));\n const [street, setStreet] = useState('');\n const [errorMsg, setErrorMsg] = useState();\n const [isLoading, setIsLoading] = useState(false);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setIsLoading(true);\n const params = {\n input: {\n address: formatAddress({ county, district, street }),\n },\n };\n let lat;\n let lng;\n try {\n const {\n data: {\n queryAddress: {\n success, data,\n },\n },\n } = await request(queryAddress, params);\n if (!success) {\n setErrorMsg('無法定位地址，請重新確認輸入的地址');\n setIsLoading(false);\n return;\n } else {\n lat = data.lat;\n lng = data.lng;\n setErrorMsg();\n }\n } catch (e) {\n console.log(e);\n setErrorMsg('無法定位地址，請重新確認輸入的地址');\n setIsLoading(false);\n return;\n }\n setIsLoading(false);\n\n const zipCode = getZipCode(county, district);\n cache.set('public:menu2-address', { county, district, street, zipCode, lat, lng });\n onGoPage && onGoPage('meals');\n };\n\n const onCountyChange = (newCounty) => {\n if (newCounty !== county) {\n setCounty(newCounty);\n const newDistricts = getDistrictsInCounty(newCounty);\n setDistricts(newDistricts);\n setDistrict(newDistricts[0]);\n }\n };\n\n return (\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n 
{\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n \n \n {title}\n \n \n \n {\n cache.set(`public:menu2-${item.key}`, data);\n onSettingUpdate && onSettingUpdate(data);\n }}\n defaultValue={defaultValue}\n allowEdit={allowEdit}\n />\n \n
);\n })\n }\n {/* \n 我同意\n \n 隱私權及保護政策\n \n 與\n \n 退貨退款政策\n \n
}\n />\n \n 我同意辦理退貨時由銀色大門代為處理電子發票以加速退貨退款作業\n
}\n />\n \n 
\n
\n \n {question} \n
\n );\n }\n })}\n \n 失智友善宣導 \n
\n \n \n \n
);\n })\n }\n {/* \n \n \n
);\n })\n }\n \n \n \n
);\n })\n } */}\n \n {\n setActiveStepData(data);\n }}\n />\n {errorMsg &&\n \n {errorMsg}\n \n }\n
);\n })}\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n \n \n \n \n {dateTimeLabel || '請設定日期與時間'}\n \n \n \n \n {address ? formatAddress(address) : '請設定外送地址'}\n \n \n \n \n \n \n \n \n {/* \n \n 今天想來點什麼？ (filter)\n \n */}\n {meals.length !== 0 && \n \n {\n handleFilter('text')(e.target.value.toLowerCase());\n }}\n fullWidth\n disabled={isLoading}\n />\n \n }\n {/* \n \n 精選推薦專區？\n \n \n 牙齒不好免擔心？\n \n */}\n \n {selectedMeal &&\n {\n handleAddMeal(data);\n setSelectedMeal();\n setSelectedRestaurant();\n setSelectedQuantity(1);\n }}\n />\n }\n {isLoading ? meal.restaurantId === restaurant.id) || undefined}\n onMealClick={onMealClick}\n filters={filters}\n />;\n })}\n {!isLoading && meals.length === 0 &&\n \n }\n \n \n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Location from './Location';\nimport Cart from './Cart';\nimport Order from './Order';\nimport Diary from './Diary';\nimport Member from './Member';\nimport RestaurantMealList from './RestaurantMealList';\nimport cache from 'utilities/cache';\nimport Grid from '@material-ui/core/Grid';\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\nimport HomeIcon from '@material-ui/icons/Home';\nimport ShoppingCartOutlinedIcon from '@material-ui/icons/ShoppingCartOutlined';\nimport ListAltIcon from '@material-ui/icons/ListAlt';\nimport FavoriteBorderIcon from '@material-ui/icons/FavoriteBorder';\nimport PersonOutlineOutlinedIcon from '@material-ui/icons/PersonOutlineOutlined';\nimport { useCache } from 'CacheProvider';\nimport { asyncListAll } from 'utilities/graph';\nimport { getEldersByClientByStatus } from 'graphql/queries';\nimport querystring from 'query-string';\nimport { sortBy } from 'utilities/sorting';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: 0,\n overflowX: 'hidden',\n backgroundColor: 'white',\n width: '100%',\n height: 'calc(100vh - 116px)',\n },\n}));\n\nconst pages = [\n {\n key: 'address',\n label: '地址',\n component: Location,\n showNavigtion: false,\n nextPage: 'meals',\n },\n {\n key: 'meals',\n label: '首頁',\n component: RestaurantMealList,\n showNavigtion: true,\n icon: \n 目前尚未開放此區域或是已超出配送範圍，請加入銀色大門詢問客服人員申請。
\n Line：@oqm7360u
\n
\n
\n \n \n goPage(page)}\n />\n \n \n {activePage.showNavigtion ?\n {\n const newActivePage = pages.find(({ key }) => key === newValue);\n if (newActivePage) {\n setActivePage(newActivePage);\n cache.set('public:menu2-active-page', newValue);\n }\n }}\n showLabels\n >\n {pages.filter(({ showNavigtion }) => showNavigtion).map(({ label, key, icon }) => (\n \n \n
\n );\n}\n","export const getRestaurantMealsByRestaurantByIsActive = /* GraphQL */ `\n query GetRestaurantMealsByRestaurantByIsActive(\n $restaurantId: ID\n $isActive: ModelIntKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelRestaurantMealFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getRestaurantMealsByRestaurantByIsActive(\n restaurantId: $restaurantId\n isActive: $isActive\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n restaurantId\n isActive\n isPublic\n name\n description\n price\n previewS3Keys\n imageS3Keys\n createdAt\n # createdBy\n updatedAt\n # updatedBy\n tags {\n items {\n tag {\n category\n subcategory\n color\n label\n }\n }\n nextToken\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getRestaurantsByCountyByIsActive = /* GraphQL */ `\n query GetRestaurantsByCountyByIsActive(\n $county: String\n $isActive: ModelIntKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelRestaurantFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getRestaurantsByCountyByIsActive(\n county: $county\n isActive: $isActive\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n owner\n # restaurantOwnerId\n isActive\n isPublic\n county\n # clientId\n category\n name\n description\n phoneNumber\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n notes\n previewS3Keys\n imageS3Keys\n openingHours {\n sunday {\n startTime\n endTime\n }\n monday {\n startTime\n endTime\n }\n tuesday {\n startTime\n endTime\n }\n wednesday {\n startTime\n endTime\n }\n thursday {\n startTime\n endTime\n }\n friday {\n startTime\n endTime\n }\n saturday {\n startTime\n endTime\n }\n }\n serviceAreas {\n county\n district\n zipCode\n }\n # isAddedToPandago\n # createdAt\n # createdBy\n # updatedAt\n # updatedBy\n # tags {\n # items {\n # id\n # restaurantId\n # tagId\n # createdAt\n # createdBy\n # updatedAt\n # updatedBy\n # restaurant {\n # id\n # owner\n # restaurantOwnerId\n # isActive\n # county\n # clientId\n # category\n # name\n # description\n # phoneNumber\n # notes\n # previewS3Keys\n # imageS3Keys\n # isAddedToPandago\n # createdAt\n # createdBy\n # updatedAt\n # updatedBy\n # }\n # tag {\n # id\n # category\n # subcategory\n # color\n # label\n # createdAt\n # createdBy\n # updatedAt\n # updatedBy\n # }\n # }\n # nextToken\n # }\n }\n nextToken\n }\n }\n`;\n","import React from 'react';\nimport clsx from 'clsx';\nimport i18n from 'i18next';\nimport i18nInit from './i18n/i18n';\nimport { hydrate, render } from 'react-dom';\nimport { createBrowserHistory } from 'history';\nimport { Router, Route, Switch } from 'react-router';\nimport { Amplify, Auth, Hub } from 'aws-amplify';\nimport { Analytics } from '@aws-amplify/analytics';\nimport to from 'await-to-js';\nimport { createTheme } from '@material-ui/core/styles';\nimport { ThemeProvider } from '@material-ui/styles';\nimport { makeStyles } from '@material-ui/core/styles';\nimport 'react-redux-toastr/lib/css/react-redux-toastr.min.css';\nimport { Provider } from 'react-redux';\nimport ReduxToastr from 'react-redux-toastr';\nimport Leaflet from 'leaflet';\nimport { HelmetProvider } from 'react-helmet-async';\nimport { AmplifyProvider } from '@aws-amplify/ui-react';\nimport querystring from 'query-string';\n// import TagManager from 'react-gtm-module';\n\nimport './global';\nimport awsconfig from './aws-exports.js';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport CustomAppBar from 'components/CustomAppBar';\nimport IndividualClientAppBar from 'components/IndividualClientAppBar';\nimport Loading from 'components/Loading';\nimport { Colors, DRAWER_WIDTH, SHOP_PREFIX, GROUP_ORDER_PREFIX, liffIds } from '@silvergatedelivery/constants';\nimport Winbox from 'components/Winbox/Winbox';\nimport { routes as publicRoutes } from 'views/Public/routes';\nimport store from './App.reducer';\nimport Footer from './Footer';\nimport UserGroupSelector from 'components/Auth/UserGroupSelector';\nimport cache from 'utilities/cache';\nimport appConfig from '../package.json';\nimport Reset from 'components/Reset';\nimport useCustomAuth from 'hooks/useCustomAuth';\nimport PublicOrder from 'components/Order/PublicOrder';\nimport { CacheProvider, useCache } from 'CacheProvider';\nimport { getUserGroupOptions } from 'components/Auth/helpers';\nimport IndividualClientLandingPage from 'views/Public/Menu2/Menu';\nimport liff from '@line/liff';\n\n// CSS\nimport './index.css';\nimport 'leaflet/dist/leaflet.css';\nimport 'winbox-react/dist/index.css';\n\n// // Google Tag Manager\n// // https://www.npmjs.com/package/react-gtm-module\n// const tagManagerArgs = process.env.NODE_ENV === 'development' ? {\n// // local development\n// gtmId: 'GTM-PFQFKG8Q',\n// auth: '42SR7kw4tRK8p02hxCgNjQ',\n// preview: 'env-4',\n// } : {\n// // live\n// gtmId: 'GTM-PFQFKG8Q',\n// auth: 'Pkcz1Ep3TdKboXO0uZwA6w',\n// preview: 'env-1',\n// };\n\n// TagManager.initialize(tagManagerArgs);\n\n// Leaflet\nLeaflet.Icon.Default.imagePath = '../node_modules/leaflet';\ndelete Leaflet.Icon.Default.prototype._getIconUrl;\nLeaflet.Icon.Default.mergeOptions({\n iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),\n iconUrl: require('leaflet/dist/images/marker-icon.png'),\n shadowUrl: require('leaflet/dist/images/marker-shadow.png'),\n});\n\n// eslint-disable-next-line no-undef\nconst browserChannel = new BroadcastChannel('silvergate');\n\n// Disable oauth for web\ndelete awsconfig.oauth;\n\nconst { origin } = window.location;\n\nconst envName = awsconfig.aws_cloud_logic_custom[0].endpoint.split('/').pop();\n\nawsconfig.oauth = {\n domain: `oauth-${envName}.auth.ap-southeast-1.amazoncognito.com`,\n scope: ['email', 'openid', 'profile'],\n redirectSignIn: `${origin}/`,\n redirectSignOut: `${origin}/`,\n responseType: 'code', // token\n};\n\nAmplify.configure(awsconfig);\nAnalytics.disable();\n\nconst history = createBrowserHistory();\n\n// https://material-ui.com/customization/default-theme/\nconst theme = createTheme({\n palette: {\n primary: {\n light: Colors.primaryLight,\n main: Colors.primary,\n dark: Colors.primaryDark,\n contrastText: '#fff',\n },\n },\n overrides: {\n MuiTab: {\n root: {\n minWidth: `100px !important`,\n },\n },\n },\n});\n\nconst amplifyTheme = {\n name: 'amplify-theme',\n // https://github.com/aws-amplify/amplify-ui/tree/main/packages/ui/src/theme/tokens/components\n tokens: {\n components: {\n authenticator: {\n modal: {\n backgroundColor: {\n value: Colors.background.light,\n },\n },\n },\n },\n colors: {\n font: {\n primary: { value: Colors.primary },\n },\n brand: {\n primary: {\n // 10: { value: Colors.primary },\n // 20: { value: Colors.primary },\n // 30: { value: Colors.primary },\n // 40: { value: Colors.primary },\n // 50: { value: Colors.primary },\n 60: { value: Colors.primary },\n 70: { value: Colors.primary },\n 80: { value: Colors.primary },\n 90: { value: Colors.primary },\n 100: { value: Colors.primary },\n },\n },\n },\n },\n};\n\nconst useStyles = makeStyles((theme) => ({\n content: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n marginTop: 64,\n overflow: 'auto',\n flexGrow: 1,\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n backgroundColor: Colors.background.light,\n marginLeft: DRAWER_WIDTH,\n height: 'calc(100vh - 64px)',\n },\n contentShift: {\n flexGrow: 1,\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.enteringScreen,\n }),\n marginLeft: 0,\n },\n root: {\n display: 'flex',\n [theme.breakpoints.up('md')]: {\n overflow: 'auto',\n },\n [theme.breakpoints.down('md')]: {\n overflowX: 'hidden',\n },\n // height: 'calc(100vh - 116px)', // 64px appbar + 52px footer\n },\n}));\n\nfunction ReactApp() {\n const classes = useStyles();\n\n const [isSignedIn, setIsSignedIn] = React.useState(false);\n const [isLoading, setIsLoading] = React.useState(true);\n const [user, setUser] = React.useState();\n const [filteredRoutes, setFilteredRoutes] = React.useState([]);\n const [open, setOpen] = React.useState(false);\n const { signOut, recordEvent } = useCustomAuth();\n const [i18nReady, setI18nReady] = React.useState(false);\n const [needToGetUserGroupOptions, setNeedToGetUserGroupOptions] = React.useState(true);\n const [shopClientMode, setShopClientMode] = React.useState(\n window.location.hostname.startsWith(SHOP_PREFIX));\n const [orderClientMode, setOrderClientMode] = React.useState(\n window.location.hostname.startsWith(GROUP_ORDER_PREFIX));\n const { setUserGroupOptions, setAppGroup, selectedUserGroupParams, setSelectedUserGroupParams } = useCache();\n const oldInstanceFound = React.useRef(false);\n\n const checkAppVersion = async () => {\n const version = appConfig.version;\n const versionInCache = cache.get('app:version');\n if (!versionInCache || version !== versionInCache) {\n await signOut();\n return false;\n }\n return true;\n };\n const publicOrderPathRegex = /^\\/order\\/([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$/;\n\n React.useEffect(() => {\n (async () => {\n await i18nInit();\n setI18nReady(true);\n })();\n if (shopClientMode) {\n liff\n .init({\n liffId: liffIds[window.location.hostname] || liffIds.default,\n })\n .then(() => {\n console.log('LIFF init successed');\n // (async () => {\n // console.log(liff.isLoggedIn());\n // if (liff.isLoggedIn()) {\n // console.log('get line id token');\n // const token = liff.getIDToken();\n // const decodedToken = liff.getDecodedIDToken();\n // console.log(token);\n // console.log(decodedToken);\n\n // const profile = await liff.getProfile();\n // console.log(profile);\n // const cred = await Auth.federatedSignIn('access.line.me', {\n // token,\n // expires_at: decodedToken.exp,\n // }, {\n // // email: 'ccfang@gmail.com',\n // name: profile.displayName,\n // sub: profile.userId,\n // });\n // console.log(cred);\n // }\n // })();\n })\n .catch((e) => {\n console.log('LIFF init failed...');\n console.log(`code: ${e.code}, message: ${e.message}`);\n });\n }\n }, []);\n\n React.useEffect(() => {\n (async () => {\n if (!await checkAppVersion()) {\n return;\n }\n const initialPath = history.location;\n global.logger.debug(`initialPath`, initialPath);\n\n const [err, cognitoUser] = await to(Auth.currentAuthenticatedUser({ bypassCache: true }));\n // global.logger.debug('cognitoUser', { err, cognitoUser, initialPath });\n\n if (err) {\n if (!publicRoutes.some((route) => route.path === initialPath.pathname)) {\n const match = initialPath.pathname.match(publicOrderPathRegex);\n if (initialPath.pathname !== '/reset' && !match) {\n history.push('/');\n }\n }\n } else {\n setUser(cognitoUser);\n }\n\n if (initialPath.pathname === '/') {\n const { clientId } = querystring.parse(window.location.search);\n if (clientId) {\n cache.set('public:menu-target-client-id', clientId);\n } else {\n // TODO\n // cache.remove('public:menu-target-client-id');\n }\n }\n\n setIsLoading(false);\n })();\n\n Hub.listen('auth', ({ payload: { event, data } }) => {\n // global.logger.debug({ event, data });\n switch (event) {\n case 'signIn':\n setUser(data);\n break;\n case 'user':\n setUser(data);\n break;\n case 'signOut':\n setUser();\n setOpen(false);\n setIsSignedIn(false);\n break;\n default:\n }\n });\n\n const unlisten = history.listen((location) => {\n setShopClientMode(window.location.hostname.startsWith(SHOP_PREFIX));\n setOrderClientMode(window.location.hostname.startsWith(GROUP_ORDER_PREFIX));\n });\n\n return () => {\n unlisten();\n };\n }, []);\n\n React.useEffect(() => {\n (async () => {\n if (!user) {\n return;\n }\n // 當用line login時，重新導向回來會同時有兩個setUser，造成這個useEffect同時跑兩次，會create兩個client\n if (!needToGetUserGroupOptions) {\n return;\n }\n setNeedToGetUserGroupOptions(false);\n const userGroupOptions = await getUserGroupOptions(user, orderClientMode, shopClientMode);\n\n setUserGroupOptions(userGroupOptions);\n const isAdmin = userGroupOptions.some(({ userGroupName }) => userGroupName === 'Admins');\n // validate selectedUserGroupParams\n if (selectedUserGroupParams) {\n if (!isAdmin) {\n if (selectedUserGroupParams.userGroupName === 'Admins') {\n setSelectedUserGroupParams();\n } else if (selectedUserGroupParams.userGroupName === 'OrgAdmins') {\n const organization = userGroupOptions.find(({ organizationId }) => organizationId === selectedUserGroupParams.organizationId);\n if (!organization) {\n console.error('organization not found');\n setSelectedUserGroupParams();\n }\n } else if (selectedUserGroupParams.userGroupName === 'FacilityAdmins') {\n const facility = userGroupOptions.find(({ clientId }) => clientId === selectedUserGroupParams.clientId);\n if (!facility) {\n console.error('facility not found');\n setSelectedUserGroupParams();\n }\n }\n }\n if (selectedUserGroupParams.userGroupName === 'OrgAdmins') {\n const organization = userGroupOptions.find(({ organizationId }) => organizationId === selectedUserGroupParams.organizationId);\n if (organization && organization.organizationData.updatedAt !== selectedUserGroupParams.organizationData.updatedAt) {\n console.error('organization modified');\n setSelectedUserGroupParams();\n }\n } else if (selectedUserGroupParams.userGroupName === 'FacilityAdmins') {\n const facility = userGroupOptions.find(({ clientId }) => clientId === selectedUserGroupParams.clientId);\n if (facility && facility.clientData.updatedAt !== selectedUserGroupParams.clientData.updatedAt) {\n console.error('facility modified');\n setSelectedUserGroupParams();\n }\n }\n }\n\n // #1057 紀錄關閉網頁時間\n window.addEventListener('beforeunload', async () => {\n // 不一定會成功\n await recordEvent('關閉網頁');\n });\n })();\n }, [user]);\n\n React.useEffect(() => {\n (async () => {\n if (!user || !user.signInUserSession) {\n setFilteredRoutes([]);\n return;\n }\n\n if (isSignedIn) {\n return;\n }\n\n setIsSignedIn(true);\n\n setIsLoading(false);\n })();\n }, [isSignedIn, user]);\n\n React.useEffect(() => {\n (async () => {\n if (!isSignedIn || !user || !selectedUserGroupParams || !i18nReady) return;\n\n setIsLoading(true);\n\n // Solve the issue for group permissions\n const cognitoUser = await Auth.currentAuthenticatedUser();\n await new Promise((resolve) => {\n const { refreshToken } = cognitoUser.getSignInUserSession();\n cognitoUser.refreshSession(refreshToken, (err, session) => {\n resolve();\n });\n });\n\n const {\n userGroupName,\n clientId,\n clientData,\n organizationId,\n organizationData,\n } = selectedUserGroupParams;\n\n // // GTM trigger\n // TagManager.dataLayer({\n // dataLayerName: userGroupName,\n // dataLayer: {\n // event: '登入',\n // username: cognitoUser.username,\n // clientId,\n // organizationId,\n // },\n // });\n\n // clear old values\n cache.remove('app:organizationId');\n // cache.remove('app:name');\n cache.remove('app:facilityId');\n cache.remove('app:phoneNumber');\n cache.remove('app:clientId');\n\n // TODO: put all cache into CacheProvider\n switch (userGroupName) {\n case 'Admins':\n setAppGroup('Admins');\n cache.set('app:pathPrefix', 'admin');\n break;\n case 'OrgAdmins':\n setAppGroup('OrgAdmins');\n cache.set('app:pathPrefix', 'organization');\n\n cache.set('app:organizationId', organizationId);\n cache.set('app:name', organizationData.name);\n break;\n case 'FacilityAdmins':\n setAppGroup('FacilityAdmins');\n cache.set('app:pathPrefix', 'facility');\n\n cache.set('app:facilityId', clientId);\n cache.set('app:name', clientData.name);\n cache.set('app:location', clientData.county);\n cache.set('app:phoneNumber', clientData.phoneNumber);\n break;\n case 'Clients':\n default:\n setAppGroup('Clients');\n cache.set('app:pathPrefix', 'client');\n\n cache.set('app:clientId', clientId);\n cache.set('app:name', clientData.name);\n cache.set('app:location', clientData.county);\n cache.set('app:phoneNumber', clientData.phoneNumber);\n }\n\n cache.set('app:selectedUserGroupParams', selectedUserGroupParams);\n\n if (clientData && clientData.translation) {\n await i18n.changeLanguage(clientData.translation);\n }\n\n const userGroups = [userGroupName];\n\n // load routes here for translation\n const { appRoutes } = require('./routes');\n let filteredRoutes = appRoutes.filter(({ roles }) => {\n return (roles) ? userGroups && userGroups.some((group) => roles.includes(group)) : true;\n });\n if (window.location.hostname !== 'develop.silvergatedelivery.com' && window.location.hostname !== 'demo.silvergatedelivery.com') {\n filteredRoutes = filteredRoutes.filter(({ demoOnly }) => !demoOnly);\n }\n setFilteredRoutes(filteredRoutes);\n\n const initialPath = history.location;\n global.logger.debug(`initialPath`, initialPath);\n\n history.push(initialPath);\n\n const username = cache.get('app:username');\n\n browserChannel.onmessage = (event) => {\n if (event.data.type === 'echo') {\n browserChannel.postMessage({\n type: 'response',\n userGroupName,\n clientId,\n organizationId,\n username,\n });\n } else if (event.data.type === 'response') {\n if (event.data.userGroupName === userGroupName &&\n event.data.clientId === clientId &&\n event.data.organizationId === organizationId &&\n event.data.username === username\n ) {\n oldInstanceFound.current = true;\n }\n }\n };\n\n const { type: navigationType } = window.performance.getEntriesByType('navigation')[0];\n if (navigationType !== 'reload') {\n browserChannel.postMessage({ type: 'echo' });\n setTimeout(async () => {\n if (!oldInstanceFound.current) {\n await recordEvent('登入');\n } else {\n await recordEvent('開新網頁');\n }\n }, 1000);\n }\n\n setIsLoading(false);\n })();\n }, [isSignedIn, selectedUserGroupParams, user, i18nReady]);\n\n if (window.location.pathname === '/reset') {\n return \n \n \n { shopClientMode ? :\n \n {/* }\n \n
\n {!shopClientMode &&\n }\n \n \n
\n \n 選擇機構：\n {\n facilityOptions.map((facility, index) => (\n {\n const newFacilityOptions = JSON.parse(JSON.stringify(facilityOptions));\n const facilityChanged = newFacilityOptions.find(({ id }) => id === facility.id);\n facilityChanged.isSelected = (e.target.checked);\n setFacilityOptions(newFacilityOptions);\n setDirty(true);\n }}\n disabled={isLoading}\n />}\n label={facility.name}\n />\n ))\n }\n
\n }\n \n );\n}\n\nUserForm.propTypes = {\n data: PropTypes.object,\n formData: PropTypes.object,\n onComplete: PropTypes.func,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditButton from '../components/EditButton';\nimport Form from './UserForm';\n\nexport default function UserFormEditButton({ ...props }) {\n if (props.mode === 'add') {\n return null;\n }\n return (\n \n {value}\n
\n ),\n },\n },\n {\n name: 'status',\n label: '狀態',\n options: {\n filter: true,\n sort: true,\n },\n },\n {\n name: 'email_verified',\n label: 'Email認證',\n type: 'checkbox',\n options: {\n filter: true,\n sort: true,\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n filter: false,\n sort: true,\n },\n },\n ];\n\n const onUpate = async (item, dataIndex) => {\n const input = {};\n columns.forEach(({ name, edit }) => {\n if (edit) {\n input[name] = item[name];\n }\n });\n const {\n enabled: newEnabled,\n } = input;\n const sourceData = data[dataIndex];\n const {\n username,\n enabled,\n } = sourceData;\n\n const updateGroupPromises = cognitoGroups.map(async ({ value }) => {\n const key = `group:${value}`;\n\n if (!input[key] && sourceData[key]) {\n await removeUserFromGroup(username, value);\n } else\n if (input[key] && !sourceData[key]) {\n await addUserToGroup(username, value);\n }\n });\n\n await Promise.all(updateGroupPromises);\n\n // if (cognitoGroup !== newCognitoGroup || facilityId !== newOrgId) {\n // // await removeUserFromGroup(username, role);\n // // await addUserToGroup(username, input.role);\n // const user = {\n // username,\n // facilityId: newOrgId,\n // name,\n // email,\n // role: newCognitoGroup,\n // idNumber: 'N/A',\n // };\n\n // await request(userOperation, {\n // input: {\n // force: true,\n // users: [user],\n // },\n // });\n // }\n\n if (enabled !== newEnabled) {\n if (newEnabled === true) {\n await enableUser(username);\n } else {\n await disableUser(username);\n }\n }\n\n setLastUpdatedAt(Date.now());\n };\n\n useEffect(() => {\n (async () => {\n try {\n setIsLoading(true);\n const groups = [cognitoGroups[selectedCognitoGroupIndex]].map(({ value }) => value);\n const results = await Promise.all(groups.map((group) => listUsersInGroup(group, true)));\n\n const allUsers = [];\n results.forEach(({ data: groupUsers }, index) => {\n const groupName = groups[index];\n groupUsers.forEach((user) => {\n const matched = allUsers.find(({ username }) => username === user.username);\n if (matched) {\n matched[`group:${groupName}`] = true;\n } else {\n user[`group:${groupName}`] = true;\n allUsers.push(user);\n }\n });\n });\n\n setData(allUsers\n .sort(sortBy('name'))\n .sort(sortBy('username')),\n );\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n })();\n }, [lastUpdatedAt, selectedCognitoGroupIndex]);\n\n return (\n \n
\n );\n}\n","import {\n formatAddress,\n formatGender,\n formatBirthday,\n getDisadvantagedType,\n} from 'utilities/format';\n\nexport const getFormFieldsValueMapping = (elder) => {\n if (!elder) return [];\n return [\n {\n fieldName: 'elderName',\n value: elder.name,\n },\n {\n fieldName: 'elderIdentificationCardId',\n value: elder.identificationCardId,\n },\n {\n fieldName: 'elderBirthday',\n value: formatBirthday(elder.birthday),\n },\n {\n fieldName: 'elderGender',\n value: formatGender(elder.gender),\n },\n {\n fieldName: 'elderPhoneNumber',\n value: elder.phoneNumber || '',\n },\n {\n fieldName: 'elderAddress',\n value: formatAddress(elder.address) || '',\n },\n {\n fieldName: 'elderEmergencyContactName',\n value: elder.emergencyContact?.name || '',\n },\n {\n fieldName: 'elderEmergencyContactRelationship',\n value: elder.emergencyContact?.relationship || '',\n },\n {\n fieldName: 'elderEmergencyContactPhoneNumber',\n value: elder.emergencyContact?.phoneNumber || '',\n },\n {\n fieldName: 'elderDisadvantagedType',\n value: getDisadvantagedType(elder.disadvantagedTypesHistory) || '',\n },\n ];\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Storage } from 'aws-amplify';\nimport Button from '@material-ui/core/Button';\nimport { Document, Page } from 'react-pdf';\nimport { PDFDocument } from 'pdf-lib';\nimport fontkit from 'pdf-fontkit'; // https://github.com/Hopding/pdf-lib/issues/494#issuecomment-695818400\nimport { getFormFieldsValueMapping } from './utils';\n\nimport 'react-pdf/dist/Page/TextLayer.css';\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\nimport { toastr } from 'react-redux-toastr';\n\nexport default function InteractivePdfViewer({ fileS3Key, onSaveForm, elder }) {\n const [fileUrl, setFileUrl] = useState();\n const [annotations, setAnnotations] = useState({});\n const [pageDimensions, setPageDimensions] = useState({});\n const [numPages, setNumPages] = useState();\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n const renderPdf = async () => {\n if (!fileS3Key) return;\n\n const url = await Storage.get(fileS3Key);\n setFileUrl(url);\n };\n\n renderPdf();\n }, [fileS3Key]);\n\n const onDocumentLoadSuccess = ({ numPages }) => {\n setNumPages(numPages);\n };\n\n const onPageLoadSuccess = (pageNumber, { width, height }) => {\n setPageDimensions((prev) => ({\n ...prev,\n [pageNumber]: { width, height },\n }));\n };\n\n const onGetAnnotationsSuccess = (pageNumber, annotationsOnPage) => {\n const filteredAnnotations = annotationsOnPage.filter(\n (annotation) => annotation.fieldType === 'Btn' || annotation.fieldType === 'Tx',\n );\n const formFieldsValueMapping = getFormFieldsValueMapping(elder);\n\n const initializedAnnotations = filteredAnnotations.map((annotation) => {\n if (annotation.fieldType === 'Tx') {\n let value = annotation.fieldValue || '';\n if (elder) {\n const mapping = formFieldsValueMapping.find(({ fieldName }) => fieldName === annotation.fieldName);\n if (mapping) {\n value = mapping.value;\n }\n }\n return {\n ...annotation,\n value,\n };\n } else {\n return {\n ...annotation,\n value: annotation.fieldValue !== 'Off',\n };\n }\n });\n setAnnotations((prevAnnotations) => ({\n ...prevAnnotations,\n [pageNumber]: initializedAnnotations,\n }));\n };\n\n const handleCheckboxChange = (pageNumber, id) => {\n setAnnotations((prev) => ({\n ...prev,\n [pageNumber]: prev[pageNumber].map((annotation) =>\n annotation.id === id ? { ...annotation, value: !annotation.value } : annotation,\n ),\n }));\n };\n\n const handleTextChange = (pageNumber, id, newValue) => {\n setAnnotations((prev) => ({\n ...prev,\n [pageNumber]: prev[pageNumber].map((annotation) =>\n annotation.id === id ? { ...annotation, value: newValue } : annotation,\n ),\n }));\n };\n\n const saveForm = async () => {\n setIsLoading(true);\n const existingPdfBytes = await fetch(fileUrl).then((res) => res.arrayBuffer());\n const pdfDoc = await PDFDocument.load(existingPdfBytes);\n const form = pdfDoc.getForm();\n\n let fontBytes;\n try {\n const response = await fetch('/fonts/NotoSansTC-Regular.ttf');\n if (!response.ok) {\n throw new Error(`Failed to fetch font: ${response.status} ${response.statusText}`);\n }\n fontBytes = await response.arrayBuffer();\n } catch (e) {\n console.log(e);\n toastr.error('檔案儲存失敗，請檢查網路連線後再重新嘗試');\n setIsLoading(false);\n return;\n }\n pdfDoc.registerFontkit(fontkit);\n const font = await pdfDoc.embedFont(fontBytes, { subset: true });\n\n // https://github.com/Hopding/pdf-lib/issues/1152 workaround: WinAnsi cannot encode....\n const rawUpdateFieldAppearances = form.updateFieldAppearances.bind(form);\n form.updateFieldAppearances = function() {\n return rawUpdateFieldAppearances(font);\n };\n\n Object.keys(annotations).forEach((key) => annotations[key].forEach((annotation) => {\n if (annotation.fieldType === 'Btn') {\n const field = form.getCheckBox(annotation.fieldName);\n if (annotation.value) {\n field.check();\n } else {\n field.uncheck();\n }\n } else if (annotation.fieldType === 'Tx') {\n const field = form.getTextField(annotation.fieldName);\n if (field) {\n field.setText(annotation.value || '');\n }\n }\n }));\n\n const pdfBytes = await pdfDoc.save();\n\n const blob = new Blob([pdfBytes], { type: 'application/pdf' });\n onSaveForm && await onSaveForm(blob);\n setIsLoading(false);\n };\n\n if (!fileUrl) {\n return <>;\n }\n\n return (\n \n
\n \n \n {numPages &&\n Array.from({ length: numPages }, (_, index) => {\n const pageNumber = index + 1;\n const pageDimension = pageDimensions[pageNumber];\n return (\n
\n );\n })}\n \n \n onPageLoadSuccess(pageNumber, page)}\n onGetAnnotationsSuccess={(annotationsOnPage) =>\n onGetAnnotationsSuccess(pageNumber, annotationsOnPage)\n }\n />\n {pageDimension && annotations[pageNumber]?.map((annotation) => {\n const height = annotation.rect[3] - annotation.rect[1];\n return (\n \n {annotation.fieldType === 'Btn' ? (\n // Checkbox\n handleCheckboxChange(pageNumber, annotation.id)}\n style={{ width: '100%' }}\n />\n ) : annotation.fieldType === 'Tx' ? (\n // Text input\n handleTextChange(pageNumber, annotation.id, e.target.value)}\n style={{\n width: '100%',\n height: '100%',\n fontSize: height < 14 ? '8px' : (height < 16 ? '10px' : '12px'),\n padding: '2px',\n }}\n />\n ) : null}\n
);\n })}\n \n {pdf && Array.from({ length: pdf.numPages }, (_, i) => (\n \n 列印\n \n
\n );\n}\n\nPdfViewer.propTypes = {\n fileS3Key: PropTypes.string,\n};\n","// import streamSaver from 'streamsaver';\nimport { saveAs } from 'file-saver';\n\nexport const download = (filename, blob) => {\n // // const uInt8 = new TextEncoder().encode('StreamSaver is awesome');\n // const fileStream = streamSaver.createWriteStream(filename, {});\n // const writer = fileStream.getWriter();\n // writer.write(content);\n // writer.close();\n saveAs(blob, filename);\n};\n","const uiSchema = {\n};\n\nexport default uiSchema;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { useDropzone } from 'react-dropzone';\nimport { Storage } from 'aws-amplify';\nimport IconButton from '@material-ui/core/IconButton';\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\nimport { toastr } from 'react-redux-toastr';\n\nexport default function FileUploader({\n s3Prefix,\n s3Key: inS3Key,\n onUpdateS3Key,\n}) {\n const [isLoading, setIsLoading] = useState(false);\n const [file, setFile] = useState();\n\n const {\n getRootProps,\n getInputProps,\n } = useDropzone({\n async onDrop(newFiles) {\n global.logger.debug('onDrop', newFiles);\n\n if (newFiles.length !== 1) return;\n setIsLoading(true);\n const file = newFiles[0];\n\n const s3Key = `${s3Prefix}/${file.name}`;\n try {\n await Storage.put(s3Key, file, {\n contentType: file.type,\n });\n setFile({\n s3Key,\n url: URL.createObjectURL(file),\n });\n onUpdateS3Key && onUpdateS3Key(s3Key);\n } catch (e) {\n console.error(e);\n toastr.error('檔案上傳失敗');\n }\n setIsLoading(false);\n },\n maxFiles: 1,\n maxSize: 10 * 1024 * 1024,\n accept: 'application/pdf',\n });\n\n const onRemoveFile = async (s3Key) => {\n setIsLoading(true);\n await Storage.remove(s3Key);\n setFile();\n onUpdateS3Key && onUpdateS3Key();\n setIsLoading(false);\n };\n\n useEffect(() => {\n (async () => {\n if (inS3Key) {\n const file = {\n s3Key: inS3Key,\n url: await Storage.get(inS3Key),\n };\n setFile(file);\n }\n })();\n }, [inS3Key]);\n\n const fileName = file?.s3Key?.split('/').pop();\n\n return (\n \n {\n if (canvas) renderPage(i + 1, canvas);\n }}\n style={{ border: '1px solid black' }}\n />\n
\n ))}\n \n \n {isLoading &&
\n 點此或拖曳上傳檔案(10MB以內)
}\n\n \n \n \n \n
\n );\n}\n\nElderFormUploader.propTypes = {\n data: PropTypes.object,\n formData: PropTypes.object,\n onUpdate: PropTypes.func,\n elderId: PropTypes.string,\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport IconButton from '@material-ui/core/IconButton';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport AddIcon from '@material-ui/icons/Add';\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport CloudDownloadIcon from '@material-ui/icons/CloudDownload';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { useTheme } from '@material-ui/core/styles';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormDialog from 'components/FormDialog';\nimport InteractivePdfViewer from 'views/FacilityAdmin/components/Forms/InteractivePdfViewer';\nimport PdfViewer from 'views/FacilityAdmin/components/Forms/PdfViewer';\nimport { request } from 'utilities/graph';\nimport { createElderForm, updateElderForm, deleteElderForm } from 'graphql/mutations';\nimport moment from 'moment-timezone';\nimport { download } from 'utilities/file';\nimport { Storage } from 'aws-amplify';\nimport { toastr } from 'react-redux-toastr';\nimport ElderFormUploader from './ElderFormUploader';\n\nimport cache from 'utilities/cache';\n\nexport default function ElderFormFormEditButton({\n mode = 'edit',\n item,\n forms,\n onUpdate,\n elder,\n}) {\n const [anchorEl, setAnchorEl] = useState(null);\n const [openEdit, setOpenEdit] = useState(false);\n const [openPreview, setOpenPreview] = useState(false);\n const [openUpload, setOpenUpload] = useState(false);\n const [editItem, setEditItem] = useState({});\n\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n\n const handleButtonClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handelFormUpload = () => {\n setOpenUpload(true);\n };\n\n const handleMenuClick = (id, fileS3Key, name) => () => {\n setEditItem({ form: { id, fileS3Key, name } });\n setOpenEdit(true);\n setAnchorEl(null);\n };\n\n const handleFormUpdate = () => {\n setEditItem(item);\n setOpenEdit(true);\n };\n\n const onSaveForm = async (blob) => {\n const now = moment().toISOString();\n if (editItem.id) {\n await Storage.put(editItem.fileS3Key, blob, {\n contentType: blob.type,\n });\n\n const username = cache.get('app:username');\n const input = {\n id: editItem.id,\n updatedAt: now,\n updatedBy: username,\n };\n const { data: { updateElderForm: data } } = await request(updateElderForm, { input });\n onUpdate && onUpdate(data);\n } else {\n const s3Key = `elders/${elder.id}/${now}/${editItem.name}`;\n await Storage.put(s3Key, blob, {\n contentType: blob.type,\n });\n\n const username = cache.get('app:username');\n const input = {\n elderId: elder.id,\n formId: editItem.form.id,\n name: editItem.form.name,\n fileS3Key: s3Key,\n createdAt: now,\n createdBy: username,\n updatedAt: now,\n updatedBy: username,\n };\n const { data: { createElderForm: data } } = await request(createElderForm, { input });\n onUpdate && onUpdate(data);\n }\n setEditItem({});\n setOpenEdit(false);\n };\n\n const openFilePreview = () => {\n setOpenPreview(true);\n };\n\n const fileDownload = async (fileS3Key, name) => {\n try {\n const url = await Storage.get(fileS3Key);\n const fileResponse = await fetch(url);\n if (!fileResponse.ok) {\n throw new Error('下載檔案失敗');\n }\n const blob = await fileResponse.blob();\n download(`${elder.name}-${name}.pdf`, blob);\n } catch (e) {\n console.error(e.message);\n toastr.error(e.message);\n }\n };\n\n const handleDeleteForm = async () => {\n if (window.confirm('您確定要刪除此表單嗎？')) {\n try {\n await Storage.remove(item.fileS3Key);\n await request(deleteElderForm, { input: { id: item.id } });\n onUpdate && onUpdate(); // force refresh\n } catch (e) {\n console.error(e.message);\n toastr.error(e.message);\n }\n }\n };\n\n return (\n \n
\n {!timelineOnly && \n {!visitorMode && \n \n {favorite ?\n \n {\n setDeliveryStaffOrder(newDeliverStaffOrder);\n onUpdate && onUpdate(newDeliverStaffOrder);\n }}\n disabled={visitorMode}\n />\n
\n }\n title={deliveryStaffName}\n subheader={formatDatetime(deliveryCompletedAt)}\n style={{ maxHeight: 72 }}\n />\n \n \n
\n {/* \n {deliveryStaffOrder[key] ? {label} \n
\n ))}\n {elderDementiaSurvey && elderDementiaSurvey.items && elderDementiaSurvey.items.map(({ response, dementiaQuestionnaire }, index) => {\n const question = dementiaQuestionnaire.items[0].question;\n if (response === 'completed') {\n return (\n \n {question} \n
\n );\n }\n })}\n \n 失智友善宣導 \n
\n \n
載入中...
\n }\n endMessage={\n\n
\n }\n >\n\n ;\n };\n\n return (\n
\n {(missingLunchOrder.length !== 0 || missingDinnerOrder.length !== 0 ||\n beyondPlanLunchOrder.length !== 0 || beyondPlanDinnerOrder.length !== 0 ||\n duplicatedLunchOrder.length !== 0 || duplicatedDinnerOrder.length !== 0) &&\n <>\n {\n event.stopPropagation();\n event.preventDefault();\n handlePopupOpen(\n
\n );\n };\n\n return (\n \n {elderContent('午餐重複：', duplicatedLunchOrder)}\n {elderContent('晚餐重複：', duplicatedDinnerOrder)}\n {elderContent('非送餐週期內的午餐：', beyondPlanLunchOrder)}\n {elderContent('非送餐週期內的晚餐：', beyondPlanDinnerOrder)}\n {elderContent('缺少送餐週期內的午餐：', missingLunchOrder)}\n {elderContent('缺少送餐週期內的晚餐：', missingDinnerOrder)}\n
,\n );\n }}\n size='small'\n >\n \n {orderStatus.map(({ value, color }) => {\n if (eventCountByStatus[value] !== 0) {\n return #{eventCountByStatus[value]} ;\n }\n })}\n
\n {dayCellInfo.dayNumberText}\n \n {mealName || ''} {timeText}\n \n {eventInfo.event.title}\n {/*
\n {eventInfo.event.extendedProps.description} */}\n
\n );\n}\n\nScheduleCalendar.propTypes = {\n orders: PropTypes.array,\n elders: PropTypes.array,\n restaurantSchedules: PropTypes.array,\n onDateChange: PropTypes.func,\n orderCheckRules: PropTypes.array,\n checkDinner: PropTypes.bool,\n checkLunch: PropTypes.bool,\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\n// import List from '@material-ui/core/List';\n// import ListItem from '@material-ui/core/ListItem';\n// import ListItemIcon from '@material-ui/core/ListItemIcon';\n// // import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\n// import ListItemText from '@material-ui/core/ListItemText';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport Chip from '@material-ui/core/Chip';\nimport Button from '@material-ui/core/Button';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment';\nimport { asyncListAll, request } from 'utilities/graph';\nimport {\n getElder,\n getDeliveryStaff,\n listDeliveryStaffs,\n getDeliveryStaffsByCountyByIsActive,\n listElders,\n getEldersByCountyByCreatedAt,\n getOrdersByElderByDate,\n getOrdersByDeliveryStaffByDate,\n getOrdersByCountyByDate,\n getOrdersByStatusByDate,\n getElderDeliveryGroupsByClientByStatus,\n} from 'graphql/queries';\nimport { counties, TIME_ZONE } from '@silvergatedelivery/constants';\nimport { sortBy, sortOrdersByDeliveryGroups, sortOrder } from 'utilities/sorting';\nimport ScheduleCalendar from 'components/Schedule/ScheduleCalendar';\nimport OrderStatusChip from 'components/OrderStatusChip';\nimport AdminOrderEditButton from 'forms/AdminOrderForm/AdminOrderEditButton';\nimport cache from 'utilities/cache';\nimport { getTranslatedOrderStatus, getTranslatedMealSlots } from 'utilities/translate';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n flex: 1,\n backgroundColor: '#fff',\n },\n content: {\n padding: theme.spacing(2),\n },\n formControl: {\n margin: theme.spacing(1),\n },\n chips: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n chip: {\n margin: 2,\n },\n}));\n\nconst DATE_FORMAT = 'YYYY-MM-DD';\n\nconst getDates = (from, to) => {\n const dates = [moment(to).tz(TIME_ZONE).format(DATE_FORMAT)];\n\n while (dates[0] > from) {\n const prev = moment(dates[0]).tz(TIME_ZONE).add(-1, 'day').format(DATE_FORMAT);\n dates.unshift(prev);\n }\n return dates;\n};\n\nexport default function Schedule({\n deliveryStaffId,\n elderId,\n defaultLocations = [cache.get('app:location')].filter((x) => x),\n defaultOrderStatus = [\n 'waitingForDeliveryStaff',\n 'reMatchingDeliveryStaff',\n 'ready',\n 'readyForPickup',\n 'delivering',\n ],\n showLocationSelector = true,\n showDeliverStaffSelector = true,\n showElderSelector = true,\n}) {\n const classes = useStyles();\n const { t } = useTranslation();\n\n const getTargetOrderStatus = () => cache.get('app:admin:schedule:targetOrderStatus') || defaultOrderStatus;\n const [isLoading, setIsLoading] = useState(false);\n const [lastUpdatedAt, setLastUpdatedAt] = useState(Date.now());\n const [targetOrderStatus, setTargetOrderStatus] = useState(getTargetOrderStatus);\n const [targetCounties, setTargetCounties] = useState(defaultLocations);\n const [targetDeliveryStaffIds, setTargetDeliveryStaffIds] = useState([]);\n const [targetElderIds, setTargetElderIds] = useState([]);\n const [targetMealSlots, setTargetMealSlots] = useState(['lunch', 'dinner']);\n\n // const [allOrders, setAllOrders] = useState([]);\n const [orders, setOrders] = useState([]);\n const [filteredOrders, setFilteredOrders] = useState([]);\n const [deliveryStaffOptions, setDeliveryStaffOptions] = useState([]);\n const [elderOptions, setElderOptions] = useState([]);\n const [dateInfo, setDateInfo] = useState();\n const [orderMappings, setOrderMappings] = useState({});\n // const [restaurantSchedules, setRestaurantSchedules] = useState([]);\n\n const onDateChange = (newDateInfo) => {\n const newFromDate = moment(newDateInfo.startStr).tz(TIME_ZONE).format(DATE_FORMAT);\n const newToDate = moment(newDateInfo.endStr).tz(TIME_ZONE).format(DATE_FORMAT);\n\n const { fromDate, toDate } = dateInfo || {};\n\n if (newFromDate !== fromDate || newToDate !== toDate) {\n setDateInfo({\n fromDate: newFromDate,\n toDate: newToDate,\n dates: getDates(newFromDate, newToDate),\n });\n }\n };\n\n useEffect(() => {\n if (!dateInfo) return;\n\n (async () => {\n if (elderId && targetElderIds.length === 0) return;\n if (deliveryStaffId && targetDeliveryStaffIds.length === 0) return;\n\n setIsLoading(true);\n\n let orders = [];\n const { dates } = dateInfo;\n const clientId = cache.get('app:facilityId');\n let elderDeliveryGroups;\n\n global.logger.debug('Fetching orders', dateInfo);\n\n const queryPromsies = [];\n\n const asyncListAllWrapper = async (queryName, params) => {\n const key = JSON.stringify(params);\n\n if (orderMappings[key]) {\n // global.logger.debug(`${key} exists, use cache data`);\n return orderMappings[key];\n }\n\n const data = await asyncListAll(queryName, params);\n orderMappings[key] = data;\n\n setOrderMappings({ ...orderMappings });\n\n return data;\n };\n\n if (elderId && targetElderIds[0]) {\n targetElderIds.forEach((elderId) => {\n dates.forEach((date) => {\n queryPromsies.push(asyncListAllWrapper(getOrdersByElderByDate, {\n elderId,\n date: {\n eq: date,\n },\n }));\n });\n });\n } else\n if (deliveryStaffId && targetDeliveryStaffIds[0]) {\n const clientFilter = clientId ? {\n clientId: {\n eq: clientId,\n },\n } : null;\n targetDeliveryStaffIds.forEach((deliveryStaffId) => {\n dates.forEach((date) => {\n queryPromsies.push(asyncListAllWrapper(getOrdersByDeliveryStaffByDate, {\n deliveryStaffId,\n date: {\n eq: date,\n },\n filter: clientFilter,\n }));\n });\n });\n if (clientId) {\n elderDeliveryGroups = await asyncListAll(getElderDeliveryGroupsByClientByStatus, {\n clientId: clientId,\n status: { eq: '使用中' },\n limit: 1000,\n });\n }\n } else\n if (targetCounties.length > 0) {\n targetCounties.forEach((county) => {\n dates.forEach((date) => {\n queryPromsies.push(asyncListAllWrapper(getOrdersByCountyByDate, {\n county,\n date: {\n eq: date,\n },\n }));\n });\n });\n } else\n if (targetOrderStatus.length > 0) {\n targetOrderStatus.forEach((status) => {\n dates.forEach((date) => {\n queryPromsies.push(asyncListAllWrapper(getOrdersByStatusByDate, {\n status,\n date: {\n eq: date,\n },\n }));\n });\n });\n }\n\n const results = await Promise.all(queryPromsies);\n results.forEach((items) => {\n if (elderDeliveryGroups) {\n const sortedItems = sortOrdersByDeliveryGroups(items, elderDeliveryGroups);\n orders = [...orders, ...sortedItems];\n } else {\n orders = [...orders, ...items.sort(sortOrder)];\n }\n });\n\n setOrders(orders);\n\n setIsLoading(false);\n })();\n }, [\n lastUpdatedAt,\n targetCounties,\n targetOrderStatus,\n targetDeliveryStaffIds,\n targetElderIds,\n elderId,\n deliveryStaffId,\n dateInfo,\n ]);\n\n useEffect(() => {\n const filteredOrders = orders\n .filter((item) => {\n let shouldRender = true;\n if (targetCounties.length > 0 && !targetCounties.includes(item.county)) {\n shouldRender = false;\n }\n if (targetOrderStatus.length > 0 && !targetOrderStatus.includes(item.status)) {\n shouldRender = false;\n }\n if (targetMealSlots.length > 0 && !targetMealSlots.includes(item.mealSlot)) {\n shouldRender = false;\n }\n if (targetDeliveryStaffIds.length > 0 && !targetDeliveryStaffIds.includes(item.deliveryStaffId)) {\n shouldRender = false;\n }\n if (targetElderIds.length > 0 && !targetElderIds.includes(item.elderId)) {\n shouldRender = false;\n }\n // if (targetDeliveryStaffIds.length > 0 && !targetDeliveryStaffIds.includes(item.deliveryStaffId)) {\n // shouldRender = false;\n // }\n return shouldRender;\n });\n\n global.logger.debug('orders', { orders, filteredOrders });\n\n setFilteredOrders(filteredOrders);\n }, [orders, targetCounties, targetOrderStatus, targetMealSlots, targetElderIds, targetDeliveryStaffIds]);\n\n useEffect(() => {\n if (!showElderSelector) return;\n (async () => {\n let elders = [];\n if (elderId) {\n const { data: { getElder: data } } = await request(getElder, { id: elderId });\n elders = [data];\n } else\n if (targetCounties.length === 0) {\n elders = await asyncListAll(listElders);\n } else {\n await Promise.all(targetCounties.map(async (county) => {\n const data = await asyncListAll(getEldersByCountyByCreatedAt, {\n county,\n });\n elders = [...elders, ...data];\n }));\n }\n\n global.logger.debug('elders', elders);\n\n setElderOptions([\n ...elders.map(({ id, name }) => {\n return {\n label: name,\n value: id,\n };\n }).sort(sortBy('label'))]);\n\n if (elderId) {\n setTargetElderIds([elderId]);\n }\n })();\n }, [targetCounties, elderId, showElderSelector]);\n\n useEffect(() => {\n if (!showDeliverStaffSelector) {\n if (deliveryStaffId) {\n setTargetDeliveryStaffIds([deliveryStaffId]);\n }\n return;\n }\n\n (async () => {\n let deliveryStaffs = [];\n if (deliveryStaffId) {\n const { data: { getDeliveryStaff: data } } = await request(getDeliveryStaff, { id: deliveryStaffId });\n deliveryStaffs = [data];\n } else\n if (targetCounties.length === 0) {\n deliveryStaffs = await asyncListAll(listDeliveryStaffs);\n } else {\n await Promise.all(targetCounties.map(async (county) => {\n const data = await asyncListAll(getDeliveryStaffsByCountyByIsActive, {\n county,\n isActive: { eq: 1 },\n });\n deliveryStaffs = [...deliveryStaffs, ...data];\n }));\n }\n\n setDeliveryStaffOptions([\n { label: '尚無指派', value: null },\n ...deliveryStaffs.map(({ id, name }) => {\n return {\n label: name,\n value: id,\n };\n }).sort(sortBy('label'))]);\n\n if (deliveryStaffId) {\n setTargetDeliveryStaffIds([deliveryStaffId]);\n }\n })();\n }, [targetCounties, deliveryStaffId, showDeliverStaffSelector]);\n\n const renderChipValue = (selected) => (\n \n {eventInfo.event.extendedProps.description} */}\n
\n {selected.map((value, index) => {\n return (
\n );\n\n const renderDeliveryStaffChipValue = (selected) => (\n \n {selected.map((value, index) => {\n return (item.value === value).label}\n />);\n })}\n
\n );\n\n const renderElderChipValue = (selected) => (\n \n {selected.map((value, index) => {\n return (item.value === value).label}\n />);\n })}\n
\n );\n\n const renderStatusChipValue = (selected) => (\n \n {selected.map((value) => {\n return (
\n );\n const translatedMealSlots = getTranslatedMealSlots();\n const renderMealSlotValue = (selected) => (\n \n {selected.map((value, index) => {\n return (item.value === value).label}\n />);\n })}\n
\n );\n\n return (\n \n \n \n {showLocationSelector &&\n \n 縣市 \n setTargetCounties(event.target.value)}\n input={}\n renderValue={renderChipValue}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n }\n \n 狀態 \n {\n cache.set('app:admin:schedule:targetOrderStatus', event.target.value);\n setTargetOrderStatus(event.target.value);\n }}\n input={}\n renderValue={renderStatusChipValue}\n disabled={isLoading}\n >\n {getTranslatedOrderStatus().map((item) => (\n \n ))}\n \n \n \n {`${t('午餐')}/${t('晚餐')}`} \n setTargetMealSlots(event.target.value)}\n input={}\n renderValue={renderMealSlotValue}\n disabled={isLoading}\n >\n {translatedMealSlots.map((item) => (\n \n ))}\n \n \n\n {showDeliverStaffSelector &&\n \n {t('送餐大使')} \n setTargetDeliveryStaffIds(event.target.value)}\n input={}\n renderValue={renderDeliveryStaffChipValue}\n disabled={isLoading}\n >\n {deliveryStaffOptions.map((item) => (\n \n ))}\n \n }\n {showElderSelector &&\n \n {t('送餐對象')} \n setTargetElderIds(event.target.value)}\n input={}\n renderValue={renderElderChipValue}\n disabled={isLoading}\n >\n {elderOptions.map((item) => (\n \n ))}\n \n }\n {\n setOrderMappings({});\n setLastUpdatedAt(Date.now());\n }}\n disabled={isLoading}\n >\n {!isLoading &&\n \n }\n {isLoading && {\n setOrderMappings({});\n setLastUpdatedAt(Date.now());\n }}\n disabled={isLoading}\n />\n \n \n \n \n
\n );\n}\n\n\nSchedule.propTypes = {\n elderId: PropTypes.string,\n deliveryStaffId: PropTypes.string,\n defaultLocations: PropTypes.array,\n defaultOrderStatus: PropTypes.array,\n showLocationSelector: PropTypes.bool,\n showElderSelector: PropTypes.bool,\n showDeliverStaffSelector: PropTypes.bool,\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Container from '@material-ui/core/Container';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport VerticalTabs from 'components/Tab/VerticalTabs';\nimport OrderTable from 'components/OrderTable';\nimport ElderFormTable from 'components/ElderFormTable';\nimport SocialWorkerDiaryTable from 'components/SocialWorkerDiaryTable';\nimport RecurringOrderTable from 'components/RecurringOrderTable';\nimport ElderCard from 'components/Card/ElderCard';\nimport ClientCard from 'components/Card/ClientCard';\nimport { request } from 'utilities/graph';\nimport { getElder, getElderDeliveryGroupByElder } from 'graphql/queries';\nimport DeliveryDiary from 'views/Admin/DeliveryDiary/DeliveryDiary';\nimport Schedule from 'views/Admin/Schedule/Schedule';\nimport cache from 'utilities/cache';\n\nconst useStyles = makeStyles((theme) => ({\n collapsibleGrid: {\n 'width': 'auto',\n 'transition': 'width 0.3s ease-in-out',\n '&.collapsed': {\n 'width': theme.spacing(3),\n 'marginRight': 16,\n },\n },\n}));\n\nexport default function ElderDetails({ id: inId, computedMatch, isNested }) {\n const { t } = useTranslation();\n const [id, setId] = useState();\n const [data, setData] = useState();\n const [tabs, setTabs] = useState([]);\n const [isCardOpen, setIsCardOpen] = useState(true);\n const parentRef = useRef(null);\n const [containerWidth, setContainerWidth] = useState('100%');\n const classes = useStyles();\n const theme = useTheme();\n const isSm = useMediaQuery(theme.breakpoints.down('sm'));\n const cachedClientId = cache.get('app:facilityId');\n const isFacilityAdmins = cachedClientId ? true : false;\n\n useEffect(() => {\n const updateWidth = () => {\n if (parentRef.current) {\n setContainerWidth(`${parentRef.current.offsetWidth}px`);\n }\n };\n\n const resizeObserver = new ResizeObserver(updateWidth);\n\n if (parentRef.current) {\n resizeObserver.observe(parentRef.current);\n updateWidth();\n }\n\n return () => resizeObserver.disconnect();\n }, [parentRef.current]);\n\n useEffect(() => {\n if (id) return;\n\n if (inId) {\n setId(inId);\n } else\n if (computedMatch) {\n const { params: { id: urlId } } = computedMatch;\n setId(urlId);\n }\n }, [id, inId, computedMatch]);\n\n useEffect(() => {\n if (!id) return;\n\n (async () => {\n const [{ data: { getElder: data } }, { data: { getElderDeliveryGroupByElder: { items: deliveryGroups } } }] = await Promise.all([\n request(getElder, { id }),\n request(getElderDeliveryGroupByElder, { elderId: id }),\n ]);\n setData(data);\n const tabs = [\n {\n label: '客戶資料',\n component: \n \n \n \n \n \n \n \n \n
\n );\n}\n\nElderDetails.propTypes = {\n id: PropTypes.string,\n computedMatch: PropTypes.object,\n isNested: PropTypes.bool,\n};\n","import React, { useEffect, useState } from 'react';\nimport i18n from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport { WEEKDAYS_SHORT, elderDeactivationReason } from '@silvergatedelivery/constants';\n\nimport DataTable from 'components/Table/DataTable';\nimport {\n listElders,\n // getEldersByClient,\n getEldersByCountyByStatus,\n getEldersByClientByStatus,\n} from 'graphql/queries';\nimport {\n formatAddress,\n formatAddressLatLng,\n formatTags,\n formatAge,\n formatGender,\n formatNote,\n getDisadvantagedType,\n} from 'utilities/format';\nimport ElderDetails from 'components/ElderDetails';\nimport NestedTableContainer from 'components/Table/NestedTableContainer';\nimport LinkButton from 'components/Table/LinkButton';\nimport ElderEditButton from 'forms/ElderForm/ElderEditButton';\nimport { counties } from '@silvergatedelivery/constants';\nimport cache from 'utilities/cache';\nimport { elderStatus } from '@silvergatedelivery/constants';\nimport { useCache } from 'CacheProvider';\nimport { sortBy } from 'utilities/sorting';\n\nexport default function ElderTable({\n title = i18n.t('送餐對象'),\n description = '',\n organizationId: inOrganizationId,\n clientId: inClientId,\n ...props\n}) {\n const { t } = useTranslation();\n const [indexes, setIndexes] = useState();\n const [queryParams, setQueryParams] = useState();\n const [listQueries, setListQueries] = useState();\n const { appGroup, selectedUserGroupParams } = useCache();\n\n const organizationId = inOrganizationId || cache.get('app:organizationId');\n const adminMode = appGroup === 'Admins';\n const orgMode = appGroup === 'OrgAdmins';\n const facilityMode = appGroup === 'FacilityAdmins';\n\n const cachedClientId = cache.get('app:facilityId');\n const clientId = inClientId || cachedClientId;\n\n const options = {\n expandableRows: !orgMode,\n isRowExpandable: () => !orgMode,\n renderExpandableRow(rowData) {\n const groupKey = appGroup === 'FacilityAdmins' ? '' : appGroup;\n const cachedVisibleColumnKey = `app:table:${groupKey}${title}${description}:visibleColumns`;\n const cacheVisiableColumns = cache.get(cachedVisibleColumnKey) ? cache.get(cachedVisibleColumnKey).split(',') : undefined;\n const id = rowData[0];\n return (\n \n \n 合約專區\n \n \n {`送餐大使 ${deliveryStaff.name} 已於 ${moment(deliveryStaff.createdAt).tz(TIME_ZONE).format('YYYY/MM/DD')} 註冊時同意以下合約`}\n \n
\n );\n}\n\nDeliveryStaffMonthlyStatementTable.propTypes = {\n deliveryStaffId: PropTypes.string,\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport Container from '@material-ui/core/Container';\nimport Grid from '@material-ui/core/Grid';\nimport VerticalTabs from 'components/Tab/VerticalTabs';\n// import DeliveryStaffOrderTable from 'components/DeliveryStaffOrderTable';\nimport OrderTable from 'components/OrderTable';\nimport RecurringOrderTable from 'components/RecurringOrderTable';\nimport DeliveryStaffDocumentTable from 'components/DeliveryStaffDocumentTable';\n// import NotificationTable from 'components/NotificationTable';\n// import DeliveryStaffTransactionTable from 'components/DeliveryStaffTransactionTable';\n// import DeliveryStaffStatementTable from 'components/DeliveryStaffStatementTable';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport DeliveryStaffContract from 'components/DeliveryStaffContract';\nimport DeliveryDiary from 'views/Admin/DeliveryDiary/DeliveryDiary';\nimport Schedule from 'views/Admin/Schedule/Schedule';\nimport DeliveryStaffCard from 'components/Card/DeliveryStaffCard';\n\nconst useStyles = makeStyles((theme) => ({\n collapsibleGrid: {\n 'width': 'auto',\n 'transition': 'width 0.3s ease-in-out',\n '&.collapsed': {\n 'width': theme.spacing(3),\n 'marginRight': 16,\n },\n },\n}));\n\nexport default function DeliveryStaffDetails({ id: inId, computedMatch, isNested }) {\n const { t } = useTranslation();\n const [id, setId] = useState();\n const [tabs, setTabs] = useState([]);\n const parentRef = useRef(null);\n const [containerWidth, setContainerWidth] = useState('100%');\n const [isCardOpen, setIsCardOpen] = useState(true);\n const classes = useStyles();\n const theme = useTheme();\n const isSm = useMediaQuery(theme.breakpoints.down('sm'));\n\n useEffect(() => {\n const updateWidth = () => {\n if (parentRef.current) {\n setContainerWidth(`${parentRef.current.offsetWidth}px`);\n }\n };\n\n const resizeObserver = new ResizeObserver(updateWidth);\n\n if (parentRef.current) {\n resizeObserver.observe(parentRef.current);\n updateWidth();\n }\n\n return () => resizeObserver.disconnect();\n }, [parentRef.current]);\n\n useEffect(() => {\n if (inId) {\n setId(inId);\n } else\n if (computedMatch) {\n const { params: { id } } = computedMatch;\n setId(id);\n }\n }, [inId, computedMatch]);\n\n useEffect(() => {\n if (!id) return;\n\n const tabs = [\n // {\n // label: '基本資料',\n // component: \n \n \n \n \n \n \n \n \n
\n );\n}\n\nDeliveryStaffDetails.propTypes = {\n id: PropTypes.string,\n computedMatch: PropTypes.object,\n isNested: PropTypes.bool,\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport i18n from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport DataTable from 'components/Table/DataTable';\nimport {\n getClient,\n getDeliveryStaffsByClientIdByIsActive,\n getDeliveryStaff,\n} from 'graphql/queries';\nimport { request } from 'utilities/graph';\nimport { formatAddress } from 'utilities/format';\nimport NestedTableContainer from 'components/Table/NestedTableContainer';\nimport LinkButton from 'components/Table/LinkButton';\nimport UserAvatar from 'components/UserAvatar';\nimport { deliveryStaffStatus } from '@silvergatedelivery/constants';\nimport DeliverStaffEditButton from 'forms/DeliverStaffForm/DeliverStaffEditButton';\nimport DeliveryStaffDetails from './DeliveryStaffDetails';\nimport cache from 'utilities/cache';\nimport { useCache } from 'CacheProvider';\n\nexport default function DeliveryStaffTable({\n title = i18n.t('送餐大使'),\n description = '',\n clientId: inClientId,\n ...props\n}) {\n const { t } = useTranslation();\n const [indexes, setIndexes] = useState();\n const [queryParams, setQueryParams] = useState();\n const [assignableDeliveryStaffs, setAssignableDeliveryStaffs] = useState([]);\n const { appGroup } = useCache();\n\n const clientId = inClientId || cache.get('app:facilityId');\n\n const options = {\n expandableRows: true,\n isRowExpandable: () => true,\n renderExpandableRow(rowData) {\n const groupKey = appGroup === 'FacilityAdmins' ? '' : appGroup;\n const cachedVisibleColumnKey = `app:table:${groupKey}${title}${description}:visibleColumns`;\n const cacheVisiableColumns = cache.get(cachedVisibleColumnKey) ? cache.get(cachedVisibleColumnKey).split(',') : undefined;\n const id = rowData[0];\n return (\n \n {value}\n
\n ),\n },\n },\n {\n name: 'identificationCardId',\n label: '身分證字號',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'address',\n label: '地址',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: formatAddress,\n },\n },\n {\n name: 'documents',\n label: '資料檔案',\n options: {\n filter: true,\n sort: true,\n customBodyRender(documents) {\n return !documents || documents.length === 0 ? '未上傳' : documents.length < 6 ? '部分上傳' : '已上傳';\n },\n },\n adminsOnly: true,\n },\n {\n name: 'id',\n label: ' ',\n options: {\n display: 'always',\n filter: false,\n sort: false,\n download: false,\n print: false,\n customBodyRender(id) {\n return (\n \n {name} \n
;\n })\n }\n ;\n }\n return '';\n },\n },\n },\n {\n name: 'ownedFacilityName',\n label: '私有機構',\n options: {\n filter: false,\n sort: true,\n customBodyRender(items) {\n if (items && items.length !== 0) {\n return <>\n {\n items.map((name) => {\n return \n {name} \n
;\n })\n }\n ;\n }\n return '';\n },\n },\n },\n {\n name: 'isRestaurantOwner',\n label: `${t('餐廳')}負責人`,\n type: 'checkbox',\n options: {\n filter: true,\n sort: true,\n },\n },\n {\n name: 'restaurantName',\n label: `${t('餐廳')}名稱`,\n options: {\n filter: false,\n sort: true,\n },\n },\n {\n name: 'isDeliveryStaff',\n label: t('送餐大使'),\n type: 'checkbox',\n options: {\n filter: true,\n sort: true,\n },\n },\n {\n name: 'isClient',\n label: '客戶',\n type: 'checkbox',\n options: {\n filter: true,\n sort: true,\n },\n },\n\n {\n name: 'username',\n label: 'ID',\n options: {\n filter: false,\n sort: false,\n },\n },\n {\n name: 'email',\n label: 'Email',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: (value) => (\n \n {value}\n
\n ),\n },\n },\n {\n name: 'notificationToken',\n label: '通知Token',\n options: {\n display: false,\n filter: false,\n sort: false,\n },\n },\n {\n name: 'device.appVersion',\n label: 'APP版本',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'device',\n label: '作業系統',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: (device) => {\n if (!device) return '';\n return `${device.osName} ${device.osVersion}`.substr(0, 15);\n },\n },\n },\n {\n name: 'device',\n label: '設備',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: (device) => {\n if (!device) return '';\n return `${device.brand} ${device.modelName || ''}`;\n },\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n ].filter((x) => x);\n\n useEffect(() => {\n (async () => {\n try {\n setIsLoading(true);\n\n let result = [];\n if (organizationId) {\n result = await asyncListAll(getUsersByOrganizationIdByIsActive, { organizationId, isActive: { eq: 1 } });\n } else\n if (clientId) {\n result = await asyncListAll(getUsersByClientIdByIsActive, { clientId, isActive: { eq: 1 } });\n } else {\n result = await asyncListAll(listUsers, { limit: 1000 });\n }\n\n const setUserData = async (user) => {\n const setFacilityName = async () => {\n user.assignedFacilityName = [];\n user.ownedFacilityName = [];\n if (user.facilityIds && user.facilityIds.length > 0) {\n const facilities = await getUserOrgAssigedFacilities(user, false);\n\n user.assignedFacilityName = facilities.map(({ name }) => name);\n }\n if (user.groups.items.find(({ group }) => group === 'FacilityAdmins')) {\n const facilities = await asyncListAll(getClientsByUsernameByType, {\n username: user.username,\n type: {\n eq: 'facility',\n },\n });\n if (!facilities.length === 0) {\n global.logger.debug(user);\n } else {\n user.ownedFacilityName = facilities.map(({ name }) => name);\n }\n }\n };\n\n const setOrgName = async () => {\n if (user.organizationId && user.organizationId !== 'N/A') {\n const { data: { getOrganization: orgData } } = await request(getOrganization, { id: user.organizationId });\n if (!orgData) {\n global.logger.debug(user);\n } else {\n user.orgName = orgData.name;\n }\n }\n };\n\n const setRestaurantName = async () => {\n if (user.restaurantOwnerId) {\n const data = await asyncListAll( /* GraphQL */ `\n query GetRestaurantsByRestaurantOwnerIdByIsActive(\n $restaurantOwnerId: ID\n $isActive: ModelIntKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelRestaurantFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getRestaurantsByRestaurantOwnerIdByIsActive(\n restaurantOwnerId: $restaurantOwnerId\n isActive: $isActive\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n restaurantOwnerId\n name\n }\n nextToken\n }\n }\n `, { restaurantOwnerId: user.restaurantOwnerId });\n if (!data[0]) {\n global.logger.debug(user);\n } else {\n user.restaurantName = data[0].name;\n }\n }\n };\n\n await Promise.all([\n setFacilityName(),\n setOrgName(),\n setRestaurantName(),\n ]);\n\n\n user.roles = user.roles || '';\n if (user.groups.items.find(({ group }) => group === 'Admins')) {\n user.isAdmin = true;\n }\n if (user.groups.items.find(({ group }) => group === 'OrgAdmins')) {\n user.isOrgAdmin = true;\n }\n if (user.groups.items.find(({ group }) => group === 'FacilityAdmins')) {\n user.isFacilityAdmin = true;\n }\n if (user.groups.items.find(({ group }) => group === 'DeliveryStaffs')) {\n user.isDeliveryStaff = true;\n }\n if (user.groups.items.find(({ group }) => group === 'Clients')) {\n user.isClient = true;\n }\n if (user.groups.items.find(({ group }) => group === 'RestaurantOwners')) {\n user.isRestaurantOwner = true;\n }\n\n return user;\n };\n\n result = await Promise.all(result\n .sort(sortBy('name'))\n .sort(sortBy('username'))\n .map(setUserData));\n\n setData(result);\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n })();\n }, [lastUpdatedAt, organizationId, clientId]);\n\n return (\n \n \n
\n );\n}\n\nCustomLaneHeader.propTypes = {\n label: PropTypes.string,\n title: PropTypes.string,\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport IconButton from '@material-ui/core/IconButton';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from '@material-ui/core/Button';\n\nconst CustomLaneMenu = ({ onDeleteLane, onCopyLane, onSortLane, ...args }) => {\n const [showInput, setShowInput] = useState(false);\n const [newLaneName, setNewLaneName] = useState('');\n const [menuAnchorEl, setMenuAnchorEl] = useState(null);\n\n const handleCopyClick = () => {\n setMenuAnchorEl(null);\n setShowInput(true);\n };\n\n const handleInputChange = (e) => setNewLaneName(e.target.value);\n\n const handleCopySubmit = () => {\n if (newLaneName.trim() !== '') {\n onCopyLane(args.id, newLaneName);\n setNewLaneName('');\n setShowInput(false);\n }\n };\n\n return (\n {title}
\n {label}
\n \n \n {`拖曳複製至右方${t('送餐群組')}。`}\n \n \n setMenuAnchorEl(event.currentTarget)}\n size='small'\n >\n setMenuAnchorEl(null)}\n getContentAnchorEl={null}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'center',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'center',\n }}\n >\n {\n setMenuAnchorEl(null);\n onSortLane(args.id);\n }}\n >\n 規劃路線\n \n \n 複製群組\n \n {\n setMenuAnchorEl(null);\n if (window.confirm('確定要刪除此群組嗎？')) {\n onDeleteLane(args.id);\n }\n }}\n >\n 刪除群組\n \n \n {showInput && (\n
\n );\n};\n\nCustomLaneMenu.propTypes = {\n onDeleteLane: PropTypes.func.isRequired,\n onCopyLane: PropTypes.func.isRequired,\n onSortLane: PropTypes.func.isRequired,\n};\n\n\nexport default CustomLaneMenu;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { widgets } from 'react-trello';\nimport Typography from '@material-ui/core/Typography';\nimport CustomLaneMenu from './customLaneMenu';\n\nconst CustomDeliveryGroupLaneHeader = ({\n updateTitle, canAddLanes, editLaneTitle, label, title, t, ...props\n}) => {\n return (\n \n
\n )}\n \n {\n setShowInput(false);\n setNewLaneName('');\n }}\n color=\"default\"\n >\n 取消\n \n \n
\n \n \n \n {editLaneTitle ?\n \n \n {label}\n \n
\n {canAddLanes && \n
\n );\n}\n\nElderDeliveryGroupBoard.propTypes = {\n clientId: PropTypes.string,\n};\n","export const getEldersByClientByStatus = /* GraphQL */ `\n query GetEldersByClientByStatus(\n $clientId: ID\n $status: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelElderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getEldersByClientByStatus(\n clientId: $clientId\n status: $status\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n username\n status\n clientId\n county\n deliveryGroupId\n name\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getDeliveryGroupsByClientByIsActive = /* GraphQL */ `\n query GetDeliveryGroupsByClientByIsActive(\n $clientId: ID\n $isActive: ModelIntKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelDeliveryGroupFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getDeliveryGroupsByClientByIsActive(\n clientId: $clientId\n isActive: $isActive\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n clientId\n isActive\n name\n description\n note\n createdAt\n createdBy\n updatedAt\n updatedBy\n }\n nextToken\n }\n }\n`;\n\nexport const getElderDeliveryGroupsByClientByStatus = /* GraphQL */ `\n query GetElderDeliveryGroupsByClientByStatus(\n $clientId: ID\n $status: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelElderDeliveryGroupFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getElderDeliveryGroupsByClientByStatus(\n clientId: $clientId\n status: $status\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n elderId\n deliveryGroupId\n clientId\n status\n sortOrder\n }\n nextToken\n }\n }\n`;\n\nexport const getRecurringOrdersByDeliveryGroupByStatus = /* GraphQL */ `\n query GetRecurringOrdersByDeliveryGroupByStatus(\n $deliveryGroupId: ID\n $status: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelRecurringOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getRecurringOrdersByDeliveryGroupByStatus(\n deliveryGroupId: $deliveryGroupId\n status: $status\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n clientId\n elderId\n deliveryGroupId\n deliveryStaffId\n restaurantId\n deliveryBy\n mealSlot\n category\n status\n updatedAt\n updatedBy\n }\n nextToken\n }\n }\n`;\n","/* eslint-disable quotes, comma-dangle */\nimport {\n processStatus,\n} from '@silvergatedelivery/constants';\n\nexport default {\n \"title\": \"捐贈紀錄\",\n \"type\": \"object\",\n \"required\": [\n \"status\", \"clientId\",\n \"count\", \"unit\", \"unitValue\",\n \"totalValue\"\n ],\n \"properties\": {\n \"status\": {\n \"type\": \"string\",\n \"title\": \"狀態\",\n 'enum': processStatus.map(({ value }) => value),\n 'enumNames': processStatus.map(({ label }) => label),\n 'default': processStatus[0].value,\n },\n \"clientId\": {\n \"type\": \"string\",\n \"title\": \"客戶\"\n },\n // \"username\": {\n // \"type\": [\"string\", \"null\"],\n // \"title\": \"客戶帳號\"\n // },\n // \"transactionId\": {\n // \"type\": [\"string\", \"null\"],\n // \"title\": \"交易紀錄編號\"\n // },\n \"sponsorProgramId\": {\n \"type\": [\"string\", \"null\"],\n \"title\": \"捐贈項目\"\n },\n \"count\": {\n \"type\": \"number\",\n \"title\": \"數量\",\n \"default\": 1\n },\n \"unit\": {\n \"type\": \"string\",\n \"title\": \"單位 (ex: 餐/堂/箱)\",\n \"default\": \"元\"\n },\n \"unitValue\": {\n \"type\": \"number\",\n \"title\": \"單位價格\",\n \"default\": 100\n },\n \"totalValue\": {\n \"type\": \"number\",\n \"title\": \"總金額\",\n \"default\": 100\n },\n \"note\": {\n \"type\": [\"string\", \"null\"],\n \"title\": \"備註\"\n }\n }\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataForm from 'forms/DataForm';\nimport { request } from 'utilities/graph';\nimport { createSponsorship, updateSponsorship } from 'graphql/mutations';\nimport schema from './schema.js';\nimport uiSchema from './uiSchema';\n\nexport default function Form({ ...props }) {\n const createFunc = async (data) => {\n const { data: { getClient: client } } = await request( /* GraphQL */ `\n query GetClient($id: ID!) {\n getClient(id: $id) {\n id\n username\n }\n }\n `, { id: data.clientId });\n\n data = Object.assign(data, {\n fulfilledCount: 0,\n fulfilledValue: 0,\n username: client.username || 'N/A',\n });\n\n await request(createSponsorship, { input: data });\n };\n\n const updateFunc = async (data) => {\n delete data.client;\n delete data.sponsorProgram;\n delete data.fulfillments;\n\n await request(updateSponsorship, { input: data });\n };\n\n return (\n \n \n \n \n {\n setSearchText(e.target.value);\n }}\n element={TextField}\n id={`search-text`}\n label=\"\"\n value={searchText}\n type={'text'}\n placeholder=\"搜尋\"\n variant=\"outlined\"\n margin=\"dense\"\n // disabled={isLoading}\n />\n {\n setShowAddress(e.target.checked);\n }}\n />\n }\n label={'顯示地址'}\n />\n {\n setShowMap(e.target.checked);\n }}\n />\n }\n label={'顯示地圖'}\n />\n {\n setShowDuplicated(e.target.checked);\n }}\n />\n }\n label={'顯示重複設定'}\n />\n {\n setShowUnassigned(e.target.checked);\n }}\n />\n }\n label={'顯示未分配'}\n />\n \n \n {elders.length > 0 &&\n \n ,\n LaneHeader: (args) => {\n // global.logger.debug('lane', args);\n if (args.id === FIXED_SOURCE_LANE_ID) {\n return }\n \n
\n \n {isLoading &&\n
\n \n \n {mapWidth === '30%' ?
\n \n moment(v).format('YYYY-MM-DD')}\n onDayChange={(day) => {\n setDesireStartDate(moment(day).toISOString());\n setIsDirty(true);\n }}\n dayPickerProps={{\n disabledDays: {\n after: new Date(desireEndDate),\n },\n }}\n inputProps={{\n className: classes.input,\n }}\n />\n moment(v).format('YYYY-MM-DD')}\n onDayChange={(day) => {\n setDesireEndDate(moment(day).toISOString());\n setIsDirty(true);\n }}\n dayPickerProps={{\n disabledDays: {\n before: new Date(desireStartDate),\n },\n }}\n inputProps={{\n className: classes.input,\n }}\n />\n \n
);\n}\n\n\nDateRangeSelector.propTypes = {\n startDate: PropTypes.string,\n endDate: PropTypes.string,\n onUpdate: PropTypes.func,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport { green, red } from '@material-ui/core/colors';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n padding: theme.spacing(2),\n },\n value: {\n margin: theme.spacing(1),\n },\n}));\nexport default function SummaryCard({ title, value, prevValue, unit = '', appendix = '', period, elevation=1 }) {\n const classes = useStyles();\n\n let p;\n switch (period) {\n case 'year':\n p = '去年';\n break;\n case 'month':\n p = '上個月';\n break;\n case 'week':\n p = '上週';\n break;\n case 'day':\n default:\n p = '昨日';\n break;\n }\n\n const showDiff = prevValue !== void(0);\n const diff = +(((prevValue ? (value - prevValue) / prevValue : value) * 100).toFixed(0));\n const isSame = diff === 0;\n const isIncreased = diff > 0;\n const desc = isSame ? `與${p}相同` : `與${p}(${unit}${prevValue}${appendix})相比 ${isIncreased?'增加':'減少'} ${Math.abs(diff)}%`;\n\n return (\n \n
\n \n
\n \n (\n \n {point.serieId}
\n {point.data.xFormatted} : {point.data.yFormatted}\n
\n )}\n useMesh={true}\n legends={[\n {\n anchor: 'bottom-right',\n direction: 'column',\n justify: false,\n translateX: 100,\n translateY: 0,\n itemsSpacing: 0,\n itemDirection: 'left-to-right',\n itemWidth: 80,\n itemHeight: 20,\n itemOpacity: 0.85,\n symbolSize: 20,\n symbolShape: 'circle',\n effects: [\n {\n on: 'hover',\n style: {\n itemOpacity: 1,\n },\n },\n ],\n },\n ]}\n />\n \n \n {point.data.xFormatted} : {point.data.yFormatted}\n
\n
\n \n 
\n
\n\n \n \n {periodOptions.map((item, index)=>(\n setPeriod(item.value)}\n >\n {item.label}\n \n ))}\n \n
\n \n \n {periodOptions2.map((item, index)=>(\n setPeriod(item.value)}\n >\n {item.label}\n \n ))}\n \n
\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nClientDetails.propTypes = {\n id: PropTypes.string,\n computedMatch: PropTypes.object,\n isNested: PropTypes.bool,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\n\nimport { clientStatus } from '@silvergatedelivery/constants';\n\nconst useStyles = makeStyles((theme) => ({\n chip: {\n height: 22,\n margin: 2,\n fontWeight: 'bold',\n },\n}));\n\nexport default function ClientChip({ status }) {\n const classes = useStyles();\n const matchedOrderStatus = clientStatus.find((item) => item.value === status);\n const label = matchedOrderStatus ? matchedOrderStatus.label : 'N/A';\n const backgroundColor = matchedOrderStatus ? matchedOrderStatus.color : undefined;\n const color = backgroundColor ? '#fff' : undefined;\n\n return (\n {value}\n
\n ),\n },\n },\n {\n name: 'username',\n label: '登入帳號',\n options: {\n filter: false,\n sort: true,\n customBodyRender: (value) => (\n \n {value}\n
\n ),\n },\n hideInOrgMode: true,\n },\n {\n name: 'address',\n label: '地址',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: formatAddress,\n },\n },\n {\n name: 'usersLimit',\n label: '登入用戶上限',\n type: 'number',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'eldersLimit',\n label: `${t('送餐對象')}上限`,\n type: 'number',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'useDedicatedDeliveryStaffs',\n label: `限制${t('送餐大使')}`,\n type: 'checkbox',\n options: {\n filter: true,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'featureConfiguration.dementiaQuestionnaire',\n label: '參加失智防治推廣問卷調查',\n type: 'checkbox',\n options: {\n filter: true,\n sort: true,\n },\n },\n {\n name: 'basicFee',\n label: '交通基本費',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n\n {\n name: 'basicDistanceInKM',\n label: '基本里程(公里)',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'extraFeeInKM',\n label: '每公里加成費',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'facilitySettings.govQualifiedPrice',\n label: '政府核定單價',\n type: 'number',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'createdBy',\n label: '創立者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedBy',\n label: '更新者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'id',\n label: ' ',\n options: {\n display: true,\n filter: false,\n sort: false,\n download: false,\n print: false,\n customBodyRender(id) {\n return (\n \n
\n \n
\n \n
\n \n \n {periodOptions.map((item, index)=>(\n setPeriod(item.value)}\n >\n {item.label}\n \n ))}\n \n
\n \n \n {periodOptions2.map((item, index)=>(\n setPeriod(item.value)}\n >\n {item.label}\n \n ))}\n \n
\n \n {progressStatus.current && Object.keys(progressStatus.current).map((key) => {\n return \n {getClientName(key)} 讀取進度：{progressStatus.current[key]}\n ;\n })}\n
\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nOrganizationDetails.propTypes = {\n id: PropTypes.string,\n computedMatch: PropTypes.object,\n isNested: PropTypes.bool,\n clientIds: PropTypes.array,\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTable from 'components/Table/DataTable';\nimport { listOrganizations } from 'graphql/queries';\nimport OrganizationDetails from 'components/OrganizationDetails';\nimport NestedTableContainer from 'components/Table/NestedTableContainer';\nimport LinkButton from 'components/Table/LinkButton';\nimport OrganizationEditButton from 'forms/OrganizationForm/OrganizationEditButton';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport Typography from '@material-ui/core/Typography';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nexport default function OrganizationTable({\n title = '組織',\n description,\n}) {\n const [indexes, setIndexes] = useState();\n const [queryParams, setQueryParams] = useState();\n\n const columns = [\n { // fixed at 1st, don't move it\n name: 'id',\n label: '編號',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n { // fixed at 2nd, don't move it\n name: 'clients',\n label: '機構編號',\n options: {\n display: 'excluded',\n filter: false,\n sort: false,\n customBodyRender(clients) {\n const { items } = clients;\n if (items && items.length !== 0) {\n return items.map(( { client }) => client.id);\n }\n return [];\n },\n },\n },\n {\n name: 'name',\n label: '名稱',\n options: {\n display: true,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'description',\n label: '描述',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'clients.items',\n label: '機構',\n options: {\n display: true,\n filter: false,\n sort: false,\n customBodyRender(items) {\n if (items && items.length !== 0) {\n return <>\n {\n items.map(( { id, client, visitorMode, clientMode, elderSetting }) => {\n return \n \n {visitorMode ? \n \n {clientMode ? \n \n {elderSetting ? \n {client.name} \n
;\n })\n }\n ;\n }\n return '';\n },\n },\n },\n {\n name: 'createdBy',\n label: '創立者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedBy',\n label: '更新者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'id',\n label: ' ',\n options: {\n display: true,\n filter: false,\n sort: false,\n download: false,\n print: false,\n customBodyRender(id) {\n return (\n \n {value}\n
\n ),\n },\n },\n {\n name: 'username',\n label: '登入帳號',\n options: {\n filter: false,\n sort: true,\n customBodyRender: (value) => (\n \n {value}\n
\n ),\n },\n hideInOrgMode: true,\n },\n {\n name: 'address',\n label: '地址',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: formatAddress,\n },\n },\n {\n name: 'translation',\n label: '介面用詞',\n options: {\n filter: true,\n sort: true,\n customBodyRender(value) {\n return value ? translationTypes.find((item) => item.value === value).label : '';\n },\n },\n hideInOrgMode: true,\n },\n {\n name: 'basicFee',\n label: '交通基本費',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n\n {\n name: 'basicDistanceInKM',\n label: '基本里程(公里)',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'extraFeeInKM',\n label: '每公里加成費',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n hideInOrgMode: true,\n },\n {\n name: 'createdBy',\n label: '創立者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedBy',\n label: '更新者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'id',\n label: ' ',\n options: {\n display: true,\n filter: false,\n sort: false,\n download: false,\n print: false,\n customBodyRender(id) {\n return (\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nDeliveryStaffDetails.propTypes = {\n id: PropTypes.string,\n computedMatch: PropTypes.object,\n isNested: PropTypes.bool,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\n\nimport { deliveryStaffStatus } from '@silvergatedelivery/constants';\n\nconst useStyles = makeStyles((theme) => ({\n mapContainer: {\n flex: 1,\n },\n actionContainer: {\n padding: theme.spacing(2),\n },\n chip: {\n height: 22,\n margin: 2,\n fontWeight: 'bold',\n },\n}));\n\nexport default function DeliveryStaffChip({ status }) {\n const classes = useStyles();\n\n const matchedOrderStatus = deliveryStaffStatus.find((item) => item.value === status);\n const label = matchedOrderStatus ? matchedOrderStatus.label : 'N/A';\n const backgroundColor = matchedOrderStatus ? matchedOrderStatus.color : undefined;\n const color = backgroundColor ? '#fff' : undefined;\n\n return (\n {value}\n
\n ),\n },\n },\n {\n name: 'identificationCardId',\n label: '身分證字號',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'address',\n label: '地址',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: formatAddress,\n },\n },\n {\n name: 'documents',\n label: '資料檔案',\n options: {\n filter: true,\n sort: true,\n customBodyRender(documents) {\n return !documents || documents.length === 0 ? '未上傳' : documents.length < 6 ? '部分上傳' : '已上傳';\n },\n },\n },\n {\n name: 'sTokenLastMonth',\n label: '上個月SToken',\n type: 'number',\n options: {\n filter: false,\n sort: true,\n },\n },\n {\n name: 'totalEarnedSToken',\n label: '總計入SToken',\n type: 'number',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'completedOrderCount',\n label: '總訂單數',\n type: 'number',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'sTokenReportedAt',\n label: '上次SToken紀錄時間',\n type: 'datetime',\n options: {\n filter: false,\n sort: true,\n },\n },\n\n {\n name: 'createdBy',\n label: '創立者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedBy',\n label: '更新者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n // display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'id',\n label: ' ',\n options: {\n display: 'always',\n filter: false,\n sort: false,\n download: false,\n print: false,\n customBodyRender(id) {\n return (\n \n
\n \n
\n \n
\n \n {progressStatus.current && Object.keys(progressStatus.current).map((key) => {\n return \n {key} 讀取進度：{progressStatus.current[key]}\n ;\n })}\n
\n \n \n {periodOptions.map((item, index)=>(\n {\n setPeriod(item.value);\n setMonthSelected('');\n }}\n >\n {item.label}\n \n ))}\n \n
\n \n \n {periodOptions2.map((item, index)=>(\n {\n setPeriod(item.value);\n setMonthSelected('');\n }}\n >\n {item.label}\n \n ))}\n \n
\n \n \n {steps.map((label, index) => (\n \n \n {label}\n \n \n ))}\n \n
\n );\n}\n\nIssueStatusProgress.propTypes = {\n status: PropTypes.string,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Typography from '@material-ui/core/Typography';\n\nimport CustomTimeline from 'components/CustomTimeline';\n\nexport default function IssueTimeline({ issue, comments = [] }) {\n if (!issue) return null;\n\n const render = (item, index) => {\n if (index === 0) {\n return (\n
\n \n {selected.map((value) => {\n const matchedStatus = issueStatus.find((item)=>item.value === value);\n const label = matchedStatus ? matchedStatus.label : value;\n const backgroundColor = matchedStatus ? matchedStatus.color : undefined;\n const color = backgroundColor ? '#fff' : undefined;\n\n return (
\n );\n\n const updateQuery = (key, value) => {\n query[key] = value;\n setQuery({ ...query });\n };\n\n useEffect(() => {\n if (hasLoadAdmins) return;\n (async () => {\n setAdmins(await asyncListAll(listAdmins));\n setHasLoadAdmins(true);\n })();\n }, [hasLoadAdmins]);\n\n useEffect(() => {\n if (!query) return;\n (async () => {\n try {\n setIsLoading(true);\n const { county, status } = query;\n\n let data = [];\n if (county.length > 0) {\n await Promise.all(county.map(async (countyItem) => {\n if (status.length > 0) {\n await Promise.all(status.map(async (statusItem) => {\n const params = {\n county: countyItem,\n status: { eq: statusItem },\n };\n const records = await asyncListAll(getIssuesByCountyByStatus, params);\n data = [...data, ...records];\n }));\n } else {\n const params = {\n county: countyItem,\n };\n const records = await asyncListAll(getIssuesByCountyByStatus, params);\n data = [...data, ...records];\n }\n }));\n } else\n if (status.length > 0) {\n await Promise.all(status.map(async (item) => {\n const records = await asyncListAll(getIssuesByStatusByCreatedAt, { status: item });\n data = [...data, ...records];\n }));\n } else {\n data = await asyncListAll(listIssues);\n }\n\n data = data.sort(sortBy('updatedAt', true));\n\n setIssues(data);\n setSelectedIssue(data[0]);\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n })();\n }, [query, lastUpdatedAt]);\n\n return (\n - \n {issues.map((issue, index)=>(\n
\n
\n );\n}\n","export const getEldersByClientByStatus = /* GraphQL */ `\n query GetEldersByClientByStatus(\n $clientId: ID\n $status: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelElderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getEldersByClientByStatus(\n clientId: $clientId\n status: $status\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n username\n status\n clientId\n county\n deliveryGroupId\n name\n nickname\n birthday\n gender\n phoneNumber\n phoneNumber2\n phoneNumber3\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n identificationCardId\n serviceCode\n sortOrder\n noteForDelivery\n noteForMeal\n note\n noteOther\n preferDeliveryTimes\n isAllowedToEnterHome\n otherSocialServices\n isDisadvantaged\n relationshipToClient\n govQualifiedCount\n govQualifiedPrice\n outOfPocket\n feeCollectMethod\n disadvantagedTypes\n disadvantagedTypesHistory {\n approvedDate\n disadvantagedTypes\n }\n disabilityLevel\n cmsLevel\n caseNumber\n supervisorId\n linkGroupName\n fixedDeliveryStaffFee\n paymentBankIndex\n defaultDeliveryStaffId\n paymentMethod\n createdAt\n createdBy\n updatedAt\n updatedBy\n }\n nextToken\n }\n }\n`;\n\nexport const getEldersByServiceCodeByStatus = /* GraphQL */ `\n query GetEldersByServiceCodeByStatus(\n $serviceCode: String\n $status: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelElderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getEldersByServiceCodeByStatus(\n serviceCode: $serviceCode\n status: $status\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n username\n status\n clientId\n county\n deliveryGroupId\n name\n nickname\n birthday\n gender\n phoneNumber\n phoneNumber2\n phoneNumber3\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n identificationCardId\n serviceCode\n sortOrder\n noteForDelivery\n noteForMeal\n note\n noteOther\n preferDeliveryTimes\n isAllowedToEnterHome\n otherSocialServices\n isDisadvantaged\n relationshipToClient\n govQualifiedCount\n govQualifiedPrice\n outOfPocket\n feeCollectMethod\n disadvantagedTypes\n disadvantagedTypesHistory {\n approvedDate\n disadvantagedTypes\n }\n supervisorId\n linkGroupName\n paymentBankIndex\n createdAt\n createdBy\n updatedAt\n updatedBy\n client {\n id\n username\n name\n facilitySettings {\n dba\n }\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getEldersByClientByServiceCode = /* GraphQL */ `\n query GetEldersByClientByServiceCode(\n $clientId: ID\n $serviceCode: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelElderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getEldersByClientByServiceCode(\n clientId: $clientId\n serviceCode: $serviceCode\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n username\n status\n clientId\n county\n deliveryGroupId\n name\n nickname\n birthday\n gender\n phoneNumber\n phoneNumber2\n phoneNumber3\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n identificationCardId\n serviceCode\n sortOrder\n noteForDelivery\n noteForMeal\n note\n noteOther\n preferDeliveryTimes\n isAllowedToEnterHome\n otherSocialServices\n isDisadvantaged\n relationshipToClient\n govQualifiedCount\n govQualifiedPrice\n outOfPocket\n feeCollectMethod\n disadvantagedTypes\n disadvantagedTypesHistory {\n approvedDate\n disadvantagedTypes\n }\n supervisorId\n linkGroupName\n paymentBankIndex\n createdAt\n createdBy\n updatedAt\n updatedBy\n client {\n id\n username\n name\n facilitySettings {\n dba\n }\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getOrdersByClientByDate = /* GraphQL */ `\n query GetOrdersByClientByDate(\n $clientId: ID\n $date: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getOrdersByClientByDate(\n clientId: $clientId\n date: $date\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n elderId\n deliveryStaffId\n restaurantId\n clientId\n mealSlot\n date\n deliveryBy\n status\n category\n totalCost\n total\n quantity\n mealItems {\n name\n quantity\n price\n cost\n note\n surcharges {\n name\n price\n }\n }\n direction {\n durationInSeconds\n }\n linkGroupElderIds\n }\n nextToken\n }\n }\n`;\n\nexport const getOrdersByElderByDate = /* GraphQL */ `\n query GetOrdersByElderByDate(\n $elderId: ID\n $date: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getOrdersByElderByDate(\n elderId: $elderId\n date: $date\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n elderId\n deliveryStaffId\n restaurantId\n clientId\n mealSlot\n date\n deliveryBy\n status\n category\n totalCost\n total\n quantity\n mealItems {\n name\n quantity\n price\n cost\n note\n }\n deliveryStaffFee\n direction {\n distance\n distanceInMeters\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getOrdersByStatusByDate = /* GraphQL */ `\n query GetOrdersByStatusByDate(\n $status: OrderStatus\n $date: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getOrdersByStatusByDate(\n status: $status\n date: $date\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n elderId\n deliveryStaffId\n restaurantId\n clientId\n date\n mealSlot\n deliveryBy\n status\n category\n totalCost\n total\n quantity\n mealItems {\n name\n quantity\n price\n cost\n note\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getRestaurantsByClientByIsActive = /* GraphQL */ `\n query GetRestaurantsByClientByIsActive(\n $clientId: ID\n $isActive: ModelIntKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelRestaurantFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getRestaurantsByClientByIsActive(\n clientId: $clientId\n isActive: $isActive\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n owner\n restaurantOwnerId\n isActive\n county\n clientId\n category\n name\n description\n phoneNumber\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n }\n nextToken\n }\n }\n`;\n\nexport const getPandagoOrdersByProcessStatusByShouldBeSentToPandago = /* GraphQL */ `\n query GetPandagoOrdersByProcessStatusByShouldBeSentToPandago(\n $processStatus: ProcessStatus\n $shouldBeSentToPandagoAt: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelPandagoOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getPandagoOrdersByProcessStatusByShouldBeSentToPandago(\n processStatus: $processStatus\n shouldBeSentToPandagoAt: $shouldBeSentToPandagoAt\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n pandagoOrderId\n status\n paymentMethod\n amount\n description\n fee\n estimatedPickupTime\n estimatedDeliveryTime\n driver {\n name\n phoneNumber\n }\n cancelledBy\n cancelledReason\n processStatus\n processStatusMessage\n # processStatusLastCheckedAt\n # processlogs\n shouldBeSentToPandagoAt\n # pandagoOrderPayload\n note\n orderId\n }\n nextToken\n }\n }\n`;\n\nexport const getOrder = /* GraphQL */ `\n query GetOrder($id: ID!) {\n getOrder(id: $id) {\n id\n clientId\n restaurantId\n elderId\n date\n mealSlot\n deliveryBy\n status\n county\n deliveryStaffId\n deliveryStaffOrderId\n deliveryStaffFee\n elder {\n name\n address {\n county\n district\n street\n zipCode\n lat\n lng\n }\n }\n restaurant {\n name\n address {\n county\n district\n street\n zipCode\n lat\n lng\n }\n }\n direction {\n startAddress\n startLocation {\n lat\n lng\n }\n endAddress\n endLocation {\n lat\n lng\n }\n distance\n duration\n distanceInMeters\n durationInSeconds\n overviewPolyline\n }\n \n }\n }\n`;\n\nexport const getUberOrdersByProcessStatusByShouldBeSentToUber = /* GraphQL */ `\n query GetUberOrdersByProcessStatusByShouldBeSentToUber(\n $processStatus: ProcessStatus\n $shouldBeSentToUberAt: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelUberOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getUberOrdersByProcessStatusByShouldBeSentToUber(\n processStatus: $processStatus\n shouldBeSentToUberAt: $shouldBeSentToUberAt\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n uberDeliveryId\n quoteId\n status\n complete\n kind\n uuid\n liveMode\n manifestReference\n fee\n courier {\n name\n rating\n vehicleType\n vehicleMake\n vehicleModel\n vehicleColor\n phoneNumber\n imgHref\n location {\n lat\n lng\n }\n }\n trackingUrl\n undeliverableAction\n undeliverableReason\n cancelledReason\n deliverableAction\n courierNotes\n amount\n description\n processStatus\n processStatusMessage\n processStatusLastCheckedAt\n # processlogs\n shouldBeSentToUberAt\n # uberQuotePayload\n # uberOrderPayload\n note\n orderId\n elderId\n restaurantId\n clientId\n deliveryStaffId\n createdAt\n createdBy\n updatedAt\n updatedBy\n }\n nextToken\n }\n }\n`;\n\nexport const getPandagoOrdersByOrderByCreatedAt = /* GraphQL */ `\n query GetPandagoOrdersByOrderByCreatedAt(\n $orderId: ID\n $createdAt: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelPandagoOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getPandagoOrdersByOrderByCreatedAt(\n orderId: $orderId\n createdAt: $createdAt\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n pandagoOrderId\n orderId\n # status\n # paymentMethod\n # amount\n # description\n # fee\n # estimatedPickupTime\n # estimatedDeliveryTime\n driver {\n id\n name\n phoneNumber\n }\n # cancelledBy\n # cancelledReason\n # processStatus\n # processStatusMessage\n # processStatusLastCheckedAt\n # processlogs\n # shouldBeSentToPandagoAt\n # pandagoOrderPayload\n # proofOfDeliveryS3Key\n # note\n # orderId\n # elderId\n # restaurantId\n # clientId\n # deliveryStaffId\n # createdAt\n # createdBy\n # updatedAt\n # updatedBy\n }\n nextToken\n }\n }\n`;\n\nexport const getLalamoveOrdersByProcessStatusByShouldBeSentToLalamove = /* GraphQL */ `\n query GetLalamoveOrdersByProcessStatusByShouldBeSentToLalamove(\n $processStatus: ProcessStatus\n $shouldBeSentToLalamoveAt: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelLalamoveOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getLalamoveOrdersByProcessStatusByShouldBeSentToLalamove(\n processStatus: $processStatus\n shouldBeSentToLalamoveAt: $shouldBeSentToLalamoveAt\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n lalamoveDeliveryId\n quotationId\n priceBreakdown {\n base\n extraMileage\n surcharge\n totalExcludePriorityFee\n total\n currency\n priorityFee\n }\n priorityFee\n driverId\n shareLink\n status\n distance {\n value\n unit\n }\n fee\n driver {\n driverId\n name\n phone\n plateNumber\n }\n description\n processStatus\n processStatusMessage\n processStatusLastCheckedAt\n processlogs\n shouldBeSentToLalamoveAt\n lalamoveQuotePayload\n lalamoveOrderPayload\n note\n orderId\n elderId\n restaurantId\n clientId\n deliveryStaffId\n orderIds\n createdAt\n createdBy\n updatedAt\n updatedBy\n }\n nextToken\n }\n }\n`;\n","import moment from 'moment-timezone';\nimport { TIME_ZONE } from '@silvergatedelivery/constants';\nimport { sortBy } from 'utilities/sorting';\n\nexport const getSplitNumberMappings = (value) => {\n const numberString = `${value}`.split('');\n\n return {\n 十萬: numberString[numberString.length - 6] || '',\n 萬: numberString[numberString.length - 5] || '',\n 千: numberString[numberString.length - 4] || '',\n 百: numberString[numberString.length - 3] || '',\n 十: numberString[numberString.length - 2] || '',\n 元: numberString[numberString.length - 1] || '',\n };\n};\n\nexport const getMonthDates = (inMonth = 'YYYY-MM', format = 'DD dddd') => {\n const daysInMonth = moment(inMonth).daysInMonth();\n const arrDays = Array(daysInMonth).fill('').map((x, index) => {\n const d = moment(inMonth)\n .startOf('month')\n .add(index, 'days');\n let label = d.locale('zh-tw').format(format);\n if (format === 'DD dddd') {\n label = label.replace(' 星期', '(') + ')';\n }\n return {\n date: d.format('YYYY-MM-DD'),\n label,\n };\n });\n\n return arrDays;\n};\n\nexport const convertDateToZhFormat = (inDate = 'YYYY-MM-DD') => {\n const [year, month, day] = inDate.split('-');\n\n return `${parseInt(year) - 1911}/${month}/${day}`;\n};\n\nexport const getROCYear = (yearMonth) => {\n if (!yearMonth) return '';\n const [year] = yearMonth.split('-');\n return `${parseInt(year) - 1911}`;\n};\n\nfunction alphaToNum(alpha) {\n let i = 0;\n let num = 0;\n const len = alpha.length;\n\n for (; i < len; i++) {\n num = num * 26 + alpha.charCodeAt(i) - 0x40;\n }\n\n return num - 1;\n}\n\nfunction numToAlpha(num) {\n let alpha = '';\n\n for (; num >= 0; num = parseInt(num / 26, 10) - 1) {\n alpha = String.fromCharCode(num % 26 + 0x41) + alpha;\n }\n\n return alpha;\n}\n\nexport const buildColumnsArray = (range) => {\n let i;\n const res = [];\n const rangeNum = range.split(':').map((val) => {\n return alphaToNum(val.replace(/[0-9]/g, ''));\n });\n const start = rangeNum[0];\n const end = rangeNum[1] + 1;\n\n for (i = start; i < end; i++) {\n res.push(numToAlpha(i));\n }\n\n return res;\n};\n\nexport const processShareOrder = (elders, orders) => {\n const linkGroupMappings = {};\n const log = [];\n elders.forEach((elder) => {\n if (elder.linkGroupName) {\n const elderOrders = orders.filter((({ elderId }) => elderId === elder.id));\n const data = linkGroupMappings[elder.linkGroupName] || {\n linkGroupName: elder.linkGroupName,\n elderIds: [],\n sharedOrders: [],\n };\n data.elderIds.push(elder.id);\n data.sharedOrders = [\n ...data.sharedOrders,\n ...elderOrders,\n ];\n linkGroupMappings[elder.linkGroupName] = data;\n }\n });\n\n Object.keys(linkGroupMappings).forEach((key) => {\n const { elderIds, sharedOrders } = linkGroupMappings[key];\n sharedOrders.forEach((order) => {\n let showLog = false;\n // 處理史家四人狀況，午餐一人，晚餐四人\n let numberOfMeals = elderIds.length - 1; // copy 到另外三人\n if (order.mealItems && order.mealItems.length === 1) { // 一種餐點，不同份數 (如果是多種餐點可能會錯掉，沒辦法產出正確報表)\n numberOfMeals = order.mealItems[0].quantity - 1; // 如果只有一份就不copy到其他人\n }\n const copiedTo = [];\n if (numberOfMeals < elderIds.length - 1) {\n showLog = true;\n }\n if (numberOfMeals > 0) {\n const elderIdsToShare = order.linkGroupElderIds && order.linkGroupElderIds.length !== 0 ? order.linkGroupElderIds : elderIds;\n elderIdsToShare.forEach((elderId) => {\n const matched = orders.find((x) => x.id === order.id && x.elderId === elderId);\n if (!matched && numberOfMeals > 0) {\n if (order.mealItems) {\n order.mealItems[0].quantity -= 1;\n }\n const copiedOrder = JSON.parse(JSON.stringify(order));\n copiedOrder.elderId = elderId;\n if (copiedOrder.mealItems) {\n copiedOrder.mealItems[0].quantity = 1;\n }\n orders.push(copiedOrder);\n numberOfMeals -= 1;\n copiedTo.push(elderId);\n }\n });\n }\n if (showLog) {\n const elderName = elders.find(({ id }) => id === order.elderId).name;\n const copiedToNames = copiedTo.map((elderId) => {\n const elder = elders.find(({ id }) => id === elderId);\n return elder.name;\n });\n // console.log(`家庭代碼缺少餐點 ${key} ${order.id} ${order.date} ${order.mealSlot} 訂單從 ${elderName} 複製到 ${copiedToNames.join(', ')}`);\n log.push({\n '編號': order.id,\n '家庭代碼': key,\n '訂單送餐對象': elderName,\n '日期': order.date,\n '餐別': order.mealSlot === 'lunch' ? '午餐' : '晚餐',\n '餐點分配對象': copiedToNames.join(','),\n });\n }\n });\n });\n return log;\n};\n\nexport const processDisadvantagedTypes = (selectedMonth, elders, inFromDate, inToDate) => {\n const fromDate = inFromDate || moment(selectedMonth).tz(TIME_ZONE).startOf('month').format('YYYY-MM-DD');\n const endDate = inToDate ?\n moment(inToDate).tz(TIME_ZONE).add(1, 'days').format('YYYY-MM-DD') :\n moment(selectedMonth).tz(TIME_ZONE).endOf('month').add(1, 'days').format('YYYY-MM-DD');\n elders.forEach((elder) => {\n const { disadvantagedTypesHistory, disadvantagedTypes } = elder;\n if (disadvantagedTypesHistory && disadvantagedTypesHistory.length !== 0) {\n const disadvantagedTypesSlot = [];\n disadvantagedTypesHistory.sort(sortBy('approvedDate')).forEach(({ approvedDate, disadvantagedTypes }, index) => {\n if (approvedDate === fromDate) {\n disadvantagedTypesSlot.push({\n start: approvedDate,\n type: disadvantagedTypes,\n });\n } else if (approvedDate > fromDate) {\n if (approvedDate <= endDate) {\n if (disadvantagedTypesSlot.length === 0) {\n disadvantagedTypesSlot.push({\n start: fromDate,\n end: approvedDate,\n type: index === 0 ? '一般' : disadvantagedTypesHistory[index - 1].disadvantagedTypes,\n });\n disadvantagedTypesSlot.push({\n start: approvedDate,\n type: disadvantagedTypes,\n });\n } else {\n disadvantagedTypesSlot[disadvantagedTypesSlot.length - 1].end = approvedDate;\n disadvantagedTypesSlot.push({\n start: approvedDate,\n type: disadvantagedTypes,\n });\n }\n } else { // approvedDate > endOfSelectedMonth\n if (disadvantagedTypesSlot.length === 0) {\n disadvantagedTypesSlot.push({\n start: fromDate,\n type: index === 0 ? '一般' : disadvantagedTypesHistory[index - 1].disadvantagedTypes,\n });\n }\n }\n }\n });\n if (disadvantagedTypesSlot.length === 0) {\n disadvantagedTypesSlot.push({\n start: fromDate,\n type: disadvantagedTypesHistory[disadvantagedTypesHistory.length - 1].disadvantagedTypes,\n });\n }\n disadvantagedTypesSlot[disadvantagedTypesSlot.length - 1].end = endDate;\n elder.disadvantagedTypesSlot = disadvantagedTypesSlot;\n } else if (!disadvantagedTypes) {\n elder.disadvantagedTypesSlot = [{\n start: fromDate,\n end: endDate,\n type: '一般',\n }];\n }\n });\n};\n\nexport const unifyCellStyle = (worksheet, rowCount = 1, colRange = 'A:BB', style) => {\n const columnNames = buildColumnsArray(colRange);\n\n style = style || {\n alignment: {\n wrapText: true,\n vertical: 'top',\n // horizontal: 'center',\n },\n };\n\n Array(rowCount).fill('').map((x, index) => {\n columnNames.forEach((col) => {\n const name = `${col}${index+1}`;\n if (worksheet[name]) {\n worksheet[name].s = style;\n }\n });\n });\n\n return worksheet;\n};\n\nexport const numberToChineseUpper = (number) => {\n const chineseNumbers = ['', '壹', '貳', '參', '肆', '伍', '陸', '柒', '捌', '玖'];\n const chineseUnits = ['', '拾', '佰', '仟'];\n const chineseBigUnits = ['', '萬', '億', '兆', '京'];\n\n const numStr = number.toString();\n let result = '';\n let groupCount = 0;\n let groupStr = '';\n\n for (let i = numStr.length - 1; i >= 0; i--) {\n const digit = parseInt(numStr[i]);\n if (digit !== 0) {\n groupStr = chineseNumbers[digit] + chineseUnits[groupCount % 4] + groupStr;\n } else {\n if (groupStr !== '') {\n groupStr = '零' + groupStr;\n }\n }\n\n if (groupCount % 4 === 3 || i === 0) {\n result = groupStr + chineseBigUnits[Math.floor(groupCount / 4)] + result;\n groupStr = '';\n }\n groupCount++;\n }\n\n if (result === '') {\n return '零';\n }\n\n return result;\n};\n\nexport const getWeeksOfMonth = (month) => {\n const weeks = [];\n\n const firstDayOfMonth = moment(month, 'YYYY-MM').startOf('month');\n const lastDayOfMonth = moment(month, 'YYYY-MM').endOf('month');\n\n const startOfWeek = firstDayOfMonth.clone().startOf('week').add(1, 'days'); // Monday\n\n while (startOfWeek <= lastDayOfMonth) {\n const endOfWeek = startOfWeek.clone().add(6, 'days');\n weeks.push({\n start: startOfWeek.clone().format('YYYY-MM-DD'),\n end: endOfWeek.format('YYYY-MM-DD'),\n });\n startOfWeek.add(7, 'days');\n }\n\n return weeks;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Icon from '@material-ui/core/Icon';\nimport EmojiObjectsOutlinedIcon from '@material-ui/icons/EmojiObjectsOutlined';\n\nexport default function LabelWithToolTip({ label, tooltip, color='#FFD700' }) {\n return (\n \n {label}\n \n \n 下載\n {isLoading &&
\n );\n}\n\nMohwPrsReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport { utils, write } from 'xlsx';\nimport JSZip from 'jszip';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { request, asyncListAll } from 'utilities/graph';\nimport { download } from 'utilities/file';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport {\n getRestaurantsByClientByIsActive,\n getRestaurantsByCountyByIsActive,\n listRestaurants,\n getOrdersByRestaurantByDate,\n getOrdersByStatusByDate,\n} from 'graphql/queries';\n\nimport { sortBy } from 'utilities/sorting';\nimport cache from 'utilities/cache';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function RestaurantReport({ clientOptions }) {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [restaurantOptions, setRestaurantOptions] = useState([]);\n const [selectedRestaurantId, setSelectedRestaurantId] = useState();\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const excludeNonFoodDeliveryOrders = false; // 包含所有訂單類別\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n const period = `${fromDate}__${toDate}`;\n // TODO: limit the clientId if applied\n\n const restaurant = restaurantOptions.find(({ id }) => id === selectedRestaurantId);\n const facilityId = cache.get('app:facilityId');\n\n global.logger.debug({\n selectedRestaurantId,\n restaurant,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const deliveryStaffIds = [];\n let allOrders;\n if (selectedRestaurantId === 'N/A') {\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n const allOrdersByStatus = await Promise.all(includedOrderStatus.map((status) =>\n asyncListAll(getOrdersByStatusByDate, {\n status,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n ));\n allOrders = [].concat(...allOrdersByStatus);\n } else {\n ([\n allOrders,\n ] = await Promise.all([\n asyncListAll(getOrdersByRestaurantByDate, {\n restaurantId: selectedRestaurantId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n ]));\n }\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter((x) => (facilityId) ? x.clientId === facilityId : true)\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n orders\n .forEach(({ deliveryStaffId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n });\n\n const [deliveryStaffs] = await Promise.all([\n Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n identificationCardId\n }\n }\n `, { id });\n return data;\n })),\n ]);\n\n const zip = new JSZip();\n const mappings = {};\n\n orders.forEach((order) => {\n const {\n date,\n mealSlot,\n clientId,\n deliveryStaffId,\n restaurantId,\n mealItems,\n } = order;\n const client = clientOptions.find(({ id }) => id === clientId) || { id: '無', name: '無' };\n const deliveryStaff = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n const key = `${date}__${clientId}__${restaurantId}__${deliveryStaffId}`;\n\n mappings[key] = mappings[key] || {\n '日期': date,\n '機構': client.name,\n '餐廳': restaurant.name,\n '送餐大使': deliveryStaff ? deliveryStaff.name : '',\n '午餐餐點數量': 0,\n '晚餐餐點數量': 0,\n '總進價': 0,\n };\n\n const mealItemCount = mealItems.reduce((sum, item) => {\n return sum + item.quantity;\n }, 0);\n const cost = mealItems.reduce((sum, item) => {\n return sum + item.cost * item.quantity;\n }, 0);\n if (mealSlot === 'lunch') {\n mappings[key]['午餐餐點數量'] += mealItemCount;\n } else {\n mappings[key]['晚餐餐點數量'] += mealItemCount;\n }\n mappings[key]['總進價'] += cost;\n });\n\n const workbook = utils.book_new();\n\n const clientMappings = {};\n\n const rows = Object.keys(mappings)\n .map((key) => {\n const clientName = mappings[key]['機構'];\n clientMappings[clientName] = clientMappings[clientName] || [];\n clientMappings[clientName].push(mappings[key]);\n\n return mappings[key];\n })\n .sort(sortBy('日期'))\n .sort(sortBy('機構'));\n\n const worksheet = utils.json_to_sheet(rows);\n utils.book_append_sheet(workbook, worksheet, `餐廳製餐數`);\n\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`@餐廳製餐數.xlsx`, wbout, { binary: true });\n\n Object.keys(clientMappings)\n .forEach((clientName) => {\n const rows = clientMappings[clientName].sort(sortBy('日期'));\n\n const normalizedName = `${clientName.replace(/[^\\u4e00-\\u9fa5]/g, '')}`;\n const workbook = utils.book_new();\n const worksheet = utils.json_to_sheet(rows);\n utils.book_append_sheet(workbook, worksheet, normalizedName);\n\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`${normalizedName}.xlsx`, wbout, { binary: true });\n });\n\n const zipContent = zip.generate({ type: 'blob' });\n download(`${restaurant.name}__機構製餐數__${selectedMonth}.zip`, zipContent);\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n (async () => {\n const facilityId = cache.get('app:facilityId');\n const county = cache.get('app:location');\n const isFacilityAdmin = facilityId ? true : false;\n\n let restaurantOptions = [];\n\n if (facilityId) {\n restaurantOptions = await asyncListAll(getRestaurantsByClientByIsActive, {\n clientId: facilityId,\n });\n } else\n if (county) {\n restaurantOptions = await asyncListAll(getRestaurantsByCountyByIsActive, {\n county,\n });\n } else {\n restaurantOptions = await asyncListAll(listRestaurants, {});\n }\n\n restaurantOptions.sort(sortBy('name'));\n if (!isFacilityAdmin) {\n restaurantOptions.unshift({\n id: 'N/A',\n name: '全部餐廳',\n });\n }\n\n setRestaurantOptions(restaurantOptions);\n })();\n }, []);\n\n return (\n 衛福部支審系統：送餐服務服務明細報表輸出
\n\n \n {/* 機構 \n setClientIndex(event.target.value)}\n disabled={isLoading}\n >\n {clientOptions.map((item, index) => (\n \n ))}\n */}\n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n const client = clientOptions.find(({ id }) => id === value);\n if (client) {\n setGovQualifiedPrice(client.facilitySettings.govQualifiedPrice || DEFAULT_GOV_QUALIFIED_PRICE);\n setlunchStartTime(client.facilitySettings.lunchStartTime || defaultLunchStartTime);\n setlunchEndTime(client.facilitySettings.lunchEndTime || defaultLunchEndTime);\n setDinnerStartTime(client.facilitySettings.dinnerStartTime || defaultDinnerStartTime);\n setDinnerEndTime(client.facilitySettings.dinnerEndTime || defaultDinnerEndTime);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n setGovQualifiedPrice(e.target.value)}\n required\n />\n
\n \n {\n setIncludeNonDisElders(e.target.checked);\n }}\n />\n }\n label={ {\n setIncludeAllElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setUseDeliveryStaffId(e.target.checked);\n }}\n />\n }\n label={'帶入送餐大使至服務人員身分證'}\n />\n {\n setApplyDefaultDeliveryStaff(e.target.checked);\n if (e.target.checked) {\n setUseDeliveryStaffId(true);\n }\n }}\n />\n }\n label={ {\n setDisplayExtraOptions(e.target.checked);\n }}\n />\n }\n label={'顯示性別/年齡/身份別/午晚餐服務量'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n {\n setGroupByDistrict(e.target.checked);\n }}\n />\n }\n label={'以鄉鎮市區歸檔'}\n />\n {\n setGroupByAge(e.target.checked);\n }}\n />\n }\n label={ {\n setMergeIntoOneFile(e.target.checked);\n if (e.target.checked) {\n setGroupByDistrict(false);\n setGroupByAge(false);\n }\n }}\n />\n }\n label={'合併成一個檔'}\n />\n {\n setNameInNote(e.target.checked);\n }}\n />\n }\n label={'備註填入姓名'}\n />\n {\n setDeliveryByInServiceTime(e.target.checked);\n }}\n />\n }\n label={'服務時間套用訂單時間'}\n />\n
\n \n {message}\n
\n\n \n name)}\n values={restaurantOptions.map(({ id }) => id)}\n required={true}\n value={selectedRestaurantId}\n label=\"餐廳\"\n onChange={(value) => setSelectedRestaurantId(value)}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n \n 下載\n {isLoading &&
\n );\n}\n\nRestaurantReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport JSZip from 'jszip';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { request, asyncListAll } from 'utilities/graph';\nimport { download } from 'utilities/file';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport {\n getOrdersByClientByDate,\n getOrdersByStatusByDate,\n} from './queries';\nimport { sortBy } from 'utilities/sorting';\nimport cache from 'utilities/cache';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { unifyCellStyle } from './CountyPrsReport/workbooks/helpers';\nimport { utils, write } from 'sheetjs-style';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function RestaurantReport({ clientOptions: inClientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [clientOptions, setClientOptions] = useState([]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const excludeNonFoodDeliveryOrders = false; // 包含所有訂單類別\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n const period = `${fromDate}__${toDate}`;\n const client = clientOptions.find(({ id }) => id === selectedClientId);\n\n global.logger.debug({\n selectedClientId,\n client,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const deliveryStaffIds = [];\n const restaurantIds = [];\n\n let allOrders;\n if (client.id === 'N/A') {\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n const allOrdersByStatus = await Promise.all(includedOrderStatus.map((status) =>\n asyncListAll(getOrdersByStatusByDate, {\n status,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n ));\n allOrders = [].concat(...allOrdersByStatus);\n } else {\n ([\n allOrders,\n ] = await Promise.all([\n asyncListAll(getOrdersByClientByDate, {\n clientId: client.id,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n ]));\n }\n\n allOrders.forEach(({ deliveryStaffId, restaurantId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n if (restaurantId && !restaurantIds.includes(restaurantId)) {\n restaurantIds.push(restaurantId);\n }\n });\n\n const [deliveryStaffs, restaurants] = await Promise.all([\n Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n identificationCardId\n }\n }\n `, { id });\n return data;\n })),\n Promise.all(restaurantIds.map(async (id) => {\n const { data: { getRestaurant: data } } = await request( /* GraphQL */ `\n query GetRestaurant($id: ID!) {\n getRestaurant(id: $id) {\n id\n name\n address {\n country\n county\n district\n street\n zipCode\n lat\n lng\n note\n }\n }\n }\n `, { id });\n return data;\n })),\n ]);\n\n const zip = new JSZip();\n const mappings = {};\n const mappingsByRestaurant = {};\n const mealStatistic = {};\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n restaurants.forEach((restaurant) => {\n let orders = allOrders\n .filter(({ restaurantId }) => restaurantId === restaurant.id)\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n orders.forEach((order) => {\n const {\n date,\n mealSlot,\n clientId,\n deliveryStaffId,\n restaurantId,\n mealItems,\n } = order;\n const client = clientOptions.find(({ id }) => id === clientId) || { id: '無', name: '無' };\n const deliveryStaff = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n const key = `${date}__${clientId}__${restaurantId}__${deliveryStaffId}`;\n\n mappings[key] = mappings[key] || {\n '日期': date,\n '機構': client.name,\n '餐廳': restaurant.name,\n '送餐大使': deliveryStaff ? deliveryStaff.name : '',\n '午餐餐點數量': 0,\n '晚餐餐點數量': 0,\n '總進價': 0,\n };\n mappingsByRestaurant[restaurantId] = mappingsByRestaurant[restaurantId] || {\n '餐廳': restaurant.name,\n '午餐餐點數量': 0,\n '晚餐餐點數量': 0,\n '餐點份數': '',\n '總進價': 0,\n };\n mealStatistic[restaurantId] = mealStatistic[restaurantId] || {};\n\n const mealItemCount = mealItems.reduce((sum, item) => {\n return sum + item.quantity;\n }, 0);\n const cost = mealItems.reduce((sum, item) => {\n return sum + item.cost * item.quantity;\n }, 0);\n\n if (mealSlot === 'lunch') {\n mappings[key]['午餐餐點數量'] += mealItemCount;\n mappingsByRestaurant[restaurantId]['午餐餐點數量'] += mealItemCount;\n } else {\n mappings[key]['晚餐餐點數量'] += mealItemCount;\n mappingsByRestaurant[restaurantId]['晚餐餐點數量'] += mealItemCount;\n }\n mealItems.forEach(({ name, quantity, cost }) => {\n const key =`${name}(${cost})`;\n if (!mealStatistic[restaurantId][key]) {\n mealStatistic[restaurantId][key] = 0;\n }\n mealStatistic[restaurantId][key] += quantity;\n });\n mappingsByRestaurant[restaurantId]['總進價'] += cost;\n mappings[key]['總進價'] += cost;\n });\n });\n\n Object.keys(mappingsByRestaurant).forEach((restaurantId) => {\n const mealStatisticString = [];\n Object.keys(mealStatistic[restaurantId]).forEach((mealName) => {\n const mealCount = mealStatistic[restaurantId][mealName];\n mealStatisticString.push(`${mealName} * ${mealCount}`);\n });\n mappingsByRestaurant[restaurantId]['餐點份數'] = mealStatisticString.join('\\n');\n });\n const workbook = utils.book_new();\n\n const restaurantMappings = {};\n\n Object.keys(mappings).forEach((key) => {\n const restaurantName = mappings[key]['餐廳'];\n restaurantMappings[restaurantName] = restaurantMappings[restaurantName] || [];\n restaurantMappings[restaurantName].push(mappings[key]);\n });\n\n const rowsByRestaurant = Object.keys(mappingsByRestaurant)\n .map((key) => mappingsByRestaurant[key])\n .sort(sortBy('餐廳'));\n\n const worksheet = utils.json_to_sheet(rowsByRestaurant);\n worksheet['!cols'] = [\n { wch: 30 }, { wch: 8 },\n { wch: 8 }, { wch: 50 },\n { wch: 8 },\n ];\n unifyCellStyle(worksheet, rowsByRestaurant.length + 1);\n utils.book_append_sheet(workbook, worksheet, `餐廳製餐數`);\n\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`@餐廳製餐數.xlsx`, wbout, { binary: true });\n\n Object.keys(restaurantMappings)\n .forEach((restaurantName) => {\n const rows = restaurantMappings[restaurantName].sort(sortBy('日期'));\n\n const normalizedName = `${restaurantName.replace(/[^\\u4e00-\\u9fa5]/g, '')}`;\n const workbook = utils.book_new();\n const worksheet = utils.json_to_sheet(rows);\n utils.book_append_sheet(workbook, worksheet, normalizedName);\n\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`${normalizedName}.xlsx`, wbout, { binary: true });\n });\n\n const zipContent = zip.generate({ type: 'blob' });\n download(`${client.name}__餐廳製餐數__${selectedMonth}.zip`, zipContent);\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n const isFacilityAdmin = cache.get('app:facilityId');\n\n const clientOptions = JSON.parse(JSON.stringify(inClientOptions));\n if (!isFacilityAdmin && inClientOptions.length > 0 && inClientOptions[0].id !== 'N/A') {\n clientOptions.unshift({\n id: 'N/A',\n name: '全部機構',\n });\n }\n\n setClientOptions(clientOptions);\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n }\n }, [inClientOptions]);\n\n return (\n 餐廳製餐數報表輸出
\n\n {message}\n
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => setSelectedClientId(value)}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n \n 下載\n {isLoading &&
\n );\n}\n\nRestaurantReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import React, { useState } from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport { utils, writeFile } from 'xlsx';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport { request, asyncListAll } from 'utilities/graph';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport {\n getOrder,\n getPandagoOrdersByProcessStatusByShouldBeSentToPandago,\n} from './queries';\nimport { sortBy } from 'utilities/sorting';\nimport { formatAddress, formatDatetime } from 'utilities/format';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\n/**\n熊貓計算方式\n起價70+5/每公里\n\n愛鄰計算方式\n基本配送一公里70元，超過一公里，一至三公里，\n每公里加收10元，3公里以上每一公里加收15元，不足1公里以1公里計算\n */\n\nexport default function PandagoReport() {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n const period = `${fromDate}__${toDate}`;\n\n global.logger.debug({\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n allPandagoOrders,\n ] = await Promise.all([\n asyncListAll(getPandagoOrdersByProcessStatusByShouldBeSentToPandago, {\n processStatus: 'fulfilled',\n shouldBeSentToPandagoAt: {\n between: [fromISOString, toISOString],\n },\n limit: 1000,\n }),\n ]);\n\n const data = await Promise.all(\n allPandagoOrders.map(async ({\n orderId,\n pandagoOrderId,\n status,\n paymentMethod,\n amount,\n fee,\n cancelledBy,\n cancelledReason,\n driver,\n }) => {\n const { data: { getOrder: order } } = await request(getOrder, { id: orderId });\n\n if (!order) {\n return {\n '日期': '',\n '餐別': '',\n '編號': pandagoOrderId,\n '餐廳': '',\n '名字': '',\n '狀態': status,\n '銀色大門訂單狀態': '無批配訂單',\n '收費方式': paymentMethod,\n '應收費金額': amount,\n '預估距離': '',\n // '預估車程': '',\n '預估送餐費用': '',\n '實際送餐費用': fee,\n '標記': '',\n '餐廳地址': '',\n '餐廳地址經緯度': '',\n 'Google起點經緯度': '',\n '送餐地址': '',\n '送餐經緯度': '',\n 'Google終點經緯度': '',\n '送餐員姓名': '',\n '送餐員電話': '',\n '取消者': cancelledBy,\n '取消原因': cancelledReason,\n };\n }\n\n const {\n date,\n mealSlot,\n status: orderStatus,\n elder: { name: elderName, address: elderAddress },\n restaurant: { name: restaurantName, address: restaurantAddress },\n direction: {\n // startAddress,\n // endAddress,\n distance,\n // duration,\n startLocation,\n endLocation,\n distanceInMeters,\n },\n } = order;\n\n const {\n name: driverName,\n phoneNumber: driverPhoneNumber,\n } = driver;\n\n const calculatedFee = 70 + (distanceInMeters > 1000 ? Math.round((distanceInMeters - 1000) / 1000) * 5 : 0);\n\n const flag = calculatedFee !== fee ? '*' : '';\n return {\n '日期': formatDatetime(date, { year: true, day: true, weekday: false, hour: false, minute: false, second: false }),\n '餐別': mealSlot === 'lunch' ? '午餐' : '晚餐',\n '編號': pandagoOrderId,\n '餐廳': restaurantName,\n '名字': elderName,\n '狀態': status,\n '銀色大門訂單狀態': orderStatus,\n '收費方式': paymentMethod,\n '應收費金額': amount,\n '預估距離': distance,\n // '預估車程': duration,\n '預估送餐費用': calculatedFee,\n '實際送餐費用': fee,\n '標記': flag,\n '餐廳地址': formatAddress(restaurantAddress),\n '餐廳地址經緯度': `${restaurantAddress.lat},${restaurantAddress.lng}`,\n 'Google起點經緯度': `${startLocation.lat},${startLocation.lng}`,\n '送餐地址': formatAddress(elderAddress),\n '送餐地址經緯度': `${elderAddress.lat},${elderAddress.lng}`,\n 'Google終點經緯度': `${endLocation.lat},${endLocation.lng}`,\n '送餐員姓名': driverName,\n '送餐員電話': driverPhoneNumber,\n '取消者': cancelledBy,\n '取消原因': cancelledReason,\n };\n }),\n );\n\n global.logger.debug(data);\n\n const rows = data\n .sort(sortBy('日期'));\n\n const worksheet = utils.json_to_sheet(rows);\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, `Pandago`);\n writeFile(workbook, `Pandago送餐資訊__${selectedMonth}.xlsx`);\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n 餐廳製餐數報表輸出(按機構)
\n\n {message}\n
\n\n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 下載\n {isLoading &&
\n );\n}\n","import React, { useState } from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport { utils, writeFile } from 'xlsx';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport { request, asyncListAll } from 'utilities/graph';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport {\n getOrder,\n getUberOrdersByProcessStatusByShouldBeSentToUber,\n} from './queries';\nimport { sortBy } from 'utilities/sorting';\nimport { formatAddress, formatDatetime } from 'utilities/format';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function UberReport() {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n const period = `${fromDate}__${toDate}`;\n\n global.logger.debug({\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n allUberOrders,\n ] = await Promise.all([\n asyncListAll(getUberOrdersByProcessStatusByShouldBeSentToUber, {\n processStatus: 'fulfilled',\n shouldBeSentToUberAt: {\n between: [fromISOString, toISOString],\n },\n limit: 1000,\n }),\n ]);\n\n const data = await Promise.all(\n allUberOrders.map(async ({\n orderId,\n uberDeliveryId,\n uuid,\n status,\n fee,\n // cancelledBy,\n undeliverableReason,\n cancelledReason,\n courier,\n }) => {\n const { data: { getOrder: order } } = await request(getOrder, { id: orderId });\n\n if (!order) {\n return {\n '日期': '',\n '編號': uberDeliveryId,\n 'uuid': uuid,\n '餐廳': '',\n '名字': '',\n '狀態': status,\n '銀色大門訂單狀態': '無批配訂單',\n '預估距離': '',\n // '預估車程': '',\n '預估送餐費用': '',\n '實際送餐費用': fee,\n '標記': '',\n '餐廳地址': '',\n '餐廳地址經緯度': '',\n 'Google起點經緯度': '',\n '送餐地址': '',\n '送餐地址經緯度': '',\n 'Google終點經緯度': '',\n // '取消者': cancelledBy,\n '送餐員姓名': '',\n '送餐員電話': '',\n '取消原因': cancelledReason,\n '無法送達': undeliverableReason,\n };\n }\n\n const {\n date,\n mealSlot,\n status: orderStatus,\n elder: { name: elderName, address: elderAddress },\n restaurant: { name: restaurantName, address: restaurantAddress },\n direction: {\n // startAddress,\n // endAddress,\n distance,\n // duration,\n startLocation,\n endLocation,\n distanceInMeters,\n },\n } = order;\n\n const {\n name: driverName,\n phoneNumber: driverPhoneNumber,\n } = courier;\n\n /**\n Uber計算方式\n $85\n 1到3公里加$10\n 3公里後每公里加$15\n */\n const calculatedFee = 75 +\n ((distanceInMeters < 1000) ? 0 :\n (1000 <= distanceInMeters && distanceInMeters < 3000) ? 10 : 10 + (Math.ceil((distanceInMeters - 3000) / 1000) * 15));\n\n const flag = calculatedFee !== fee ? '*' : '';\n return {\n '日期': formatDatetime(date, { year: true, day: true, weekday: false, hour: false, minute: false, second: false }),\n '餐別': mealSlot === 'lunch' ? '午餐' : '晚餐',\n '編號': uberDeliveryId,\n 'uuid': uuid,\n '餐廳': restaurantName,\n '名字': elderName,\n '狀態': status,\n '銀色大門訂單狀態': orderStatus,\n '預估距離': distance,\n // '預估車程': duration,\n '預估送餐費用': calculatedFee,\n '實際送餐費用': fee,\n '標記': flag,\n '餐廳地址': formatAddress(restaurantAddress),\n '餐廳地址經緯度': `${restaurantAddress.lat},${restaurantAddress.lng}`,\n 'Google起點經緯度': `${startLocation.lat},${startLocation.lng}`,\n '送餐地址': formatAddress(elderAddress),\n '送餐地址經緯度': `${elderAddress.lat},${elderAddress.lng}`,\n 'Google終點經緯度': `${endLocation.lat},${endLocation.lng}`,\n '送餐員姓名': driverName,\n '送餐員電話': driverPhoneNumber,\n // '取消者': cancelledBy,\n '取消原因': cancelledReason,\n '無法送達': undeliverableReason,\n };\n }),\n );\n\n global.logger.debug(data);\n\n const rows = data\n .sort(sortBy('日期'));\n\n const worksheet = utils.json_to_sheet(rows);\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, `Uber`);\n writeFile(workbook, `Uber送餐資訊__${selectedMonth}.xlsx`);\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n Pandago 月訂單輸出
\n\n {message}\n
\n\n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 下載\n {isLoading &&
\n );\n}\n","import React, { useState } from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport { utils, writeFile } from 'xlsx';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport { request, asyncListAll } from 'utilities/graph';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport {\n getOrder,\n getLalamoveOrdersByProcessStatusByShouldBeSentToLalamove,\n} from './queries';\nimport { sortBy } from 'utilities/sorting';\nimport { formatAddress, formatDatetime } from 'utilities/format';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function LalamoveReport() {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n const period = `${fromDate}__${toDate}`;\n\n global.logger.debug({\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n allLalamoveOrders,\n ] = await Promise.all([\n asyncListAll(getLalamoveOrdersByProcessStatusByShouldBeSentToLalamove, {\n processStatus: 'fulfilled',\n shouldBeSentToLalamoveAt: {\n between: [fromISOString, toISOString],\n },\n limit: 1000,\n }),\n ]);\n\n console.log(allLalamoveOrders);\n const data = await Promise.all(\n allLalamoveOrders.map(async ({\n orderId,\n orderIds,\n lalamoveDeliveryId,\n status,\n fee,\n driver,\n distance: lalamoveDistance,\n priceBreakdown,\n }) => {\n let orders;\n if (orderIds && orderIds.length !== 0) {\n const results = await Promise.all(orderIds.map((id) => request(getOrder, { id })));\n console.log(results);\n orders = results.map((result) => result.data.getOrder);\n } else {\n const { data: { getOrder: order } } = await request(getOrder, { id: orderId });\n orders = [order];\n }\n console.log(orders);\n const {\n base = '',\n extraMileage = '',\n } = priceBreakdown || {};\n\n if (!orders || orders.length === 0) {\n return {\n '日期': '',\n '編號': lalamoveDeliveryId,\n '餐廳': '',\n '名字': '',\n '狀態': status,\n '銀色大門訂單狀態': '無批配訂單',\n '預估距離': '',\n 'lalamove預估距離': '',\n '預估送餐費用': '',\n '實際送餐費用': fee,\n '基本費用': base,\n '額外里程費用': extraMileage,\n '標記': '',\n '餐廳地址': '',\n '餐廳地址經緯度': '',\n 'Google起點經緯度': '',\n '送餐地址': '',\n '送餐地址經緯度': '',\n 'Google終點經緯度': '',\n '送餐員姓名': '',\n '送餐員電話': '',\n };\n }\n\n const {\n date,\n mealSlot,\n status: orderStatus,\n restaurant: { name: restaurantName, address: restaurantAddress },\n direction: {\n distance,\n startLocation,\n // distanceInMeters,\n },\n } = orders[0];\n\n const elderName = orders.map(({ elder: { name } }) => name).join('、\\n');\n const elderAddressList = orders.map(({ elder: { address } }) => address);\n const endLocationList = orders.map(({ direction: { endLocation } }) => endLocation);\n const {\n name: driverName = '',\n phone: driverPhoneNumber = '',\n } = driver || {};\n\n // const calculatedFee = 75 +\n // ((distanceInMeters < 1000) ? 0 :\n // (1000 <= distanceInMeters && distanceInMeters < 3000) ? 10 : 10 + (Math.ceil((distanceInMeters - 3000) / 1000) * 15));\n\n // const flag = calculatedFee !== fee ? '*' : '';\n // TODO\n const calculatedFee = '';\n const flag = '';\n\n return {\n '日期': formatDatetime(date, { year: true, day: true, weekday: false, hour: false, minute: false, second: false }),\n '餐別': mealSlot === 'lunch' ? '午餐' : '晚餐',\n '編號': lalamoveDeliveryId,\n '餐廳': restaurantName,\n '名字': elderName,\n '狀態': status,\n '銀色大門訂單狀態': orderStatus,\n '預估距離': distance,\n 'lalamove預估距離': lalamoveDistance ? `${lalamoveDistance.value} ${lalamoveDistance.unit}`: '',\n '預估送餐費用': calculatedFee,\n '實際送餐費用': fee,\n '基本費用': base,\n '額外里程費用': extraMileage,\n '標記': flag,\n '餐廳地址': formatAddress(restaurantAddress),\n '餐廳地址經緯度': `${restaurantAddress.lat},${restaurantAddress.lng}`,\n 'Google起點經緯度': `${startLocation.lat},${startLocation.lng}`,\n '送餐地址': elderAddressList.map((address) => formatAddress(address)).join('、\\n'),\n '送餐地址經緯度': elderAddressList.map((address) => `${address.lat},${address.lng}`).join('、\\n'),\n 'Google終點經緯度': endLocationList.map((location) => `${location.lat},${location.lng}`).join('、\\n'),\n '送餐員姓名': driverName,\n '送餐員電話': driverPhoneNumber,\n };\n }),\n );\n\n global.logger.debug(data);\n\n const rows = data\n .sort(sortBy('日期'));\n\n const worksheet = utils.json_to_sheet(rows);\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, `Lalamove`);\n writeFile(workbook, `Lalamove送餐資訊__${selectedMonth}.xlsx`);\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n Uber 月訂單輸出
\n\n {message}\n
\n\n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 下載\n {isLoading &&
\n );\n}\n","import {\n countiesDistricts,\n} from '@silvergatedelivery/constants';\nimport { formatAge, formatGender } from 'utilities/format';\nimport { utils, writeFile, write } from 'xlsx';\nconst COUNTY = '嘉義縣';\nconst deliverySubsidy = 125;\nconst mealCentralGovSubsidyLow = 100;\nconst mealCentralGovSubsidyMidLow = 90;\nconst mealLocalGovSubsidyMidLow = 10;\n\n\nexport default function writeChiayi({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n pandagoOrders,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const [year, month] = selectedMonth.split('-');\n const yearMonthTitle = `${parseInt(year)-1911}年${month}月`;\n\n const workbook = utils.book_new();\n\n\n // 移除沒有弱勢身份和其他身份的訂單\n const ordersForDisvantaged = orders.filter((order) => {\n const { disadvantagedTypesSlot } = elders.find((elder) => elder.id === order.elderId) || {};\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n const slot = disadvantagedTypesSlot.find(({ start, end }) => order.date >= start && order.date < end);\n if (slot && (slot.type === '一般' || !['中低2.5倍', '中低1.5倍', '低收'].includes(slot.type))) {\n return false;\n }\n }\n return true;\n });\n\n utils.book_append_sheet(workbook, getWorksheetElders(elders, ordersForDisvantaged), `個案`);\n utils.book_append_sheet(workbook, getWorksheetStatistics(elders, ordersForDisvantaged, yearMonthTitle), `統計表`);\n utils.book_append_sheet(workbook, getWorksheetStatistics([], [], yearMonthTitle), `核增統計表`);\n utils.book_append_sheet(workbook, getWorksheetAugementList([], []), `核增清冊`);\n utils.book_append_sheet(\n workbook,\n getWorksheetDeliveryFee(elders, ordersForDisvantaged, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName),\n `車馬（送餐大使）`);\n utils.book_append_sheet(\n workbook,\n getWorksheetDeliveryFee(elders, ordersForDisvantaged, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName, true),\n `車馬（Pandago）`);\n\n if (process.env.JEST_WORKER_ID) {\n return write(workbook, { type: 'buffer', bookType: 'xlsx' });\n }\n\n writeFile(workbook, `${clientName}__${COUNTY}核銷報表__${selectedMonth}.xlsx`, { bookSST: true, cellStyles: true });\n}\n\nfunction getWorksheetElders(elders = [], allOrders = []) {\n const elderRows = [];\n\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n identificationCardId,\n gender,\n birthday,\n disadvantagedTypes,\n disadvantagedTypesSlot,\n address: {\n district,\n },\n }) => {\n const elderOrders = allOrders\n .filter(({ elderId }) => elderId === id);\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n if (type === '一般') {\n return;\n }\n const filteredOrders = elderOrders.filter(({ date }) => date >= start && date < end);\n if (filteredOrders.length === 0) {\n return;\n }\n const existingRow = elderRows.find(({ 身分證字號, 身份別 }) => 身分證字號 === identificationCardId && 身份別 === type);\n if (existingRow) {\n existingRow.服務量 += filteredOrders.length;\n existingRow.午餐量 += filteredOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length;\n existingRow.晚餐量 += filteredOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length;\n } else {\n elderRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 性別: formatGender(gender),\n 年齡: formatAge(birthday),\n 身份別: type,\n 服務量: filteredOrders.length,\n 午餐量: filteredOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length,\n 晚餐量: filteredOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length,\n 地址: district,\n 核增: '',\n });\n }\n });\n } else {\n if (elderOrders.length === 0) {\n return;\n }\n elderRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 性別: formatGender(gender),\n 年齡: formatAge(birthday),\n 身份別: disadvantagedTypes,\n 服務量: elderOrders.length,\n 午餐量: elderOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length,\n 晚餐量: elderOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length,\n 地址: district,\n 核增: '',\n });\n }\n });\n const worksheet = utils.json_to_sheet(elderRows);\n\n worksheet['!cols'] = [\n { wch: 13 }, { wch: 13 },\n { wch: 5 }, { wch: 6 },\n { wch: 10 }, { wch: 8 },\n { wch: 8 }, { wch: 8 },\n { wch: 8 }, { wch: 10 },\n ];\n\n return worksheet;\n}\n\nfunction getWorksheetStatistics(elders = [], orders = [], yearMonthTitle) {\n const districs = countiesDistricts.filter(({ county }) => county === COUNTY).reduce((all, { districts: items }) => {\n return [...all, ...items];\n }, []);\n\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n let totalLunchCount = 0;\n let totalDinnerCount = 0;\n const districtLunch = districs.reduce((obj, districtName) => {\n obj[districtName] = 0;\n return obj;\n }, { '鄉鎮': '午餐' });\n\n const districtDinner = districs.reduce((obj, districtName) => {\n obj[districtName] = 0;\n return obj;\n }, { '鄉鎮': '晚餐' });\n\n orders.forEach(({ elderId, mealSlot }) => {\n const elder = elders.find(({ id }) => id === elderId);\n const { district } = elder.address;\n if (mealSlot === 'lunch') {\n districtLunch[district]++;\n totalLunchCount++;\n } else {\n districtDinner[district]++;\n totalDinnerCount++;\n }\n });\n\n if (totalLunchCount !== 0 || totalDinnerCount !== 0) {\n districs.forEach((districtName) => {\n if (districtLunch[districtName] === 0 && districtDinner[districtName] === 0) {\n delete districtLunch[districtName];\n delete districtDinner[districtName];\n }\n });\n }\n\n districtLunch['合計'] = totalLunchCount;\n districtDinner['合計'] = totalDinnerCount;\n\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n\n utils.sheet_add_aoa(worksheet, [[`${yearMonthTitle} 老人營養餐飲服務核銷統計表`]], { origin: 'A1' });\n // utils.sheet_add_aoa(worksheet, [['鄉鎮', ...districs, '合計']], { origin: 'A2' });\n // utils.sheet_add_aoa(worksheet, [['午餐']], { origin: 'A3' });\n // utils.sheet_add_aoa(worksheet, [['晚餐']], { origin: 'A4' });\n utils.sheet_add_json(\n worksheet, [districtLunch, districtDinner], { origin: 'A2', skipHeader: false });\n\n worksheet['!merges'].push({ s: { r: 5, c: 0 }, e: { r: 7, c: 0 } });\n worksheet['!merges'].push({ s: { r: 5, c: 1 }, e: { r: 5, c: 7 } });\n utils.sheet_add_aoa(worksheet, [['服務人數']], { origin: 'B6' });\n worksheet['!merges'].push({ s: { r: 6, c: 1 }, e: { r: 6, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['中低2.5倍']], { origin: 'B7' });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'B8' });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'C8' });\n worksheet['!merges'].push({ s: { r: 6, c: 3 }, e: { r: 6, c: 4 } });\n utils.sheet_add_aoa(worksheet, [['中低1.5倍']], { origin: 'D7' });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'D8' });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'E8' });\n worksheet['!merges'].push({ s: { r: 6, c: 5 }, e: { r: 6, c: 6 } });\n utils.sheet_add_aoa(worksheet, [['低收']], { origin: 'F7' });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'F8' });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'G8' });\n worksheet['!merges'].push({ s: { r: 6, c: 7 }, e: { r: 7, c: 7 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'H7' });\n\n worksheet['!merges'].push({ s: { r: 5, c: 8 }, e: { r: 5, c: 11 } });\n utils.sheet_add_aoa(worksheet, [['服務人次']], { origin: 'I6' });\n worksheet['!merges'].push({ s: { r: 6, c: 8 }, e: { r: 7, c: 8 } });\n utils.sheet_add_aoa(worksheet, [['中低2.5倍']], { origin: 'I7' });\n worksheet['!merges'].push({ s: { r: 6, c: 9 }, e: { r: 7, c: 9 } });\n utils.sheet_add_aoa(worksheet, [['中低1.5倍']], { origin: 'J7' });\n worksheet['!merges'].push({ s: { r: 6, c: 10 }, e: { r: 7, c: 10 } });\n utils.sheet_add_aoa(worksheet, [['低收']], { origin: 'K7' });\n worksheet['!merges'].push({ s: { r: 6, c: 11 }, e: { r: 7, c: 11 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'L7' });\n\n worksheet['!merges'].push({ s: { r: 5, c: 12 }, e: { r: 5, c: 14 } });\n utils.sheet_add_aoa(worksheet, [['金額']], { origin: 'M6' });\n worksheet['!merges'].push({ s: { r: 6, c: 12 }, e: { r: 7, c: 12 } });\n utils.sheet_add_aoa(worksheet, [['縣市政府補助']], { origin: 'M7' });\n worksheet['!merges'].push({ s: { r: 6, c: 13 }, e: { r: 7, c: 13 } });\n utils.sheet_add_aoa(worksheet, [['中央補助']], { origin: 'N7' });\n worksheet['!merges'].push({ s: { r: 6, c: 14 }, e: { r: 7, c: 14 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'O7' });\n\n const shortYearMonthTitle = yearMonthTitle.replace('年', '').replace('月', '');\n utils.sheet_add_aoa(worksheet, [[`${shortYearMonthTitle}(午餐)`]], { origin: 'A9' });\n utils.sheet_add_aoa(worksheet, [[`${shortYearMonthTitle}(晚餐)`]], { origin: 'A10' });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'A11' });\n\n const disadvantagedTypeList = ['中低2.5倍', '中低1.5倍', '低收'];\n const getSampleData = () => {\n return {\n // 個案數量\n '中低2.5倍男': 0,\n '中低2.5倍女': 0,\n '中低1.5倍男': 0,\n '中低1.5倍女': 0,\n '低收男': 0,\n '低收女': 0,\n '服務人數合計': 0,\n // 餐點數量\n '中低2.5倍': 0,\n '中低1.5倍': 0,\n '低收': 0,\n '服務人次合計': 0,\n // 金額\n '縣市政府補助': 0,\n '中央補助': 0,\n '金額合計': 0,\n };\n };\n\n const rate = {\n '縣市': {\n '中低2.5倍': mealLocalGovSubsidyMidLow,\n '中低1.5倍': 0,\n '低收': 0,\n },\n '中央': {\n '中低2.5倍': mealCentralGovSubsidyMidLow,\n '中低1.5倍': mealCentralGovSubsidyLow,\n '低收': mealCentralGovSubsidyLow,\n },\n };\n\n const data = {\n lunch: getSampleData(),\n dinner: getSampleData(),\n total: getSampleData(),\n };\n\n elders.forEach(({ id, disadvantagedTypes, disadvantagedTypesSlot, gender, name }) => {\n if (disadvantagedTypes && !disadvantagedTypeList.includes(disadvantagedTypes)) {\n return;\n }\n let genderString = formatGender(gender);\n if (!['男', '女'].includes(genderString)) {\n console.error(`${name} 沒有設定性別`);\n genderString = '男';\n }\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n\n const countMappings = {\n lunch: false,\n dinner: false,\n };\n elderOrders.forEach(({ mealSlot, date }) => {\n let type = disadvantagedTypes;\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n const slot = disadvantagedTypesSlot.find(({ start, end }) => date >= start && date < end);\n type = slot.type;\n }\n if (!['中低2.5倍', '中低1.5倍', '低收'].includes(type)) {\n return;\n }\n if (type) {\n if (!countMappings[mealSlot]) {\n data[mealSlot][`${type}${genderString}`]++;\n data[mealSlot][`服務人數合計`]++;\n countMappings[mealSlot] = true;\n }\n\n data[mealSlot][`${type}`]++;\n data[mealSlot][`服務人次合計`]++;\n\n data[mealSlot]['縣市政府補助'] += 1 * rate['縣市'][type];\n data[mealSlot]['中央補助'] += 1 * rate['中央'][type];\n data[mealSlot]['金額合計'] += 1 * rate['縣市'][type] + 1 * rate['中央'][type];\n }\n });\n });\n\n Object.keys(data.total).map((key) => {\n data.total[key] = data.lunch[key] + data.dinner[key];\n });\n\n utils.sheet_add_json(\n worksheet, [data.lunch, data.dinner, data.total], { origin: 'B9', skipHeader: true });\n\n return worksheet;\n}\n\nfunction getWorksheetAugementList() {\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [\n { s: { r: 0, c: 0 }, e: { r: 0, c: 10 } },\n ];\n utils.sheet_add_aoa(worksheet, [[`照顧組合服務費用項目核增清冊`]], { origin: 'A1' });\n utils.sheet_add_aoa(worksheet, [['序號', '身分證號', '個案姓名', '福利身分別', '服務日期', '給(支)付價格', '次數', '申報費用', '目前居住縣市', '目前居住行政區', '服務人員']], { origin: 'A2' });\n return worksheet;\n}\n\nfunction getWorksheetDeliveryFee(elders, orders, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName, pandagoSheet = false) {\n const mappings = {};\n let totalCount = 0;\n\n orders.forEach(({ id: orderId, elderId, mealSlot, deliveryStaffId, date: fullDate }) => {\n const { name: elderName, address: { district } } = elders.find(({ id }) => id === elderId);\n const { name: deliveryStaffName } = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n const pandagoOrder = pandagoOrders.find((x) => x.orderId === orderId);\n const padnagoDeliveryStaffName = pandagoOrder ? `${pandagoOrder.driver.name} ${pandagoOrder.driver.phoneNumber}` : undefined;\n\n if (!!pandagoOrder !== pandagoSheet) {\n return;\n }\n\n const key = `${padnagoDeliveryStaffName || deliveryStaffName}__${deliveryStaffId}__${mealSlot}`;\n mappings[key] = mappings[key] || {\n '鄉鎮': [],\n '編號': '', // fill later\n '志工姓名': padnagoDeliveryStaffName || deliveryStaffName,\n '午餐/晚餐': mealSlot === 'lunch'? '午餐':'晚餐',\n '單價(元)': deliverySubsidy,\n '送餐天數(天)': 0,\n '合計(元)': 0,\n '服務個案姓名': [],\n '送餐日期': {},\n };\n\n if (!mappings[key]['鄉鎮'].includes(district)) {\n mappings[key]['鄉鎮'].push(district);\n }\n\n if (!mappings[key]['服務個案姓名'].includes(elderName)) {\n mappings[key]['服務個案姓名'].push(elderName);\n }\n\n const date = fullDate.split('-').pop();\n\n if (!mappings[key]['送餐日期'][date]) {\n mappings[key]['送餐天數(天)']++;\n mappings[key]['合計(元)'] += deliverySubsidy;\n mappings[key]['送餐日期'][date] = 0;\n totalCount++;\n }\n\n mappings[key]['送餐日期'][date] = 1;\n });\n\n const data = Object.keys(mappings)\n .sort((a, b) => a < b ? 1 : -1)\n .map((key, index) => {\n const item = mappings[key];\n\n return Object.assign(item, {\n 鄉鎮: item['鄉鎮'].join('、\\n'),\n 編號: index + 1,\n 服務個案姓名: item['服務個案姓名'].reduce((groups, item) => {\n const lastGroup = groups[groups.length - 1];\n if (lastGroup && lastGroup.length < 3) {\n lastGroup.push(item);\n } else {\n groups.push([item]);\n }\n return groups;\n }, []).map((group) => `${group.join('、')}`).join('\\n'),\n 送餐日期: Object.keys(item['送餐日期'])\n .sort((a, b) => a > b ? 1 : -1)\n .reduce((array, dateKey) => {\n const previousItem = array[array.length - 1];\n\n if (previousItem && previousItem.dateKey) {\n const [from, to] = previousItem.dateKey.split('-');\n const lastDate = to || from;\n if (parseInt(lastDate) + 1 === parseInt(dateKey)) {\n previousItem.dateKey = `${from}-${dateKey}`;\n previousItem.value += item['送餐日期'][dateKey];\n return array;\n }\n }\n\n array.push({\n dateKey,\n value: item['送餐日期'][dateKey],\n });\n\n return array;\n }, [])\n .map(({ dateKey, value }) => `${dateKey}(${value})`)\n .join(', '),\n });\n });\n\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [\n { s: { r: 0, c: 0 }, e: { r: 0, c: 7 } },\n { s: { r: 1, c: 0 }, e: { r: 1, c: 7 } },\n ];\n utils.sheet_add_aoa(worksheet, [[`補助長期照顧營養餐飲服務 ${yearMonthTitle} 志工服務及志工交通費${pandagoSheet ? '(熊貓)' : '(大使)'}`]], { origin: 'A1' });\n utils.sheet_add_aoa(worksheet, [[`服務單位: ${clientName}`]], { origin: 'A2' });\n utils.sheet_add_aoa(worksheet, [['鄉鎮', '編號', '志工姓名', '午餐/晚餐', '單價(元)', '送餐天數(天)', '合計(元)', '服務個案姓名', '送餐日期']], { origin: 'A3' });\n utils.sheet_add_json(worksheet, data, { origin: 'A4', skipHeader: true });\n\n const offset = 3 + data.length;\n worksheet['!merges'].push({ s: { r: offset, c: 0 }, e: { r: offset, c: 4 } });\n utils.sheet_add_aoa(worksheet, [[`合計`]], { origin: `A${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount]], { origin: `F${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount * deliverySubsidy]], { origin: `G${offset+1}` });\n\n utils.sheet_add_aoa(worksheet, [[`承辦人簽章：`]], { origin: `A${offset+3}` });\n utils.sheet_add_aoa(worksheet, [[`主管簽章：`]], { origin: `F${offset+3}` });\n\n worksheet['!cols'] = [\n { wch: 13 },\n { wch: 5 },\n { wch: 20 },\n { wch: 13 },\n { wch: 8 },\n { wch: 13 },\n { wch: 10 },\n { wch: 45 },\n { wch: 40 },\n ];\n\n return worksheet;\n}\n","import moment from 'moment';\nimport {\n countiesDistricts,\n} from '@silvergatedelivery/constants';\nimport { formatAge, formatGender } from 'utilities/format';\nimport { utils, writeFile, write } from 'sheetjs-style';\n\nimport { getMonthDates } from './helpers';\nimport { unifyCellStyle } from './helpers';\n\nconst COUNTY = '苗栗縣';\nconst deliverySubsidy = 125;\nconst mealCentralGovSubsidyLow = 100;\nconst mealCentralGovSubsidyMidLow = 90;\nconst selfPaidMidLow = 10;\n\nexport default function writeMiaoli({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n pandagoOrders,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const [year, month] = selectedMonth.split('-');\n const yearMonthTitle = `${parseInt(year)-1911}年${month}月`;\n\n const workbook = utils.book_new();\n\n // 移除沒有弱勢身份的訂單\n const ordersForDisvantaged = orders.filter((order) => {\n const { disadvantagedTypesSlot } = elders.find((elder) => elder.id === order.elderId) || {};\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n const slot = disadvantagedTypesSlot.find(({ start, end }) => order.date >= start && order.date < end);\n if (slot && slot.type === '一般') {\n return false;\n }\n }\n return true;\n });\n\n const params = {\n elders,\n orders: ordersForDisvantaged,\n pandagoOrders,\n deliveryStaffs,\n yearMonthTitle,\n clientName,\n selectedMonth,\n };\n\n utils.book_append_sheet(workbook, getWorksheetElders(params), `個案`);\n utils.book_append_sheet(workbook, getWorksheetStatistics(params), `餐費費用總表`);\n utils.book_append_sheet(workbook, getWorksheetApplication(params), `經費需求表`);\n utils.book_append_sheet(workbook, getWorksheetDeliveryFee(params), `志工交通費用印領清冊（送餐大使）`);\n utils.book_append_sheet(workbook, getWorksheetDeliveryFeePandago(params), `志工交通費用印領清冊（Pandago）`);\n\n if (process.env.JEST_WORKER_ID) {\n return write(workbook, { type: 'buffer', bookType: 'xlsx' });\n }\n\n writeFile(workbook, `${clientName}__${COUNTY}核銷報表__${selectedMonth}.xlsx`);\n}\n\nfunction getWorksheetElders({ elders = [], orders = [] }) {\n const elderRows = [];\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n identificationCardId,\n gender,\n birthday,\n disadvantagedTypes,\n disadvantagedTypesSlot,\n linkGroupName,\n address: {\n district,\n },\n }) => {\n const elderOrders = orders\n .filter(({ elderId }) => elderId === id);\n\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n if (type === '一般') {\n return;\n }\n const filteredOrders = elderOrders.filter(({ date }) => date >= start && date < end);\n if (filteredOrders.length === 0) {\n return;\n }\n const existingRow = elderRows.find(({ 身分證字號, 身份別 }) => 身分證字號 === identificationCardId && 身份別 === type);\n if (existingRow) {\n existingRow.服務量 += filteredOrders.length;\n existingRow.午餐量 += filteredOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length;\n existingRow.晚餐量 += filteredOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length;\n } else {\n elderRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 性別: formatGender(gender),\n 年齡: formatAge(birthday),\n 身份別: type,\n 服務量: filteredOrders.length,\n 午餐量: filteredOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length,\n 晚餐量: filteredOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length,\n 地址: district,\n 家庭代碼: linkGroupName,\n // 核增: '',\n });\n }\n });\n } else {\n if (elderOrders.length === 0) {\n return;\n }\n elderRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 性別: formatGender(gender),\n 年齡: formatAge(birthday),\n 身份別: disadvantagedTypes,\n 服務量: elderOrders.length,\n 午餐量: elderOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length,\n 晚餐量: elderOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length,\n 地址: district,\n 家庭代碼: linkGroupName,\n // 核增: '',\n });\n }\n });\n const worksheet = utils.json_to_sheet(elderRows);\n\n worksheet['!cols'] = [\n { wch: 13 }, { wch: 13 },\n { wch: 5 }, { wch: 6 },\n { wch: 10 }, { wch: 8 },\n { wch: 8 }, { wch: 8 },\n { wch: 8 }, { wch: 10 },\n ];\n\n return worksheet;\n}\n\nfunction getWorksheetStatistics({ elders, orders, yearMonthTitle, clientName, selectedMonth }) {\n const districs = countiesDistricts.filter(({ county }) => county === COUNTY).reduce((all, { districts: items }) => {\n return [...all, ...items];\n }, []);\n\n const yearTitle = yearMonthTitle.split('年')[0];\n const fromMonth = moment(selectedMonth).startOf('month').format('MM/DD');\n const toMonth = moment(selectedMonth).endOf('month').format('MM/DD');\n\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`單位名稱：${clientName}`]], { origin: 'A1' });\n\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`補助${yearTitle}年度長期照顧營養餐飲服務 餐費費用總表`]], { origin: 'A2' });\n\n worksheet['!merges'].push({ s: { r: 2, c: 0 }, e: { r: 2, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`送餐期間：${yearTitle}/${fromMonth}-${yearTitle}/${toMonth}`]], { origin: 'A3' });\n\n const mappingA = [...districs, '金額合計'].reduce((obj, key) => {\n obj[key] = obj[key] || {\n '鄉鎮市': key,\n '餐費金額': 0,\n '案家自付金額': 0, // TODO: what's this\n '補助金額': 0,\n };\n\n return obj;\n }, {});\n\n const mappingB = [...districs, '金額合計'].reduce((obj, key) => {\n obj[key] = obj[key] || {\n '送餐鄉鎮別': key,\n '補助低收入戶金額': 0,\n '補助中低收入戶金額': 0,\n '案家自費': 0,\n '小計': 0,\n '補助金額': 0,\n '人數': 0,\n '人次': 0,\n };\n\n return obj;\n }, {});\n\n const countedElderIds = [];\n orders.forEach(({ elderId, date }) => {\n const {\n disadvantagedTypes,\n disadvantagedTypesSlot,\n address: { district },\n } = elders.find(({ id }) => id === elderId);\n\n let type = disadvantagedTypes;\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n const slot = disadvantagedTypesSlot.find(({ start, end }) => date >= start && date < end);\n type = slot.type;\n }\n\n const defaultPaidFee = mealCentralGovSubsidyLow;\n const defaultSelfPaidFee = 0;\n\n let paidFee = defaultPaidFee;\n let selfPaidFee = defaultSelfPaidFee;\n switch (type) {\n case '低收':\n paidFee = mealCentralGovSubsidyLow;\n selfPaidFee = 0;\n\n mappingB[district]['補助低收入戶金額'] += paidFee;\n mappingB['金額合計']['補助低收入戶金額'] += paidFee;\n break;\n case '中低收':\n paidFee = mealCentralGovSubsidyMidLow;\n selfPaidFee = selfPaidMidLow;\n\n mappingB[district]['補助中低收入戶金額'] += paidFee;\n mappingB['金額合計']['補助中低收入戶金額'] += paidFee;\n break;\n default:\n }\n\n mappingA[district]['餐費金額'] += defaultPaidFee;\n mappingA[district]['案家自付金額'] += selfPaidFee;\n mappingA[district]['補助金額'] += paidFee;\n\n mappingA['金額合計']['餐費金額'] += defaultPaidFee;\n mappingA['金額合計']['案家自付金額'] += selfPaidFee;\n mappingA['金額合計']['補助金額'] += paidFee;\n\n\n mappingB[district]['案家自費'] += selfPaidFee;\n mappingB['金額合計']['案家自費'] += selfPaidFee;\n\n mappingB[district]['小計'] += (paidFee + selfPaidFee);\n mappingB['金額合計']['小計'] += (paidFee + selfPaidFee);\n\n mappingB[district]['補助金額'] += paidFee;\n mappingB['金額合計']['補助金額'] += paidFee;\n\n if (!countedElderIds.includes(elderId)) {\n mappingB[district]['人數'] += 1;\n mappingB['金額合計']['人數'] += 1;\n countedElderIds.push(elderId);\n }\n\n mappingB[district]['人次']++;\n mappingB['金額合計']['人次']++;\n });\n\n const districtsFeesA = Object.keys(mappingA).map((key) => {\n if (mappingA[key]['補助金額'] === 0) {\n return null;\n } else {\n return mappingA[key];\n }\n }).filter((x) => x);\n const districtsFeesB = Object.keys(mappingB).map((key) => {\n if (mappingB[key]['小計'] === 0) {\n return null;\n } else {\n return mappingB[key];\n }\n }).filter((x) => x);\n\n utils.sheet_add_json(worksheet, districtsFeesA, { origin: 'A5', skipHeader: false });\n\n const offset = districtsFeesA.length + 8;\n utils.sheet_add_json(worksheet, districtsFeesB, { origin: `A${offset}`, skipHeader: false });\n\n const offset2 = offset + districtsFeesB.length + 2;\n utils.sheet_add_aoa(worksheet, [[`承辦人簽章：`]], { origin: `A${offset2}` });\n utils.sheet_add_aoa(worksheet, [[`主管簽章：`]], { origin: `F${offset2}` });\n\n return worksheet;\n}\n\nfunction getWorksheetApplication({ elders, orders, pandagoOrders, deliveryStaffs, yearMonthTitle, clientName, selectedMonth }) {\n const [yearTitle, monthTitle] = yearMonthTitle.split('年');\n const fromMonth = moment(selectedMonth).startOf('month').format('MM/DD');\n const toMonth = moment(selectedMonth).endOf('month').format('MM/DD');\n\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n let totalPaid = 0;\n\n const disadvantagedTypeList = ['低收', '中低收'];\n const mappings = {\n 低收: {\n 單位: '人次',\n 數量: 0,\n 單價: mealCentralGovSubsidyLow,\n 金額: 0,\n 說明: '低收入戶',\n },\n 中低收: {\n 單位: '人次',\n 數量: 0,\n 單價: mealCentralGovSubsidyMidLow,\n 金額: 0,\n 說明: '中低收入戶',\n },\n 大使: {\n 單位: '趟',\n 數量: 0,\n 單價: deliverySubsidy,\n 金額: 0,\n 說明: '大使',\n dates: [],\n },\n 熊貓: {\n 單位: '趟',\n 數量: 0,\n 單價: deliverySubsidy,\n 金額: 0,\n 說明: '熊貓',\n dates: [],\n },\n };\n\n orders.forEach(({ id: orderId, elderId, deliveryStaffId, date, mealSlot }) => {\n const {\n disadvantagedTypes,\n disadvantagedTypesSlot,\n } = elders.find(({ id }) => id === elderId);\n const { name: deliveryStaffName } = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n let type = disadvantagedTypes;\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n const slot = disadvantagedTypesSlot.find(({ start, end }) => date >= start && date < end);\n type = slot.type;\n }\n\n if (disadvantagedTypeList.includes(type)) {\n mappings[type]['數量']++;\n mappings[type]['金額'] += mappings[type]['單價'];\n\n totalPaid += mappings[type]['單價'];\n }\n\n const pandagoOrder = pandagoOrders.find((x) => x.orderId === orderId);\n const padnagoDeliveryStaffName = pandagoOrder ? `${pandagoOrder.driver.name}(pandago)` : undefined;\n\n const dateKey = `${date}__${deliveryStaffId}__${mealSlot}__${padnagoDeliveryStaffName || deliveryStaffName}`;\n if (pandagoOrder) {\n if (!mappings['熊貓'].dates.includes(dateKey)) {\n mappings['熊貓']['數量']++;\n mappings['熊貓']['金額'] += mappings['熊貓']['單價'];\n totalPaid += mappings['熊貓']['單價'];\n mappings['熊貓'].dates.push(dateKey);\n }\n } else if (!mappings['大使'].dates.includes(dateKey)) {\n mappings['大使']['數量']++;\n mappings['大使']['金額'] += mappings['大使']['單價'];\n totalPaid += mappings['大使']['單價'];\n mappings['大使'].dates.push(dateKey);\n }\n });\n\n const data = Object.keys(mappings).map((key) => {\n delete mappings[key].dates;\n return mappings[key];\n });\n\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`年度期間：${yearTitle}/${fromMonth}-${yearTitle}/${toMonth}`]], { origin: 'A1' });\n\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`單位：${clientName}`]], { origin: 'A2' });\n\n worksheet['!merges'].push({ s: { r: 2, c: 0 }, e: { r: 2, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`計畫名稱：${yearTitle}年度苗栗縣政府特約長期照顧-營養餐飲`]], { origin: 'A3' });\n\n worksheet['!merges'].push({ s: { r: 6, c: 0 }, e: { r: 6, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`經費需求表`]], { origin: 'A7' });\n\n utils.sheet_add_aoa(worksheet, [['項次', '項目', '月份']], { origin: 'A9' });\n\n worksheet['!merges'].push({ s: { r: 9, c: 0 }, e: { r: 10, c: 0 } });\n worksheet['!merges'].push({ s: { r: 9, c: 1 }, e: { r: 10, c: 1 } });\n worksheet['!merges'].push({ s: { r: 9, c: 2 }, e: { r: 10, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['1', '業務費', monthTitle]], { origin: 'A10' });\n\n worksheet['!merges'].push({ s: { r: 11, c: 0 }, e: { r: 12, c: 0 } });\n worksheet['!merges'].push({ s: { r: 11, c: 1 }, e: { r: 12, c: 1 } });\n worksheet['!merges'].push({ s: { r: 11, c: 2 }, e: { r: 12, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['2', '志工交通費', monthTitle]], { origin: 'A12' });\n\n worksheet['!merges'].push({ s: { r: 13, c: 0 }, e: { r: 13, c: 4 } });\n utils.sheet_add_aoa(worksheet, [[`合計`]], { origin: 'A14' });\n utils.sheet_add_aoa(worksheet, [['申請補助金額', totalPaid]], { origin: 'F14' });\n\n utils.sheet_add_json(worksheet, data, { origin: 'D9', skipHeader: false });\n\n worksheet['!merges'].push({ s: { r: 16, c: 0 }, e: { r: 16, c: 2 } });\n utils.sheet_add_aoa(worksheet, [[`製表人：`]], { origin: `A17` });\n\n return worksheet;\n}\n\nfunction getWorksheetDeliveryFee({ elders, orders, deliveryStaffs, yearMonthTitle, clientName, selectedMonth }) {\n const mappings = {};\n\n let totalCount = 0;\n\n orders.forEach(({ id: orderId, elderId, mealSlot, deliveryStaffId, date: fullDate }) => {\n const { name, address: { district } } = elders.find(({ id }) => id === elderId);\n // exclude pandago\n const deliveryStaff = deliveryStaffs.find(({ id, username }) => id === deliveryStaffId && username !== 'pandago');\n\n if (!deliveryStaff) {\n return;\n }\n\n const elderName = name.replace(/ /g, '').split('(')[0];\n\n // const key = `${district}__${mealSlot}__${deliveryStaffId}`;\n const key = `${deliveryStaff.name}__${deliveryStaffId}__${mealSlot}`;\n mappings[key] = mappings[key] || {\n '鄉鎮': [],\n '編號': '', // fill later\n '志工姓名': deliveryStaff.name,\n '午餐/晚餐': mealSlot === 'lunch' ? '午餐' : '晚餐',\n '單價(元)': deliverySubsidy,\n '送餐天數(天)': 0,\n '合計(元)': 0,\n '服務個案姓名': [],\n '送餐日期': {},\n 'dateMappings': getMonthDates(selectedMonth).reduce((obj, item) => {\n obj[item.date] = {\n label: item.label,\n elders: [],\n };\n return obj;\n }, {}),\n };\n\n if (!mappings[key]['鄉鎮'].includes(district)) {\n mappings[key]['鄉鎮'].push(district);\n }\n\n if (!mappings[key]['服務個案姓名'].includes(elderName)) {\n mappings[key]['服務個案姓名'].push(elderName);\n }\n\n const date = fullDate.split('-').pop();\n\n if (!mappings[key]['送餐日期'][date]) {\n mappings[key]['送餐天數(天)']++;\n mappings[key]['合計(元)'] += deliverySubsidy;\n mappings[key]['送餐日期'][date] = 0;\n totalCount++;\n }\n\n mappings[key]['送餐日期'][date] = 1;\n\n if (!mappings[key].dateMappings[fullDate].elders.includes(elderName)) {\n mappings[key].dateMappings[fullDate].elders.push(elderName);\n }\n });\n\n const data = Object.keys(mappings)\n .sort((a, b) => a < b ? 1 : -1)\n .map((key, index) => {\n const item = mappings[key];\n\n const data = Object.assign(item, {\n 鄉鎮: item['鄉鎮'].join('、\\n'),\n 編號: index + 1,\n 服務個案姓名: item['服務個案姓名'].reduce((groups, item) => {\n const lastGroup = groups[groups.length - 1];\n if (lastGroup && lastGroup.length < 3) {\n lastGroup.push(item);\n } else {\n groups.push([item]);\n }\n return groups;\n }, []).map((group) => `${group.join('、')}`).join('\\n'),\n 送餐日期: Object.keys(item['送餐日期'])\n .sort((a, b) => a > b ? 1 : -1)\n .reduce((array, dateKey) => {\n const previousItem = array[array.length - 1];\n\n if (previousItem && previousItem.dateKey) {\n const [from, to] = previousItem.dateKey.split('-');\n const lastDate = to || from;\n if (parseInt(lastDate) + 1 === parseInt(dateKey)) {\n previousItem.dateKey = `${from}-${dateKey}`;\n previousItem.value++;\n return array;\n }\n }\n\n array.push({\n dateKey,\n value: item['送餐日期'][dateKey],\n });\n\n return array;\n }, [])\n .map(({ dateKey, value }) => `${dateKey}(${value})`)\n .join('、\\n'),\n ...Object.keys(item.dateMappings).reduce((obj, date) => {\n const { label, elders } = item.dateMappings[date];\n obj[label] = elders.join('、\\n');\n return obj;\n }, {}),\n });\n\n delete data.dateMappings;\n\n return data;\n });\n\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [\n { s: { r: 0, c: 0 }, e: { r: 0, c: 7 } },\n { s: { r: 1, c: 0 }, e: { r: 1, c: 7 } },\n ];\n utils.sheet_add_aoa(worksheet, [[`補助長期照顧營養餐飲服務 ${yearMonthTitle} 志工交通費清冊`]], { origin: 'A1' });\n utils.sheet_add_aoa(worksheet, [[`服務單位: ${clientName}`]], { origin: 'A2' });\n const dateLabels = getMonthDates(selectedMonth).map(({ label }) => label);\n utils.sheet_add_aoa(worksheet, [[\n '鄉鎮', '編號', '志工姓名', '午餐/晚餐', '單價(元)', '送餐天數(天)', '合計(元)', '服務個案姓名', '送餐日期', ...dateLabels,\n ]], { origin: 'A3' });\n utils.sheet_add_json(worksheet, data, { origin: 'A4', skipHeader: true });\n\n const offset = 3 + data.length;\n worksheet['!merges'].push({ s: { r: offset, c: 0 }, e: { r: offset, c: 4 } });\n utils.sheet_add_aoa(worksheet, [[` 合計`]], { origin: `A${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount]], { origin: `F${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount * deliverySubsidy]], { origin: `G${offset+1}` });\n\n utils.sheet_add_aoa(worksheet, [[`承辦人簽章：`]], { origin: `A${offset+3}` });\n utils.sheet_add_aoa(worksheet, [[`主管簽章：`]], { origin: `F${offset+3}` });\n\n unifyCellStyle(worksheet, offset + 5);\n\n worksheet['!cols'] = [\n { wch: 13 },\n { wch: 5 },\n { wch: 20 },\n { wch: 13 },\n { wch: 8 },\n { wch: 13 },\n { wch: 10 },\n { wch: 45 },\n { wch: 40 },\n ...dateLabels.map(() => ({ wch: 10 })),\n ];\n\n return worksheet;\n}\n\nfunction getWorksheetDeliveryFeePandago({ elders, orders, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName, selectedMonth }) {\n const [yearTitle] = yearMonthTitle.split('年');\n\n const mappings = {};\n let totalCount = 0;\n\n orders.forEach(({ id: orderId, elderId, mealSlot, deliveryStaffId, date: fullDate }) => {\n const { name: elderNameOriginal, address: { district } } = elders.find(({ id }) => id === elderId);\n const deliveryStaff = deliveryStaffs.find(({ id, username }) => id === deliveryStaffId && username === 'pandago');\n\n // only include pandago orders\n if (!deliveryStaff) return;\n const { driver: { name: deliveryStaffNameOriginal, phoneNumber } } = pandagoOrders.find((x) => x.orderId === orderId);\n\n const elderName = elderNameOriginal.replace(/ /g, '').split('(')[0];\n const deliveryStaffName = `${deliveryStaffNameOriginal} ${phoneNumber}`;\n const key = `${mealSlot}__${deliveryStaffId}__${deliveryStaffName}`;\n mappings[key] = mappings[key] || {\n '鄉鎮': [],\n '編號': '', // fill later\n '志工姓名': deliveryStaffName,\n '午餐/晚餐': mealSlot === 'lunch' ? '午餐' : '晚餐',\n '單價(元)': deliverySubsidy,\n '送餐天數(天)': 0,\n '合計(元)': 0,\n '服務個案姓名': [],\n '送餐日期': [],\n 'dateMappings': getMonthDates(selectedMonth).reduce((obj, item) => {\n obj[item.date] = {\n label: item.label,\n elders: [],\n };\n return obj;\n }, {}),\n };\n\n if (!mappings[key]['鄉鎮'].includes(district)) {\n mappings[key]['鄉鎮'].push(district);\n }\n\n if (!mappings[key]['服務個案姓名'].includes(elderName)) {\n mappings[key]['服務個案姓名'].push(elderName);\n }\n\n const date = moment(fullDate).format('MM/DD');\n\n if (!mappings[key]['送餐日期'].includes(date)) {\n mappings[key]['送餐天數(天)']++;\n mappings[key]['合計(元)'] += deliverySubsidy;\n mappings[key]['送餐日期'].push(date);\n totalCount++;\n }\n\n mappings[key]['送餐日期'][date] = 1;\n\n if (!mappings[key].dateMappings[fullDate].elders.includes(elderName)) {\n mappings[key].dateMappings[fullDate].elders.push(elderName);\n }\n });\n const data = Object.keys(mappings)\n .map((key, index) => {\n const item = mappings[key];\n\n const data = Object.assign(item, {\n 鄉鎮: item['鄉鎮'].join('、\\n'),\n 服務個案姓名: item['服務個案姓名'].join('、\\n'),\n 送餐日期: item['送餐日期'].join('、\\n'),\n ...Object.keys(item.dateMappings).reduce((obj, date) => {\n const { label, elders } = item.dateMappings[date];\n obj[label] = elders.join('、\\n');\n return obj;\n }, {}),\n });\n\n delete data.dateMappings;\n\n return data;\n });\n data.sort((a, b) => a['鄉鎮'] < b['鄉鎮'] ? 1 : -1);\n data.forEach((item, index) => {\n item['編號'] = index + 1;\n });\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [\n { s: { r: 0, c: 0 }, e: { r: 0, c: 7 } },\n { s: { r: 1, c: 0 }, e: { r: 1, c: 7 } },\n ];\n\n utils.sheet_add_aoa(worksheet, [[`補助${yearTitle}年度苗栗縣老人送餐服務計畫 ${yearMonthTitle} 志工交通費清冊`]], { origin: 'A1' });\n utils.sheet_add_aoa(worksheet, [[`服務單位: ${clientName}`]], { origin: 'A2' });\n utils.sheet_add_aoa(worksheet, [[\n '鄉鎮', '編號', '志工姓名', '午餐/晚餐', '單價(元)', '送餐天數(天)', '合計(元)', '服務個案姓名', '送餐日期', ...getMonthDates(selectedMonth).map(({ label }) => label),\n ]], { origin: 'A3' });\n utils.sheet_add_json(worksheet, data, { origin: 'A4', skipHeader: true });\n\n const offset = 3 + data.length;\n worksheet['!merges'].push({ s: { r: offset, c: 0 }, e: { r: offset, c: 4 } });\n utils.sheet_add_aoa(worksheet, [[`合計`]], { origin: `A${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount]], { origin: `F${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount * deliverySubsidy]], { origin: `G${offset+1}` });\n\n utils.sheet_add_aoa(worksheet, [[`承辦人簽章：`]], { origin: `A${offset+3}` });\n utils.sheet_add_aoa(worksheet, [[`主管簽章：`]], { origin: `F${offset+3}` });\n\n unifyCellStyle(worksheet, offset + 5);\n\n worksheet['!cols'] = [\n { wch: 13 },\n { wch: 5 },\n { wch: 20 },\n { wch: 10 },\n { wch: 8 },\n { wch: 13 },\n { wch: 10 },\n { wch: 45 },\n { wch: 40 },\n ];\n\n return worksheet;\n}\n","import { formatGender, formatAddress } from 'utilities/format';\nimport { utils, write } from 'sheetjs-style';\nimport JSZip from 'jszip';\nimport { getMonthDates } from './helpers';\nimport { unifyCellStyle } from './helpers';\nimport { download } from 'utilities/file';\n\nconst COUNTY = '雲林縣';\n\nconst monthMapping = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'];\nconst weekdays = ['週日', '週一', '週二', '週三', '週四', '週五', '週六'];\n\nexport default function writeYunlin({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n pandagoOrders,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const [year, month] = selectedMonth.split('-');\n const yearMonthTitle = `${parseInt(year)-1911}年${month.replace(/^0+/, '')}月份`;\n\n // 移除沒有弱勢身份的訂單\n // const ordersForDisvantaged = orders.filter((order) => {\n // const { disadvantagedTypesSlot } = elders.find((elder) => elder.id === order.elderId) || {};\n // if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n // const slot = disadvantagedTypesSlot.find(({ start, end }) => order.date >= start && order.date < end);\n // if (slot && slot.type === '一般') {\n // return false;\n // }\n // }\n // return true;\n // });\n\n const zip = new JSZip();\n\n const params = {\n elders,\n // orders: ordersForDisvantaged,\n orders,\n pandagoOrders,\n deliveryStaffs,\n yearMonthTitle,\n clientName,\n selectedMonth,\n };\n const workbookElder = utils.book_new();\n utils.book_append_sheet(workbookElder, getWorksheetElders(params), `${monthMapping[parseInt(month) - 1]}月份`);\n const workbookDeliveryStaff = utils.book_new();\n utils.book_append_sheet(workbookDeliveryStaff, getWorksheetDeliveryStaff(params), `${monthMapping[parseInt(month) - 1]}月份`);\n\n if (process.env.JEST_WORKER_ID) {\n return [\n write(workbookElder, { type: 'buffer', bookType: 'xlsx' }),\n write(workbookDeliveryStaff, { type: 'buffer', bookType: 'xlsx' }),\n ];\n }\n\n const wboutElder = write(workbookElder, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`志工送餐名冊-${clientName}.xlsx`, wboutElder, { binary: true });\n\n const wboutDeliveryStaff = write(workbookDeliveryStaff, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`志工次數月統計表-${clientName}.xlsx`, wboutDeliveryStaff, { binary: true });\n\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${COUNTY}核銷報表__${selectedMonth}.zip`, zipContent);\n}\n\nfunction getWorksheetElders({ elders = [], orders = [], deliveryStaffs, yearMonthTitle, clientName, selectedMonth }) {\n const elderRows = [];\n const monthDates = getMonthDates(selectedMonth, 'MM/DD');\n let index = 1;\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n let rowIndex = 4;\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n identificationCardId,\n gender,\n address,\n }) => {\n const elderOrders = orders\n .filter(({ elderId }) => elderId === id);\n if (elderOrders.length === 0) {\n return;\n }\n const lunchOrders = elderOrders\n .filter(({ mealSlot }) => mealSlot === 'lunch');\n const dinnerOrders = elderOrders\n .filter(({ mealSlot }) => mealSlot === 'dinner');\n const formatElderRow = (orders) => {\n const elderRow = {\n 序號: index,\n 姓名: name,\n 性別: formatGender(gender),\n 身分證字號: identificationCardId,\n 地址: formatAddress(address, { includeZipCode: false }),\n };\n const deliveryStaffIds = [...new Set(orders.map(({ deliveryStaffId }) => deliveryStaffId))];\n const deliveryStaffNames = deliveryStaffIds.map((deliveryStaffId) => {\n return (deliveryStaffs.find(({ id }) => id === deliveryStaffId) || {}).name || '';\n });\n monthDates.forEach(({ date, label }) => {\n const elderOrdersByDate = orders.filter((order) => order.date === date);\n elderRow[label] = elderOrdersByDate.length;\n });\n elderRow['志工'] = deliveryStaffNames.join('、\\n');\n elderRow['合計'] = lunchOrders.length + dinnerOrders.length;\n elderRows.push(elderRow);\n };\n if (lunchOrders.length !== 0) {\n formatElderRow(lunchOrders);\n rowIndex += 1;\n }\n if (dinnerOrders.length !== 0) {\n formatElderRow(dinnerOrders);\n rowIndex += 1;\n }\n if (lunchOrders.length !== 0 && dinnerOrders.length !== 0) {\n worksheet['!merges'].push({ s: { r: rowIndex - 2, c: 0 }, e: { r: rowIndex - 1, c: 0 } });\n worksheet['!merges'].push({ s: { r: rowIndex - 2, c: 1 }, e: { r: rowIndex - 1, c: 1 } });\n worksheet['!merges'].push({ s: { r: rowIndex - 2, c: 2 }, e: { r: rowIndex - 1, c: 2 } });\n worksheet['!merges'].push({ s: { r: rowIndex - 2, c: 3 }, e: { r: rowIndex - 1, c: 3 } });\n worksheet['!merges'].push({ s: { r: rowIndex - 2, c: 4 }, e: { r: rowIndex - 1, c: 4 } });\n worksheet['!merges'].push({\n s: { r: rowIndex - 2, c: Object.keys(elderRows[0]).length - 1 },\n e: { r: rowIndex - 1, c: Object.keys(elderRows[0]).length - 1 },\n });\n delete elderRows[elderRows.length - 1]['序號'],\n delete elderRows[elderRows.length - 1]['姓名'],\n delete elderRows[elderRows.length - 1]['性別'];\n delete elderRows[elderRows.length - 1]['身分證字號'];\n delete elderRows[elderRows.length - 1]['地址'];\n delete elderRows[elderRows.length - 1]['合計'];\n }\n index += 1;\n });\n\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: monthDates.length + 6 } });\n utils.sheet_add_aoa(worksheet, [[`${clientName} 服務紀錄志工送餐名冊`]], { origin: 'A1' });\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: monthDates.length + 6 } });\n utils.sheet_add_aoa(worksheet, [[yearMonthTitle]], { origin: 'A2' });\n const dateLabels = monthDates.map(({ label }) => label);\n const weekLabels = monthDates.map(({ date }) => {\n const dateObj = new Date(date);\n return weekdays[dateObj.getDay()];\n });\n worksheet['!merges'].push({ s: { r: 2, c: 0 }, e: { r: 3, c: 0 } });\n worksheet['!merges'].push({ s: { r: 2, c: 1 }, e: { r: 3, c: 1 } });\n worksheet['!merges'].push({ s: { r: 2, c: 2 }, e: { r: 3, c: 2 } });\n worksheet['!merges'].push({ s: { r: 2, c: 3 }, e: { r: 3, c: 3 } });\n worksheet['!merges'].push({ s: { r: 2, c: 4 }, e: { r: 3, c: 4 } });\n worksheet['!merges'].push({ s: { r: 2, c: monthDates.length + 5 }, e: { r: 3, c: monthDates.length + 5 } });\n worksheet['!merges'].push({ s: { r: 2, c: monthDates.length + 6 }, e: { r: 3, c: monthDates.length + 6 } });\n utils.sheet_add_aoa(worksheet, [['序號', '姓名', '性別', '身分證字號', '地址', ...dateLabels, '志工', '合計']], { origin: 'A3' });\n utils.sheet_add_aoa(worksheet, [[...weekLabels]], { origin: 'F4' });\n utils.sheet_add_json(worksheet, elderRows, { origin: 'A5', skipHeader: true });\n\n unifyCellStyle(worksheet, elderRows.length + 3);\n worksheet['A1'].s = {\n ...worksheet['A1'].s,\n font: { bold: true, sz: 26 },\n alignment: { horizontal: 'center' },\n };\n worksheet['A2'].s = { ...worksheet['A2'].s, alignment: { horizontal: 'right' } };\n worksheet['!cols'] = [\n { wch: 5 }, { wch: 13 },\n { wch: 5 }, { wch: 14 },\n { wch: 43 },\n ...monthDates.map(() => ({ wch: 5 })),\n { wch: 13 }, { wch: 5 },\n ];\n worksheet['!rows'] = [{ hpx: 34 }];\n return worksheet;\n}\n\nfunction getWorksheetDeliveryStaff({ elders, orders, deliveryStaffs, yearMonthTitle, clientName, selectedMonth }) {\n const monthDates = getMonthDates(selectedMonth, 'MM/DD');\n const data = [];\n let index = 1;\n const totalByDate = {};\n deliveryStaffs.forEach(({ id, name }) => {\n const deliveryStaffOrders = orders.filter(({ deliveryStaffId }) => deliveryStaffId === id);\n if (deliveryStaffOrders.length === 0) {\n return;\n }\n let total = 0;\n const row = {\n '序號': index,\n '志工': name,\n };\n monthDates.forEach(({ date, label }) => {\n if (!totalByDate[date]) {\n totalByDate[date] = 0;\n }\n const elderOrdersByDate = deliveryStaffOrders.filter(({ date: orderDate }) => orderDate === date);\n let value = 0;\n if (elderOrdersByDate.some(({ mealSlot }) => mealSlot === 'lunch')) {\n value += 1;\n total += 1;\n totalByDate[date] += 1;\n }\n if (elderOrdersByDate.some(({ mealSlot }) => mealSlot === 'dinner')) {\n value += 1;\n total += 1;\n totalByDate[date] += 1;\n }\n row[label] = value;\n });\n row['合計'] = total;\n if (!totalByDate['合計']) {\n totalByDate['合計'] = 0;\n }\n totalByDate['合計'] += total;\n data.push(row);\n index += 1;\n });\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [\n { s: { r: 0, c: 1 }, e: { r: 0, c: monthDates.length + 1 } },\n { s: { r: 1, c: 1 }, e: { r: 1, c: monthDates.length + 1 } },\n { s: { r: 2, c: 0 }, e: { r: 3, c: 0 } },\n { s: { r: 2, c: monthDates.length + 2 }, e: { r: 3, c: monthDates.length + 2 } },\n ];\n utils.sheet_add_aoa(worksheet, [[clientName]], { origin: 'B1' });\n utils.sheet_add_aoa(worksheet, [[`${yearMonthTitle}志工服務天數統計表`]], { origin: 'B2' });\n const dateLabels = monthDates.map(({ label }) => label);\n const weekLabels = monthDates.map(({ date }) => {\n const dateObj = new Date(date);\n return weekdays[dateObj.getDay()];\n });\n utils.sheet_add_aoa(worksheet, [['序號', '日期', ...dateLabels, '合計']], { origin: 'A3' });\n utils.sheet_add_aoa(worksheet, [['志工', ...weekLabels]], { origin: 'B4' });\n utils.sheet_add_json(worksheet, data, { origin: 'A5', skipHeader: true });\n const offset = data.length + 5;\n worksheet['!merges'].push({ s: { r: offset - 1, c: 0 }, e: { r: offset - 1, c: 1 } });\n utils.sheet_add_aoa(worksheet, [['志工合計']], { origin: `A${offset}` });\n utils.sheet_add_json(worksheet, [totalByDate], { origin: `C${offset}`, skipHeader: true });\n\n unifyCellStyle(worksheet, offset);\n worksheet['B1'].s = {\n ...worksheet['B1'].s,\n font: { bold: true, sz: 36 },\n alignment: { horizontal: 'center' },\n };\n worksheet['B2'].s = {\n ...worksheet['B2'].s,\n font: { bold: true, sz: 24 },\n alignment: { horizontal: 'center' },\n };\n\n worksheet['!cols'] = [\n { wch: 5 },\n { wch: 13 },\n ...dateLabels.map(() => ({ wch: 5 })),\n { wch: 5 },\n ];\n worksheet['!rows'] = [{ hpx: 50 }, { hpx: 33 }];\n\n return worksheet;\n}\n","import { formatGender, formatAge } from 'utilities/format';\nimport JSZip from 'jszip';\nimport { getMonthDates, buildColumnsArray } from './helpers';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport moment from 'moment-timezone';\nimport { TIME_ZONE } from '@silvergatedelivery/constants';\n\nconst COUNTY = '桃園市';\nconst mealCentralGovSubsidyLow = 100;\nconst mealCentralGovSubsidyMidLow = 90;\n\nconst weekdays = ['日', '一', '二', '三', '四', '五', '六'];\n\nexport default async function writeTaoyuan({\n elders: allElders,\n orders: allOrders,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const eldersGroupByDistrict = elders.reduce((acc, elder) => {\n const key = elder.address.district;\n if (!acc[key]) {\n acc[key] = [];\n }\n acc[key].push(elder);\n return acc;\n }, {});\n\n const workbook = new ExcelJS.Workbook();\n const zip = new JSZip();\n\n await Object.keys(eldersGroupByDistrict).sort().reduce(async (chain, district) => {\n await chain;\n const elders = eldersGroupByDistrict[district];\n const worksheet = workbook.addWorksheet(district);\n const result = getWorksheetDistrict(worksheet, elders, orders, selectedMonth, district);\n if (!result) {\n workbook.removeWorksheet(worksheet.id);\n }\n }, Promise.resolve());\n\n try {\n if (workbook && workbook.worksheets && workbook.worksheets.length > 0) {\n const bufferDataByDistrict = await workbook.xlsx.writeBuffer();\n if (process.env.JEST_WORKER_ID) {\n return bufferDataByDistrict;\n }\n zip.file(`${clientName}__${selectedMonth}訂餐數統計.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedMonth}訂餐數統計.zip`, zipContent);\n }\n}\n\nfunction getWorksheetDistrict(worksheet, elders = [], orders = [], selectedMonth, district) {\n const elderRows = [];\n const dates = getMonthDates(selectedMonth, 'e');\n let elderIndex = 1;\n const rate = {\n '中低收': mealCentralGovSubsidyMidLow,\n '低收': mealCentralGovSubsidyLow,\n '一般': 0,\n };\n\n const totalRow = {\n 餐數小計: [0, 0],\n 餐數合計: 0,\n 餐費小計: 0,\n 服務費小計: 0,\n 合計: 0,\n };\n\n const totalLunchOrderCountList = [];\n const totalDinnerOrderCountList = [];\n\n elders.forEach((elder) => {\n const {\n id,\n name: elderName,\n disadvantagedTypesSlot,\n gender,\n birthday,\n govQualifiedCount,\n } = elder;\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n const filteredOrders = elderOrders.filter(({ date }) => date >= start && date < end);\n if (filteredOrders.length === 0) {\n return;\n }\n if (type === '長照中低收') {\n type = '中低收';\n }\n let lunchCount = 0;\n let dinnerCount = 0;\n\n const lunchOrderCountList = dates.map(({ date }, index) => {\n const orderInDate = filteredOrders.filter((order) => order.date === date && order.mealSlot === 'lunch');\n const orderCount = orderInDate.reduce((acc, { mealItems }) => {\n if (!mealItems) {\n return 0;\n }\n const mealCount = mealItems.reduce((accumulator, currentValue) => {\n return accumulator + currentValue.quantity;\n }, 0);\n return acc + mealCount;\n }, 0);\n lunchCount += orderCount;\n if (totalLunchOrderCountList[index] === undefined) {\n totalLunchOrderCountList[index] = 0;\n }\n totalLunchOrderCountList[index] += orderCount;\n return orderCount;\n });\n const dinnerOrderCountList = dates.map(({ date }, index) => {\n const orderInDate = filteredOrders.filter((order) => order.date === date && order.mealSlot === 'dinner');\n const orderCount = orderInDate.reduce((acc, { mealItems }) => {\n if (!mealItems) {\n return 0;\n }\n const mealCount = mealItems.reduce((accumulator, currentValue) => {\n return accumulator + currentValue.quantity;\n }, 0);\n return acc + mealCount;\n }, 0);\n dinnerCount += orderCount;\n if (totalDinnerOrderCountList[index] === undefined) {\n totalDinnerOrderCountList[index] = 0;\n }\n totalDinnerOrderCountList[index] += orderCount;\n return orderCount;\n });\n const ageBase = moment(selectedMonth).tz(TIME_ZONE).endOf('month').valueOf();\n elderRows.push({\n 編號: elderIndex,\n 地區: district,\n 姓名: elderName,\n 性別: formatGender(gender),\n 福利別: `${formatAge(birthday, ageBase) >= 65 ? '老' : '身'}:${type}`,\n 補助金額: rate[type],\n 核定餐次: govQualifiedCount,\n 餐別: ['午餐', '晚餐'],\n lunchOrders: lunchOrderCountList,\n dinnerOrders: dinnerOrderCountList,\n 餐數小計: [lunchCount, dinnerCount],\n 餐數合計: lunchCount + dinnerCount,\n 餐費小計: (lunchCount + dinnerCount) * rate[type],\n 服務費小計: (lunchCount + dinnerCount) * 38,\n 合計: (lunchCount + dinnerCount) * rate[type] + (lunchCount + dinnerCount) * 38,\n });\n totalRow['餐數小計'][0] += lunchCount;\n totalRow['餐數小計'][1] += dinnerCount;\n totalRow['餐數合計'] += lunchCount + dinnerCount,\n totalRow['餐費小計'] += (lunchCount + dinnerCount) * rate[type],\n totalRow['服務費小計'] += (lunchCount + dinnerCount) * 38;\n totalRow['合計'] += (lunchCount + dinnerCount) * rate[type] + (lunchCount + dinnerCount) * 38;\n elderIndex += 1;\n });\n }\n });\n\n const elderRowsCount = elderRows.length;\n\n if (elderRowsCount === 0) {\n return;\n }\n\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n\n let rowIndex = 1;\n const fontName = 'Calibri';\n\n const columnHeader1 = ['編號', '地區', '姓名', '性別', '福利別', '補助金額', '核定餐次', '餐別'];\n const columnWidth1 = [2.67, 6.33, 9.17, 3.67, 13.67, 10.17, 10.17, 7.83];\n const columnHeader2 = ['餐數小計', '餐數合計', '餐費小計', ['服務費', '小計'], '合計'];\n const columnWidth2 = [10.17, 9.33, 9.33, 7.33, 6.67];\n\n columnHeader1.forEach((headerName, index) => {\n const column = columnArray[index];\n worksheet.mergeCells(`${column}${rowIndex}:${column}${rowIndex + 1}`);\n worksheet.getCell(`${column}${rowIndex}`).value = headerName === '編號' ? '' : headerName;\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getColumn(column).width = columnWidth1[index];\n });\n\n dates.forEach(({ label }, index) => {\n const column = columnArray[index + columnHeader1.length];\n worksheet.getCell(`${column}${rowIndex}`).value = index + 1;\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex + 1}`).value = weekdays[label];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getColumn(column).width = 3.5;\n });\n\n columnHeader2.forEach((headerName, index) => {\n const column = columnArray[index + columnHeader1.length + dates.length];\n if (Array.isArray(headerName)) {\n worksheet.getCell(`${column}${rowIndex}`).value = headerName[0];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex + 1}`).value = headerName[1];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n } else {\n worksheet.mergeCells(`${column}${rowIndex}:${column}${rowIndex + 1}`);\n worksheet.getCell(`${column}${rowIndex}`).value = headerName;\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n }\n worksheet.getColumn(column).width = columnWidth2[index];\n });\n rowIndex += 2;\n\n elderRows.sort((a, b) => a['福利別'] > b['福利別'] ? 1 : -1).forEach((row, elderIndex) => {\n columnHeader1.forEach((headerName, index) => {\n const column = columnArray[index];\n const oneRowHeaderName = Array.isArray(headerName) ? headerName.join() : headerName;\n if (Array.isArray(row[oneRowHeaderName])) {\n worksheet.getCell(`${column}${rowIndex}`).value = row[oneRowHeaderName][0];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex + 1}`).value = row[oneRowHeaderName][1];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n } else {\n worksheet.mergeCells(`${column}${rowIndex}:${column}${rowIndex + 1}`);\n worksheet.getCell(`${column}${rowIndex}`).value = oneRowHeaderName === '編號' ? elderIndex + 1 : row[oneRowHeaderName];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n }\n });\n\n dates.forEach((date, index) => {\n const column = columnArray[index + columnHeader1.length];\n worksheet.getCell(`${column}${rowIndex}`).value = row.lunchOrders[index];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n if (row.lunchOrders[index] === 0) {\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName, color: { argb: 'FF9C0006' } };\n worksheet.getCell(`${column}${rowIndex}`).fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFFFC7CE' }, bgColor: { argb: 'FFFFC7CE' } };\n } else {\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n }\n worksheet.getCell(`${column}${rowIndex + 1}`).value = row.dinnerOrders[index];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n if (row.dinnerOrders[index] === 0) {\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName, color: { argb: 'FF9C0006' } };\n worksheet.getCell(`${column}${rowIndex + 1}`).fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFFFC7CE' }, bgColor: { argb: 'FFFFC7CE' } };\n } else {\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n }\n });\n\n columnHeader2.forEach((headerName, index) => {\n const column = columnArray[index + columnHeader1.length + dates.length];\n const oneRowHeaderName = Array.isArray(headerName) ? headerName.join('') : headerName;\n if (Array.isArray(row[headerName])) {\n worksheet.getCell(`${column}${rowIndex}`).value = row[oneRowHeaderName][0];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex + 1}`).value = row[oneRowHeaderName][1];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n } else {\n worksheet.mergeCells(`${column}${rowIndex}:${column}${rowIndex + 1}`);\n worksheet.getCell(`${column}${rowIndex}`).value = row[oneRowHeaderName];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n }\n });\n\n rowIndex += 2;\n });\n\n const column = columnArray[columnHeader1.length - 1];\n worksheet.mergeCells(`A${rowIndex}:${column}${rowIndex + 1}`);\n worksheet.getCell(`A${rowIndex}`).value = '合計';\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n\n dates.forEach((date, index) => {\n const column = columnArray[index + columnHeader1.length];\n worksheet.getCell(`${column}${rowIndex}`).value = totalLunchOrderCountList[index];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n if (totalLunchOrderCountList[index] === 0) {\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName, color: { argb: 'FF9C0006' } };\n worksheet.getCell(`${column}${rowIndex}`).fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFFFC7CE' }, bgColor: { argb: 'FFFFC7CE' } };\n } else {\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n }\n worksheet.getCell(`${column}${rowIndex + 1}`).value = totalDinnerOrderCountList[index];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n if (totalDinnerOrderCountList[index] === 0) {\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName, color: { argb: 'FF9C0006' } };\n worksheet.getCell(`${column}${rowIndex + 1}`).fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFFFC7CE' }, bgColor: { argb: 'FFFFC7CE' } };\n } else {\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n }\n });\n columnHeader2.forEach((headerName, index) => {\n const column = columnArray[index + columnHeader1.length + dates.length];\n const oneRowHeaderName = Array.isArray(headerName) ? headerName.join('') : headerName;\n if (Array.isArray(totalRow[headerName])) {\n worksheet.getCell(`${column}${rowIndex}`).value = totalRow[oneRowHeaderName][0];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex + 1}`).value = totalRow[oneRowHeaderName][1];\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n } else {\n worksheet.mergeCells(`${column}${rowIndex}:${column}${rowIndex + 1}`);\n worksheet.getCell(`${column}${rowIndex}`).value = totalRow[oneRowHeaderName];\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n }\n });\n\n return worksheet;\n}\n","import { utils, writeFile, write } from 'xlsx';\nimport moment from 'moment';\nimport { getMonthDates, convertDateToZhFormat } from './helpers';\nimport { chunkArray } from 'utilities/array';\n\nconst COUNTY = '新北市';\nconst SUBSIDY_UNIT = 80;\nconst SUBSIDY_UNIT_REMOTE = 60; // additional\nconst REMOTE_DISTRICTS = [\n // 原住民區域\n '烏來區',\n // 偏遠地區\n '石碇區', '坪林區',\n '平溪區', '雙溪區', '貢寮區',\n];\n\nexport default function writeReport({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const [year, month] = selectedMonth.split('-');\n const yearMonthTitle = `${parseInt(year)-1911}年${month}月`;\n\n const workbook = utils.book_new();\n\n utils.book_append_sheet(workbook, getWorksheetCover(), `目錄`);\n\n utils.book_append_sheet(workbook, getWorksheetEldersForRegularDistricts({\n clientName,\n yearMonthTitle,\n elders,\n orders,\n deliveryStaffs,\n }), `附件1_照顧組合服務費用項目清冊`);\n\n utils.book_append_sheet(workbook, getWorksheetEldersForRemoteDistricts({\n clientName,\n yearMonthTitle,\n elders,\n orders,\n }), `附件1-2_(偏區)請領清冊`);\n\n utils.book_append_sheet(workbook, getWorksheetDeliveryList({\n clientName,\n yearMonthTitle,\n selectedMonth,\n elders,\n orders,\n deliveryStaffs,\n }), `附件2_志工到府送餐服務個案清冊`);\n\n utils.book_append_sheet(workbook, getWorksheetStatistics({\n clientName,\n yearMonthTitle,\n selectedMonth,\n elders,\n orders,\n }), `附件3_服務人數月報表`);\n\n if (process.env.JEST_WORKER_ID) {\n return write(workbook, { type: 'buffer', bookType: 'xlsx' });\n }\n\n writeFile(workbook, `${clientName}__${COUNTY}核銷報表__${selectedMonth}.xlsx`, { bookSST: true, cellStyles: true });\n}\n\nfunction getWorksheetCover() {\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n // Title\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 3 } });\n utils.sheet_add_aoa(worksheet, [[`新北市政府辦理長期照顧十年計畫2.0營養餐飲服務特約獎補助計畫`]], { origin: 'A1' });\n\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: 3 } });\n utils.sheet_add_aoa(worksheet, [[`每月紙本核銷應檢附文件`]], { origin: 'A2' });\n\n utils.sheet_add_aoa(worksheet, [[`編號`, '文件名稱', '備註']], { origin: 'A3' });\n utils.sheet_add_aoa(worksheet, [[`1`, '特約契約書影本（但申報前一月曾有申報紀錄者，免附）']], { origin: 'A4' });\n utils.sheet_add_aoa(worksheet, [[`2`, '營養餐飲服務補助領據']], { origin: 'A5' });\n utils.sheet_add_aoa(worksheet, [[`3`, '單位用印大、小章之長照服務提供者服務費用申報總表']], { origin: 'A6' });\n utils.sheet_add_aoa(worksheet, [[`4`, '照顧組合服務費用項目清冊。']], { origin: 'A7' });\n utils.sheet_add_aoa(worksheet, [[`5`, '到府送餐志工交通費及誤餐費請領清冊(一般區及偏區)']], { origin: 'A8' });\n utils.sheet_add_aoa(worksheet, [[`6`, '志工到府送餐服務個案清冊']], { origin: 'A9' });\n utils.sheet_add_aoa(worksheet, [[`7`, '營養餐飲服務月報表']], { origin: 'A10' });\n\n worksheet['!merges'].push({ s: { r: 7, c: 2 }, e: { r: 9, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['5至7項除紙本資料外，電子檔請於每月10日前郵寄至承辦人信箱AO3581@ntpc.gov.tw']], { origin: 'C8' });\n\n worksheet['!cols'] = [\n { wch: 10 }, { wch: 80 }, { wch: 80 },\n ];\n\n return worksheet;\n}\n\nconst setDisadvantageHistoryWithEndDate = (inDisadvantagedTypesHistory) => {\n if (!inDisadvantagedTypesHistory || inDisadvantagedTypesHistory.length === 0) {\n return [{\n approvedDate: '2000-01-01',\n endDate: '',\n disadvantagedTypes: '無',\n }];\n }\n\n const disadvantagedTypesHistory = inDisadvantagedTypesHistory.map((item, index) => {\n let endDate = '';\n const nextItem = inDisadvantagedTypesHistory[index + 1];\n if (nextItem) {\n endDate = moment(nextItem.approvedDate).add(-1, 'days').format('YYYY-MM-DD');\n }\n\n item.endDate = endDate;\n\n return item;\n });\n\n return disadvantagedTypesHistory;\n};\n\nfunction getWorksheetEldersForRegularDistricts({ clientName, yearMonthTitle, elders = [], orders = [], deliveryStaffs = [] }) {\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n // Title\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 19 } });\n utils.sheet_add_aoa(worksheet, [[`照顧組合服務費用項目清冊`]], { origin: 'A1' });\n\n const getSubsidyRatioByDisadvantageType = (inType) => {\n if (inType.indexOf('中低')) {\n return 0.9;\n }\n return 1;\n };\n\n const elderRows = [];\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n // .filter(({\n // address: {\n // district,\n // },\n // }) => {\n // return !REMOTE_DISTRICTS.includes(district);\n // })\n .forEach(({\n id,\n name,\n identificationCardId,\n disadvantagedTypesHistory: inDisadvantagedTypesHistory,\n supervisorId,\n serviceCode,\n }) => {\n // Write row by disadvantagedTypesHistory\n const disadvantagedTypesHistory = setDisadvantageHistoryWithEndDate(inDisadvantagedTypesHistory);\n\n disadvantagedTypesHistory.forEach(({ disadvantagedTypes, approvedDate, endDate }) => {\n const planDescription = `${convertDateToZhFormat(approvedDate)}~${endDate ? convertDateToZhFormat(endDate) : '(計畫異動)'}`;\n const deliveryStaffNames = [];\n const servedDates = [];\n const elderOrders = orders\n .filter(({ elderId, date }) => elderId === id && approvedDate <= date && (endDate ? date <= endDate : true));\n\n elderOrders.forEach(({ deliveryStaffId, date }) => {\n const { name: deliveryStaffName } = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n if (!deliveryStaffNames.includes(deliveryStaffName)) {\n deliveryStaffNames.push(deliveryStaffName);\n }\n\n if (!servedDates.includes(date)) {\n servedDates.push(convertDateToZhFormat(date));\n }\n });\n\n const subsidyRatio = getSubsidyRatioByDisadvantageType(disadvantagedTypes);\n\n const count = elderOrders.length;\n const subsidySubTotal = count * SUBSIDY_UNIT;\n const subsidyDiscount = (1 - subsidyRatio) * subsidySubTotal;\n const subsidyTotal = subsidySubTotal - subsidyDiscount;\n\n if (count === 0) return;\n\n const row = {\n '身分證號': identificationCardId,\n '個案姓名': name,\n '採用計畫': planDescription,\n 'CMS\\n等級': serviceCode,\n '福利身份別': disadvantagedTypes,\n '服務項目\\n類別': 'OT01 營養 餐飲服務',\n '服務日期': chunkArray(servedDates.sort((a, b) => a > b ? 1 : -1), 3).map((g) => g.join(', ')).join(',\\n'),\n '給(支)付\\n價格': 80,\n '原民區或\\n離島支付\\n價格': 80,\n '次數': count,\n '申報費用': subsidySubTotal,\n '部分負擔\\n比率': `${subsidyRatio * 100}%`,\n '部分負擔\\n費用': subsidyDiscount,\n '補助比率': `${subsidyRatio * 100}%`,\n '申請(補助)\\n費用': subsidyTotal,\n '原住民或\\n離島申請\\n(補助)費用': '',\n '實際補助\\n金額': subsidyTotal,\n '服務當下\\n居住縣市': '新北市',\n '照管專員': supervisorId || '',\n '服務人員': deliveryStaffNames.join(','),\n };\n\n elderRows.push(row);\n });\n });\n\n utils.sheet_add_json(worksheet, elderRows, { origin: 'A2', skipHeader: false });\n\n\n worksheet['!cols'] = [\n { wch: 12 }, { wch: 10 }, { wch: 20 }, { wch: 10 },\n { wch: 30 }, { wch: 20 }, { wch: 30 },\n ];\n\n return worksheet;\n}\n\nfunction getWorksheetEldersForRemoteDistricts({ clientName, yearMonthTitle, elders = [], orders = [] }) {\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n // Title\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`新北市政府辦理長期照顧十年計畫2.0營養餐飲服務特約獎補助計畫`]], { origin: 'A1' });\n\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`(原住民族及偏遠地區)`]], { origin: 'A2' });\n\n worksheet['!merges'].push({ s: { r: 2, c: 0 }, e: { r: 2, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`新北市政府補助${clientName}到府送餐志工交通費及誤餐費${yearMonthTitle}份請領清冊`]], { origin: 'A3' });\n\n // Date Header\n worksheet['!merges'].push({ s: { r: 3, c: 0 }, e: { r: 4, c: 0 } });\n utils.sheet_add_aoa(worksheet, [['編號']], { origin: 'A4' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 1 }, e: { r: 4, c: 1 } });\n utils.sheet_add_aoa(worksheet, [['姓名']], { origin: 'B4' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 2 }, e: { r: 4, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['區域']], { origin: 'C4' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 3 }, e: { r: 4, c: 3 } });\n utils.sheet_add_aoa(worksheet, [['身分證']], { origin: 'D4' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 4 }, e: { r: 4, c: 4 } });\n utils.sheet_add_aoa(worksheet, [['趟次數']], { origin: 'E4' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 5 }, e: { r: 4, c: 5 } });\n utils.sheet_add_aoa(worksheet, [[`每趟單價${SUBSIDY_UNIT_REMOTE}元`]], { origin: 'F4' });\n\n utils.sheet_add_aoa(worksheet, [['補助金額']], { origin: 'G4' });\n utils.sheet_add_aoa(worksheet, [[`(趟次數*${SUBSIDY_UNIT_REMOTE}元)`]], { origin: 'G5' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 7 }, e: { r: 4, c: 7 } });\n utils.sheet_add_aoa(worksheet, [['志工簽章']], { origin: 'H4' });\n\n worksheet['!merges'].push({ s: { r: 3, c: 8 }, e: { r: 4, c: 8 } });\n utils.sheet_add_aoa(worksheet, [['備註']], { origin: 'I4' });\n\n // Data\n let totalSubsidy = 0;\n const elderRows = elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .filter(({\n address: {\n district,\n },\n }) => {\n return REMOTE_DISTRICTS.includes(district);\n })\n .map(({\n id,\n name,\n identificationCardId,\n address: {\n district,\n },\n }, index) => {\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n\n const count = elderOrders.length;\n const subsidy = SUBSIDY_UNIT_REMOTE * count;\n totalSubsidy += subsidy;\n\n return {\n 編號: index + 1,\n 姓名: name,\n 區域: district,\n 身分證字號: identificationCardId,\n 趟次數: count,\n 補助單價: SUBSIDY_UNIT_REMOTE,\n 補助總額: subsidy,\n 志工簽章: '',\n 備註: '',\n };\n });\n\n utils.sheet_add_json(worksheet, elderRows, { origin: 'A6', skipHeader: true });\n\n // Summary\n const rowOffsetAnchor = 4 + elderRows.length + 1;\n worksheet['!merges'].push({ s: { r: rowOffsetAnchor, c: 0 }, e: { r: rowOffsetAnchor, c: 3 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: `A${rowOffsetAnchor+1}` });\n utils.sheet_add_aoa(worksheet, [[totalSubsidy]], { origin: `F${rowOffsetAnchor+1}` });\n\n worksheet['!merges'].push({ s: { r: rowOffsetAnchor + 1, c: 0 }, e: { r: rowOffsetAnchor + 1, c: 7 } });\n utils.sheet_add_aoa(worksheet, [\n [`*每送1趟補助${SUBSIDY_UNIT_REMOTE}元，每人每日最高補助新臺幣${SUBSIDY_UNIT_REMOTE*4}元，每人每月最高上限補助新臺幣${SUBSIDY_UNIT_REMOTE*120}元。`],\n ], { origin: `A${rowOffsetAnchor+2}` });\n worksheet['!merges'].push({ s: { r: rowOffsetAnchor + 2, c: 0 }, e: { r: rowOffsetAnchor + 2, c: 7 } });\n utils.sheet_add_aoa(worksheet, [\n [`*原住民族區:烏來區。`]], { origin: `A${rowOffsetAnchor+3}` });\n worksheet['!merges'].push({ s: { r: rowOffsetAnchor + 3, c: 0 }, e: { r: rowOffsetAnchor + 3, c: 7 } });\n utils.sheet_add_aoa(worksheet, [\n [`*偏遠地區：石碇區、坪林區、平溪區、雙溪區、貢寮區。`]], { origin: `A${rowOffsetAnchor+4}` });\n utils.sheet_add_aoa(worksheet, [[`填表人：：`]], { origin: `A${rowOffsetAnchor+5}` });\n utils.sheet_add_aoa(worksheet, [[`主辦會計：`]], { origin: `C${rowOffsetAnchor+5}` });\n utils.sheet_add_aoa(worksheet, [[`單位主管：`]], { origin: `E${rowOffsetAnchor+5}` });\n\n worksheet['!cols'] = [\n { wch: 20 }, { wch: 20 },\n { wch: 20 }, { wch: 20 },\n { wch: 20 }, { wch: 20 },\n { wch: 20 }, { wch: 20 },\n ];\n\n return worksheet;\n}\n\nfunction getWorksheetDeliveryList({ clientName, selectedMonth, yearMonthTitle, elders = [], orders = [], deliveryStaffs = [] }) {\n const servedElderIds = [];\n\n const deliveryStaffGroupData = {};\n\n const monthDates = getMonthDates(selectedMonth);\n\n orders.forEach(({ elderId, deliveryStaffId, date: deliveryDate, mealSlot }) => {\n if (!servedElderIds.includes(elderId)) {\n servedElderIds.push(elderId);\n }\n\n const {\n name: deliveryStaffName,\n } = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n const {\n name: elderName,\n } = elders.find(({ id }) => id === elderId);\n\n const data = deliveryStaffGroupData[deliveryStaffId] || {\n deliveryStaffName,\n servedDates: [],\n elders: {},\n totalMealCount: 0,\n totalRunCount: 0,\n statisticsByDates: monthDates.reduce((obj, item) => {\n obj[item.date] = {\n meals: 0,\n count: 0,\n elderIds: [],\n };\n\n return obj;\n }, {}),\n };\n\n data.elders[elderName] = data.elders[elderName] || {\n elderName,\n lunchCount: 0,\n dinnerCount: 0,\n dates: monthDates.reduce((obj, item) => {\n obj[item.date] = {\n lunch: 0,\n dinner: 0,\n };\n\n return obj;\n }, {}),\n };\n\n if (!data.servedDates.includes(deliveryDate)) {\n data.servedDates.push(deliveryDate);\n }\n\n data.elders[elderName][`${mealSlot}Count`]++;\n data.elders[elderName].dates[deliveryDate][mealSlot]++;\n\n data.statisticsByDates[deliveryDate].meals++;\n data.totalMealCount++;\n if (!data.statisticsByDates[deliveryDate].elderIds.includes(elderId)) {\n data.statisticsByDates[deliveryDate].elderIds.push(elderId);\n data.statisticsByDates[deliveryDate].count++;\n data.totalRunCount++;\n }\n\n // assign back\n deliveryStaffGroupData[deliveryStaffId] = data;\n });\n\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n // Title\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`新北市政府辦理長期照顧十年計畫2.0營養餐飲服務特約獎補助計畫`]], { origin: 'A1' });\n\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`新北市政府補助${clientName}${yearMonthTitle}份營養餐飲送餐服務 志工服務個案清冊 本月服務個案數共計：${servedElderIds.length}人`]], { origin: 'A2' });\n\n\n // Group by Delivery Staff\n let rowOffsetAnchor = 2;\n Object.keys(deliveryStaffGroupData).map((deliveryStaffId, index) => {\n const {\n deliveryStaffName,\n servedDates,\n elders,\n statisticsByDates,\n totalMealCount,\n totalRunCount,\n } = deliveryStaffGroupData[deliveryStaffId];\n\n utils.sheet_add_aoa(worksheet, [[`${index+1}.志工姓名:${deliveryStaffName} 服務天數:${servedDates.length}天`]], { origin: `A${rowOffsetAnchor+1}` });\n utils.sheet_add_aoa(worksheet, [\n ['編號', '送餐時段', '姓名 / 日期', ...monthDates.map(({ date }) => moment(date).format('MM/DD')), '', '合計'],\n ], { origin: `A${rowOffsetAnchor+2}` });\n\n let elderRowOffsetAnchor = rowOffsetAnchor + 3;\n Object.keys(elders).map((elderId, elderIndex) => {\n const {\n elderName,\n dates: elderDates,\n lunchCount,\n dinnerCount,\n } = elders[elderId];\n\n worksheet['!merges'].push({ s: { r: elderRowOffsetAnchor - 1, c: 0 }, e: { r: elderRowOffsetAnchor, c: 0 } });\n worksheet['!merges'].push({ s: { r: elderRowOffsetAnchor - 1, c: 2 }, e: { r: elderRowOffsetAnchor, c: 2 } });\n utils.sheet_add_aoa(worksheet, [\n [`${elderIndex+1}`, '午', elderName, ...Object.keys(elderDates).map((x) => elderDates[x].lunch === 0 ? '' : elderDates[x].lunch), '', lunchCount],\n ], { origin: `A${elderRowOffsetAnchor}` });\n utils.sheet_add_aoa(worksheet, [\n [``, '晚', '', ...Object.keys(elderDates).map((x) => elderDates[x].dinner === 0 ? '' : elderDates[x].dinner), '', dinnerCount],\n ], { origin: `A${elderRowOffsetAnchor +1}` });\n\n elderRowOffsetAnchor = elderRowOffsetAnchor + 2;\n });\n\n worksheet['!merges'].push({ s: { r: elderRowOffsetAnchor - 1, c: 0 }, e: { r: elderRowOffsetAnchor - 1, c: 2 } });\n worksheet['!merges'].push({ s: { r: elderRowOffsetAnchor, c: 0 }, e: { r: elderRowOffsetAnchor, c: 2 } });\n utils.sheet_add_aoa(worksheet, [\n ['總計(餐次)', '', '', ...Object.keys(statisticsByDates).map((x) => statisticsByDates[x].meals), '', totalMealCount],\n ], { origin: `A${elderRowOffsetAnchor}` });\n\n utils.sheet_add_aoa(worksheet, [\n ['總計(趟次)', '', '', ...Object.keys(statisticsByDates).map((x) => statisticsByDates[x].count), '', totalRunCount],\n ], { origin: `A${elderRowOffsetAnchor+1}` });\n\n rowOffsetAnchor = elderRowOffsetAnchor + 3;\n });\n\n worksheet['!cols'] = [\n { wch: 10 }, { wch: 10 }, { wch: 10 },\n ];\n\n return worksheet;\n}\n\nconst getMappedDisadvantageType = (inType = '') => {\n if (inType.indexOf('原住民') > -1) {\n return '具原住民身份';\n }\n\n if (inType.indexOf('中低') > -1) {\n return '中低收入';\n }\n\n if (inType.indexOf('低收') > -1) {\n return '低收入戶';\n }\n\n return '一般戶';\n};\n\nfunction getWorksheetStatistics({ clientName, yearMonthTitle, elders = [], orders = [] }) {\n const byElderStatistic = {\n total: {\n '項目別': '總計',\n '總計': 0,\n '低收入戶': 0,\n '中低收入': 0,\n '一般戶': 0,\n '具原住民身分': 0,\n },\n male: {\n '項目別': '男',\n '總計': 0,\n '低收入戶': 0,\n '中低收入': 0,\n '一般戶': 0,\n '具原住民身分': 0,\n },\n female: {\n '項目別': '女',\n '總計': 0,\n '低收入戶': 0,\n '中低收入': 0,\n '一般戶': 0,\n '具原住民身分': 0,\n },\n };\n\n const byMealStatistic = {\n total: {\n '項目別': '總計',\n '總計': 0,\n '低收入戶': 0,\n '中低收入': 0,\n '一般戶': 0,\n '具原住民身分': 0,\n },\n male: {\n '項目別': '男',\n '總計': 0,\n '低收入戶': 0,\n '中低收入': 0,\n '一般戶': 0,\n '具原住民身分': 0,\n },\n female: {\n '項目別': '女',\n '總計': 0,\n '低收入戶': 0,\n '中低收入': 0,\n '一般戶': 0,\n '具原住民身分': 0,\n },\n };\n\n const servedElderIds = [];\n\n orders.forEach(({ elderId, date }) => {\n const {\n disadvantagedTypesHistory: inDisadvantagedTypesHistory,\n gender,\n } = elders.find(({ id }) => id === elderId);\n\n const disadvantagedTypesHistory = setDisadvantageHistoryWithEndDate(inDisadvantagedTypesHistory);\n const { disadvantagedTypes } = disadvantagedTypesHistory\n .find(({ approvedDate, endDate }) => approvedDate <= date && (endDate ? date <= endDate : true)) || {};\n const type = getMappedDisadvantageType(disadvantagedTypes);\n\n byMealStatistic.total['總計']++;\n byMealStatistic.total[type]++;\n byMealStatistic[gender]['總計']++;\n byMealStatistic[gender][type]++;\n\n if (!servedElderIds.includes(elderId)) {\n servedElderIds.push(elderId);\n byElderStatistic.total['總計']++;\n byElderStatistic.total[type]++;\n byElderStatistic[gender]['總計']++;\n byElderStatistic[gender][type]++;\n }\n });\n\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n // Title\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 5 } });\n utils.sheet_add_aoa(worksheet, [[`新北市政府辦理長期照顧十年計畫2.0營養餐飲服務特約獎補助計畫`]], { origin: 'A1' });\n\n // 受益人數\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 1, c: 5 } });\n utils.sheet_add_aoa(worksheet, [[`${clientName}${yearMonthTitle}份服務報表 (受益人數)`]], { origin: 'A2' });\n\n utils.sheet_add_json(worksheet, Object.keys(byElderStatistic).map((key) => byElderStatistic[key]), { origin: 'A3', skipHeader: false });\n\n // 服務餐次\n worksheet['!merges'].push({ s: { r: 8, c: 0 }, e: { r: 8, c: 5 } });\n utils.sheet_add_aoa(worksheet, [[`${clientName}${yearMonthTitle}份服務報表 (服務餐次)`]], { origin: 'A9' });\n\n utils.sheet_add_json(worksheet, Object.keys(byMealStatistic).map((key) => byMealStatistic[key]), { origin: 'A10', skipHeader: false });\n\n return worksheet;\n}\n","import JSZip from 'jszip';\nimport { buildColumnsArray } from './helpers';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { formatAddress } from 'utilities/format';\nimport { request } from 'utilities/graph';\nimport { sortBy } from 'utilities/sorting';\n\nconst COUNTY = '屏東縣';\n\nconst remoteArea = ['三地門鄉', '霧臺鄉', '瑪家鄉', '泰武鄉', '來義鄉', '春日鄉', '獅子鄉', '牡丹鄉', '滿州鄉', '琉球鄉'];\n\nexport default async function writePingtung({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n // const elders = allElders; // test\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const restaurantIds = [];\n orders.forEach(({ restaurantId }) => {\n if (restaurantId && !restaurantIds.includes(restaurantId)) {\n restaurantIds.push(restaurantId);\n }\n });\n\n const restaurants = await Promise.all(restaurantIds.map(async (id) => {\n const { data: { getRestaurant: data } } = await request( /* GraphQL */ `\n query GetRestaurant($id: ID!) {\n getRestaurant(id: $id) {\n id\n name\n address {\n county\n district\n street\n }\n }\n }\n `, { id });\n return data;\n }));\n\n const month = selectedMonth.split('-')[1];\n\n const zip = new JSZip();\n\n const workbookDeliveryStaff = new ExcelJS.Workbook();\n const worksheetDeliveryStaff = workbookDeliveryStaff.addWorksheet(`${month}月`);\n getWorksheetDeliveryStaff(worksheetDeliveryStaff, elders, orders, deliveryStaffs, restaurants, selectedMonth, clientName);\n try {\n if (workbookDeliveryStaff && workbookDeliveryStaff.worksheets && workbookDeliveryStaff.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookDeliveryStaff.xlsx.writeBuffer();\n zip.file(`${selectedMonth}送餐志工交通費印領清冊.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n // const workbookElder = new ExcelJS.Workbook();\n // const worksheet = workbookElder.addWorksheet('照顧組合服務費用項目清冊');\n // getWorksheetElder(worksheet, elders, orders, deliveryStaffs, restaurants, selectedMonth, clientName);\n // try {\n // if (workbookElder && workbookElder.worksheets && workbookElder.worksheets.length > 0) {\n // const bufferDataByDistrict = await workbookElder.xlsx.writeBuffer();\n // zip.file(`${selectedMonth}照顧組合服務費用項目清冊.xlsx`, bufferDataByDistrict, { binary: true });\n // }\n // } catch (e) {\n // console.error(e);\n // }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedMonth}核銷報表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetDeliveryStaff(worksheet, elders = [], orders = [], deliveryStaffs, restaurants, selectedMonth, clientName) {\n const [year, month] = selectedMonth.split('-');\n const ROCYear = parseInt(year) - 1911;\n const deliveryStaffRows = [];\n let total = 0;\n orders.sort((a, b) => {\n if (a.deliveryStaffId < b.deliveryStaffId) return 1;\n if (a.deliveryStaffId < b.deliveryStaffId) return -1;\n if (a.restaurantId < b.restaurantId) return 1;\n return -1;\n }).forEach((order) => {\n const deliveryStaffRowIndex = deliveryStaffRows.findIndex(\n (row) => row.deliveryStaffInfo.id === order.deliveryStaffId && row.restaurantInfo.id === order.restaurantId);\n const elder = elders.find(({ id }) => id === order.elderId);\n if (deliveryStaffRowIndex === -1) {\n const deliveryStaff = deliveryStaffs.find(({ id }) => id === order.deliveryStaffId);\n const restaurant = restaurants.find(({ id }) => id === order.restaurantId);\n const formatBirthday = (birthday) => {\n if (!birthday) return '';\n const [year, month, day] = birthday.split('-');\n const ROCYear = parseInt(year) - 1911;\n return `${ROCYear}/${month}/${day}`;\n };\n deliveryStaffRows.push({\n deliveryStaffInfo: {\n id: order.deliveryStaffId,\n name: deliveryStaff.name,\n birthday: formatBirthday(deliveryStaff.birthday),\n identificationCardId: deliveryStaff.identificationCardId || '',\n address: formatAddress(deliveryStaff.address) || '',\n },\n restaurantInfo: {\n id: order.restaurantId,\n name: restaurant.name,\n address: formatAddress(restaurant.address) || '',\n },\n elderInfos: [{\n id: order.elderId,\n name: elder.name,\n address: formatAddress(elder.address, { includeZipCode: false }),\n lunchCount: order.mealSlot === 'lunch' ? 1 : 0,\n dinnerCount: order.mealSlot === 'dinner' ? 1 : 0,\n }],\n subtotal: remoteArea.includes(elder.address.district) ? 150 : 125,\n });\n } else {\n const elderInfoIndex = deliveryStaffRows[deliveryStaffRowIndex].elderInfos.findIndex(({ id }) => id === order.elderId);\n if (elderInfoIndex === -1) {\n deliveryStaffRows[deliveryStaffRowIndex].elderInfos.push({\n id: order.elderId,\n name: elder.name,\n address: formatAddress(elder.address, { includeZipCode: false }),\n lunchCount: order.mealSlot === 'lunch' ? 1 : 0,\n dinnerCount: order.mealSlot === 'dinner' ? 1 : 0,\n });\n } else {\n if (order.mealSlot === 'lunch') {\n deliveryStaffRows[deliveryStaffRowIndex].elderInfos[elderInfoIndex].lunchCount += 1;\n } else {\n deliveryStaffRows[deliveryStaffRowIndex].elderInfos[elderInfoIndex].dinnerCount += 1;\n }\n }\n deliveryStaffRows[deliveryStaffRowIndex].subtotal += remoteArea.includes(elder.address.district) ? 150 : 125;\n }\n total += remoteArea.includes(elder.address.district) ? 150 : 125;\n });\n\n const fontName = 'Calibri';\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n\n let rowIndex = 1;\n\n const columnWidth = [3.33, 13.33, 14.17, 10.83, 40, 6.83, 7.5, 9.33, 9.33, 9.33, 10.33];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `${ROCYear}年度長照服務發展基金獎助-長期照顧十年計畫2.0-營養餐飲服務`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 16, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.getRow(rowIndex).height = 43.25;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `單位名稱：${clientName} ${ROCYear}年${month}月志工服務及交通費印領清冊 `;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.getRow(rowIndex).height = 37.25;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + 1}`);\n worksheet.getCell(`A${rowIndex}`).value = '序\\n號';\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`B${rowIndex}:B${rowIndex + 1}`);\n worksheet.getCell(`B${rowIndex}`).value = '志工姓名\\n出生年月日\\n身分證字號\\n地址';\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`B${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`C${rowIndex}:C${rowIndex + 1}`);\n worksheet.getCell(`C${rowIndex}`).value = '中央廚房\\n或\\n合作餐飲業者地址';\n worksheet.getCell(`C${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`C${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`C${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`D${rowIndex}:D${rowIndex + 1}`);\n worksheet.getCell(`D${rowIndex}`).value = '個案姓名';\n worksheet.getCell(`D${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`D${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`D${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`E${rowIndex}:E${rowIndex + 1}`);\n worksheet.getCell(`E${rowIndex}`).value = '個案地址';\n worksheet.getCell(`E${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`E${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`F${rowIndex}:G${rowIndex}`);\n worksheet.getCell(`F${rowIndex}`).value = '送餐天數';\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`F${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`F${rowIndex + 1}`).value = '中餐';\n worksheet.getCell(`F${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`F${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex + 1}`).value = '晚餐';\n worksheet.getCell(`G${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`G${rowIndex + 1}`).border = defaultBorder;\n\n worksheet.mergeCells(`H${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`H${rowIndex}`).value = '非偏鄉總計=(中餐+晚餐)x125\\n偏鄉總計=(中餐+晚餐)x150';\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`H${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex + 1}`).value = '總計';\n worksheet.getCell(`H${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`H${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`I${rowIndex + 1}`).value = '自籌金額';\n worksheet.getCell(`I${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`I${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`J${rowIndex + 1}`).value = '補助金額';\n worksheet.getCell(`J${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`J${rowIndex + 1}`).border = defaultBorder;\n worksheet.mergeCells(`K${rowIndex}:K${rowIndex + 1}`);\n worksheet.getCell(`K${rowIndex}`).value = '簽章';\n worksheet.getCell(`K${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`K${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`K${rowIndex + 1}`).border = defaultBorder;\n\n worksheet.getRow(rowIndex).height = 36;\n worksheet.getRow(rowIndex + 1).height = 28;\n rowIndex += 2;\n\n deliveryStaffRows.forEach(({ deliveryStaffInfo, restaurantInfo, elderInfos, subtotal }, index) => {\n const rowCount = elderInfos.length;\n if (rowCount > 1) {\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`A${rowIndex}`).value = index + 1;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n if (rowCount > 1) {\n worksheet.mergeCells(`B${rowIndex}:B${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`B${rowIndex}`).value =\n `${deliveryStaffInfo.name}\\n${deliveryStaffInfo.birthday}\\n${deliveryStaffInfo.identificationCardId}\\n${deliveryStaffInfo.address}`;\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`B${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n if (rowCount > 1) {\n worksheet.mergeCells(`C${rowIndex}:C${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`C${rowIndex}`).value = `${restaurantInfo.name}\\n${restaurantInfo.address}`;\n worksheet.getCell(`C${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n worksheet.getCell(`C${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`C${rowIndex}`).border = defaultBorder;\n elderInfos.sort(sortBy('name')).forEach((elderInfo, index) => {\n worksheet.getCell(`D${rowIndex + index}`).value = elderInfo.name;\n worksheet.getCell(`D${rowIndex + index}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`D${rowIndex + index}`).font = { size: 12, name: fontName };\n worksheet.getCell(`D${rowIndex + index}`).border = defaultBorder;\n worksheet.getCell(`E${rowIndex + index}`).value = elderInfo.address;\n worksheet.getCell(`E${rowIndex + index}`).alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n worksheet.getCell(`E${rowIndex + index}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex + index}`).border = defaultBorder;\n worksheet.getCell(`F${rowIndex + index}`).value = elderInfo.lunchCount;\n worksheet.getCell(`F${rowIndex + index}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`F${rowIndex + index}`).font = { size: 12, name: fontName };\n worksheet.getCell(`F${rowIndex + index}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex + index}`).value = elderInfo.dinnerCount;\n worksheet.getCell(`G${rowIndex + index}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`G${rowIndex + index}`).font = { size: 12, name: fontName };\n worksheet.getCell(`G${rowIndex + index}`).border = defaultBorder;\n });\n if (rowCount > 1) {\n worksheet.mergeCells(`H${rowIndex}:H${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`H${rowIndex}`).value = subtotal;\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`H${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n if (rowCount > 1) {\n worksheet.mergeCells(`I${rowIndex}:I${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`I${rowIndex}`).value = 0;\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`I${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = defaultBorder;\n if (rowCount > 1) {\n worksheet.mergeCells(`J${rowIndex}:J${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`J${rowIndex}`).value = subtotal;\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`J${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = defaultBorder;\n if (rowCount > 1) {\n worksheet.mergeCells(`K${rowIndex}:K${rowIndex + rowCount - 1}`);\n }\n worksheet.getCell(`K${rowIndex}`).border = defaultBorder;\n rowIndex += rowCount;\n });\n\n worksheet.mergeCells(`A${rowIndex}:G${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = '合計';\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.getCell(`H${rowIndex}`).value = total;\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.getCell(`I${rowIndex}`).value = 0;\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.getCell(`J${rowIndex}`).value = total;\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.getCell(`K${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n rowIndex += 2;\n\n worksheet.mergeCells(`H${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`H${rowIndex}`).value = '製表日期：';\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 12, name: fontName };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = '承辦人： 業務主管： 會計： 負責人：';\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 14, name: fontName };\n\n return worksheet;\n}\n\n// function getWorksheetElder(worksheet, elders = [], orders = [], deliveryStaffs, restaurants, selectedMonth, clientName) {\n// const fontName = 'Calibri';\n// const range = 'A:AZ';\n// const columnArray = buildColumnsArray(range);\n\n// let rowIndex = 1;\n\n// const columnWidth = [10.33, 14.33, 12.83, 24.83, 8.33, 21.83, 14.33, 45.67, 11.33, 11.33, 8.33, 14.33,\n// 8.33, 14.33, 11.33, 14.33, 14.33, 14.33, 14.33, 14.33, 14.33, 14.33, 14.33,\n// ];\n// columnWidth.forEach((_, index) => {\n// worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n// });\n\n// const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n// worksheet.mergeCells(`A${rowIndex}:W${rowIndex}`);\n// worksheet.getCell(`A${rowIndex}`).value = `照顧組合服務費用項目清冊`;\n// worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n// worksheet.getCell(`A${rowIndex}`).font = { size: 18, name: fontName };\n// rowIndex += 1;\n\n// worksheet.getCell(`A${rowIndex}`).value = `案號：`;\n// worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n// worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n// rowIndex += 1;\n\n// worksheet.getCell(`A${rowIndex}`).value = `服務單位：${clientName}`;\n// worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n// worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n// rowIndex += 1;\n\n// worksheet.getCell(`A${rowIndex}`).value = `版號：`;\n// worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n// worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n// worksheet.getCell(`W${rowIndex}`).value = `產製時間：2024/11/01 09:13`; // TODO\n// worksheet.getCell(`W${rowIndex}`).alignment = { horizontal: 'right', vertical: 'middle' };\n// worksheet.getCell(`W${rowIndex}`).font = { size: 12, name: fontName };\n// rowIndex += 1;\n\n// ['序號', '身分證號', '個案姓名', '採用計畫', 'CMS\\n等級', '福利身分別',\n// '服務項目\\n類別', '服務日期', '給(支)付\\n價格', '原民區或離島支付價格', '次數',\n// '申報費用', '部分負擔比率', '部分負擔\\n費用', '補助比率', '申請(補助)費用',\n// '原民區或離島申請(補助)費用', '實際補助\\n金額', '服務當下\\n居住縣市', '目前居住縣市',\n// '目前居住行政區', '照管專員', '服務人員'].forEach((header, index) => {\n// worksheet.getCell(`${columnArray[index]}${rowIndex}`).value = header;\n// worksheet.getCell(`${columnArray[index]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n// worksheet.getCell(`${columnArray[index]}${rowIndex}`).font = { size: 12, name: fontName };\n// worksheet.getCell(`${columnArray[index]}${rowIndex}`).border = defaultBorder;\n// });\n\n// return worksheet;\n// }\n","import JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { sortBy } from 'utilities/sorting';\nimport { formatAddress } from 'utilities/format';\nimport { request } from 'utilities/graph';\nimport { getClientMonthlyStatementsByClientIdByMonth } from 'graphql/queries';\nimport { buildColumnsArray, convertDateToZhFormat, getROCYear, getMonthDates } from './helpers';\n\nconst COUNTY = '臺北市';\n\nconst typeMapping = {\n '低收': 1,\n '中低收': 2,\n '中低': 2,\n '近貧': 3,\n};\n\nconst mealUnitPrice = 100;\nconst deliveryStaffFeePerTrip = 300;\n\nexport default async function writeTaipei({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth: selectedYearMonth = 'YYYY-MM',\n clientId,\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n // const elders = allElders; // test\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n\n const [selectedYear, selectedMonth] = selectedYearMonth.split('-');\n const ROCYear = parseInt(selectedYear) - 1911;\n\n const months = Array(12).fill('').map((_, i) => {\n const month = i + 1 < 10 ? '0' + (i + 1) : i + 1;\n return {\n monthLabel: `${i + 1}月`,\n yearMonth: `${selectedYear}-${month}`,\n };\n });\n const clientStatements = [].concat(...await Promise.all(months.map(async ({ yearMonth }) => {\n const { data: { getClientMonthlyStatementsByClientIdByMonth: { items } } } = await request(getClientMonthlyStatementsByClientIdByMonth, {\n clientId,\n month: {\n eq: yearMonth,\n },\n });\n return items;\n })));\n\n const statementsFilterdByCounty = clientStatements.filter(({ county }) => county === COUNTY);\n // const statementsFilterdByCounty = clientStatements; // test\n\n const zip = new JSZip();\n\n const workbookElder = new ExcelJS.Workbook();\n const worksheetElder = workbookElder.addWorksheet(`${ROCYear}.${selectedMonth}`);\n getWorksheetElder(worksheetElder, elders, orders, selectedYearMonth, clientName);\n try {\n if (workbookElder && workbookElder.worksheets && workbookElder.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookElder.xlsx.writeBuffer();\n zip.file(`${selectedYearMonth}膳費請領清冊.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n if (['03', '06', '09', '12'].includes(selectedMonth)) {\n const workbookElder = new ExcelJS.Workbook();\n const month = parseInt(selectedMonth);\n const worksheetElder = workbookElder.addWorksheet(`${month - 2}-${month}月`);\n getWorksheetElderBySeason(worksheetElder, elders, orders, statementsFilterdByCounty, selectedYearMonth, clientName);\n try {\n if (workbookElder && workbookElder.worksheets && workbookElder.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookElder.xlsx.writeBuffer();\n zip.file(`${selectedYearMonth}膳費請領清冊(季).xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n const workbookElder2 = new ExcelJS.Workbook();\n const worksheetElder2 = workbookElder2.addWorksheet(`${selectedMonth}月`);\n getWorksheetElder2(worksheetElder2, elders, orders, selectedYearMonth, clientName);\n try {\n if (workbookElder2 && workbookElder2.worksheets && workbookElder2.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookElder2.xlsx.writeBuffer();\n zip.file(`${selectedYearMonth}逐月明細表.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const workbookMonthly = new ExcelJS.Workbook();\n const worksheetMonthly = workbookMonthly.addWorksheet('月報表');\n getWorksheetYear(worksheetMonthly, selectedYearMonth, clientName);\n months.forEach(({ monthLabel, yearMonth }) => {\n const worksheet = workbookMonthly.addWorksheet(monthLabel);\n const clientStatement = statementsFilterdByCounty.find(({ month }) => month === yearMonth) || {};\n getWorksheetElderByMonth(worksheet, clientStatement, clientName, yearMonth, monthLabel);\n });\n try {\n if (workbookMonthly && workbookMonthly.worksheets && workbookMonthly.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookMonthly.xlsx.writeBuffer();\n zip.file(`${selectedYearMonth}月報表.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const workbookDeliveryStaff = new ExcelJS.Workbook();\n const worksheet = workbookDeliveryStaff.addWorksheet(selectedMonth);\n getWorksheetDeliveryStaff(worksheet, deliveryStaffs, orders, clientName, selectedYearMonth, `${selectedMonth}月`);\n // months.forEach(({ monthLabel, yearMonth }, index) => {\n // getWorksheetDeliveryStaff(worksheet, deliveryStaffs, orders, clientName, yearMonth, monthLabel);\n // });\n try {\n if (workbookDeliveryStaff && workbookDeliveryStaff.worksheets && workbookDeliveryStaff.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookDeliveryStaff.xlsx.writeBuffer();\n zip.file(`${selectedYearMonth}送餐人員誤餐交通費請領清冊.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedYearMonth}核銷報表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetElder(worksheet, elders = [], orders = [], selectedYearMonth, clientName) {\n const elderRows = [];\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n identificationCardId,\n birthday,\n disadvantagedTypesSlot,\n }) => {\n const elderOrders = orders\n .filter(({ elderId }) => elderId === id);\n\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n if (type === '一般') {\n return;\n }\n const filteredOrders = elderOrders.filter(({ date }) => date >= start && date < end);\n if (filteredOrders.length === 0) {\n return;\n }\n const lunchs = [];\n const dinners = [];\n filteredOrders.sort(sortBy('deliveryBy')).forEach(({ mealSlot, date }) => {\n const day = date.split('-')[2];\n if (mealSlot === 'lunch') {\n lunchs.push(day);\n } else {\n dinners.push(day);\n }\n });\n const serviceDates = '午:\\n' + lunchs.join(',') + '\\n晚:\\n' + dinners.join(',');\n elderRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 出生年月日: convertDateToZhFormat(birthday),\n 身份別: typeMapping[type],\n 供餐次數: filteredOrders.length,\n 服務日期: serviceDates,\n });\n });\n }\n });\n const fontName = 'Calibri';\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n\n const [year, month] = selectedYearMonth.split('-');\n const ROCYear = parseInt(year) - 1911;\n\n let rowIndex = 1;\n\n const columnWidth = [5.83, 17.83, 22.67, 14.67, 76, 10, 13, 7, 13, 38, 22.33];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `${clientName}`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 18, name: fontName, underline: true };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `「臺北市政府社會局 ${ROCYear} 年度補助辦理失能者營養餐飲服務計畫」`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 18, name: fontName };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:I${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = ` ${ROCYear} 年 ${month} 月份請領清冊`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 18, name: fontName };\n worksheet.mergeCells(`J${rowIndex}:K${rowIndex}`);\n worksheet.getCell(`J${rowIndex}`).value = `單 位：新台幣元`;\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'right', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 18, name: fontName };\n rowIndex += 1;\n\n ['編號', '姓名', '身分證\\n統一編號', '出生\\n年月日', '服務日期', '身分別\\n低收:1\\n中低:2\\n近貧:3',\n '供餐次數', '單價', '補助金額', '蓋章', '備註'].forEach((header, index) => {\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).border = defaultBorder;\n worksheet.getRow(rowIndex).height = 84.75;\n });\n rowIndex += 1;\n const elderRowStart = rowIndex;\n elderRows.forEach((elderRow, index) => {\n worksheet.getCell(`A${rowIndex}`).value = index + 1;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`B${rowIndex}`).value = elderRow['姓名'];\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`C${rowIndex}`).value = elderRow['身分證字號'];\n worksheet.getCell(`C${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`C${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`C${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`D${rowIndex}`).value = elderRow['出生年月日'];\n worksheet.getCell(`D${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`D${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`D${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`E${rowIndex}`).value = elderRow['服務日期'];\n worksheet.getCell(`E${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n worksheet.getCell(`E${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`F${rowIndex}`).value = elderRow['身份別'];\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`F${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex}`).value = elderRow['供餐次數'];\n worksheet.getCell(`G${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`G${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex}`).value = mealUnitPrice;\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`I${rowIndex}`).value = { formula: `=G${rowIndex}*H${rowIndex}` };\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`K${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`K${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`K${rowIndex}`).border = defaultBorder;\n worksheet.getRow(rowIndex).height = 84.75;\n rowIndex += 1;\n });\n const elderRowEnd = rowIndex - 1;\n\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`B${rowIndex}:F${rowIndex}`);\n worksheet.getCell(`B${rowIndex}`).value = '合 計';\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 20, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex}`).value = { formula: `=SUM(G${elderRowStart}:G${elderRowEnd})` };\n worksheet.getCell(`G${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`G${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`I${rowIndex}`).value = { formula: `=SUM(I${elderRowStart}:I${elderRowEnd})` };\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`K${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`K${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`K${rowIndex}`).border = defaultBorder;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n // eslint-disable-next-line max-len\n worksheet.getCell(`A${rowIndex}`).value = `填表人： 主辦會計： 單位主管：`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`K${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n rowIndex += 3;\n\n worksheet.mergeCells(`A${rowIndex}:H${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `註：依支出憑證處理要點，如以指印或其他符號代替簽名者，經2人以上之簽名證明，亦與簽名生同等之效力`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n\n return worksheet;\n}\n\nfunction getWorksheetElderBySeason(worksheet, elders = [], orders = [], clientStatements = [], selectedYearMonth, clientName) {\n const elderRows = [];\n\n const fontName = 'Calibri';\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n\n const [year, monthString] = selectedYearMonth.split('-');\n const ROCYear = parseInt(year) - 1911;\n const month = parseInt(monthString);\n\n [0, 1, 2].forEach((offset) => {\n const monthString = month - offset < 10 ? `0${month - offset}` : `${month - offset}`;\n const yearMonth = `${year}-${monthString}`;\n const clientStatement = clientStatements.find(({ month }) => month === yearMonth);\n if (clientStatement) {\n const { elderStatistics } = clientStatement;\n elderStatistics.forEach((elderStatistic) => {\n const {\n name, identificationCardId, birthday, disadvantagedTypes,\n } = elderStatistic;\n if (!name) {\n return;\n }\n const lunchDates = elderStatistic.lunchDates || [];\n const dinnerDates = elderStatistic.dinnerDates || [];\n if (lunchDates.length === 0 && dinnerDates.length === 0) {\n return;\n }\n const existingElderRow = elderRows.find(({ identificationCardId, disadvantagedTypes }) => (\n identificationCardId === elderStatistic.identificationCardId &&\n disadvantagedTypes === elderStatistic.disadvantagedTypes\n ));\n if (!existingElderRow) {\n elderRows.push({\n name,\n identificationCardId,\n birthday: birthday ? convertDateToZhFormat(birthday) : '',\n lunchDatesList: {\n [monthString]: lunchDates,\n },\n dinnerDatesList: {\n [monthString]: dinnerDates,\n },\n disadvantagedTypes,\n });\n } else {\n if (name) {\n existingElderRow.name = name || existingElderRow.name;\n }\n if (birthday) {\n existingElderRow.birthday = birthday ? convertDateToZhFormat(birthday) : '' || existingElderRow.birthday;\n }\n existingElderRow.lunchDatesList[monthString] = lunchDates;\n existingElderRow.dinnerDatesList[monthString] = dinnerDates;\n }\n });\n }\n });\n let rowIndex = 1;\n\n const columnWidth = [5.83, 17.83, 22.67, 14.67, 76, 10, 13, 13, 13, 7, 13, 38, 22.33];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n let cell;\n worksheet.mergeCells(`A${rowIndex}:N${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `${clientName}`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 18, name: fontName, underline: true };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:N${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `「臺北市政府社會局 ${ROCYear} 年度補助辦理失能者營養餐飲服務計畫」`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 18, name: fontName };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:L${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value =\n ` ${ROCYear} 年 ${month - 2}-${month} 月份請領清冊`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 18, name: fontName };\n worksheet.mergeCells(`M${rowIndex}:N${rowIndex}`);\n cell = worksheet.getCell(`M${rowIndex}`);\n cell.value = `單 位：新台幣元`;\n cell.alignment = { horizontal: 'right', vertical: 'middle' };\n cell.font = { size: 18, name: fontName };\n rowIndex += 1;\n\n ['編號', '姓名', '身分證\\n統一編號', '出生\\n年月日', '服務日期', '身分別\\n低收:1\\n中低:2\\n近貧:3',\n `${month - 2}月\\n供餐次數`, `${month - 1}月\\n供餐次數`, `${month}月\\n供餐次數`,\n '供餐次數', '單價', '補助金額', '蓋章', '備註'].forEach((header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n worksheet.getRow(rowIndex).height = 84.75;\n });\n rowIndex += 1;\n const elderRowStart = rowIndex;\n elderRows.forEach((elderRow, index) => {\n let serviceDates = '';\n const mealCount = [0, 0, 0];\n [2, 1, 0].forEach((offset, index) => {\n const monthString = month - offset < 10 ? `0${month - offset}` : `${month - offset}`;\n serviceDates += `${monthString}月午:`;\n serviceDates += (elderRow.lunchDatesList[monthString] || []).join(',');\n serviceDates += '\\n';\n serviceDates += `${monthString}月晚:`;\n serviceDates += (elderRow.dinnerDatesList[monthString] || []).join(',');\n serviceDates += '\\n';\n mealCount[index] = (elderRow.lunchDatesList[monthString] || []).length + (elderRow.dinnerDatesList[monthString] || []).length;\n });\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = index + 1;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`B${rowIndex}`);\n cell.value = elderRow.name;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`C${rowIndex}`);\n cell.value = elderRow.identificationCardId;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`D${rowIndex}`);\n cell.value = elderRow.birthday;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`E${rowIndex}`);\n cell.value = serviceDates;\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`F${rowIndex}`);\n cell.value = typeMapping[elderRow.disadvantagedTypes] || '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`G${rowIndex}`);\n cell.value = mealCount[0];\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell.fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'F9CE9C' }, bgColor: { argb: 'F9CE9C' } };\n cell = worksheet.getCell(`H${rowIndex}`);\n cell.value = mealCount[1];\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell.fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'F9CE9C' }, bgColor: { argb: 'F9CE9C' } };\n cell = worksheet.getCell(`I${rowIndex}`);\n cell.value = mealCount[2];\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell.fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'F9CE9C' }, bgColor: { argb: 'F9CE9C' } };\n cell = worksheet.getCell(`J${rowIndex}`);\n cell.value = { formula: `=SUM(G${rowIndex}:I${rowIndex})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell.fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'CBFFCC' }, bgColor: { argb: 'CBFFCC' } };\n cell = worksheet.getCell(`K${rowIndex}`);\n cell.value = mealUnitPrice;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell.fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'CBFFCC' }, bgColor: { argb: 'CBFFCC' } };\n cell = worksheet.getCell(`L${rowIndex}`);\n cell.value = { formula: `=J${rowIndex}*K${rowIndex}` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell.fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'CBFFCC' }, bgColor: { argb: 'CBFFCC' } };\n cell = worksheet.getCell(`M${rowIndex}`);\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`N${rowIndex}`);\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n worksheet.getRow(rowIndex).height = 84.75;\n rowIndex += 1;\n });\n const elderRowEnd = rowIndex - 1;\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`B${rowIndex}:F${rowIndex}`);\n cell = worksheet.getCell(`B${rowIndex}`);\n cell.value = '合 計';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 20, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`G${rowIndex}`);\n cell.value = { formula: `=SUM(G${elderRowStart}:G${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`H${rowIndex}`);\n cell.value = { formula: `=SUM(H${elderRowStart}:H${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`I${rowIndex}`);\n cell.value = { formula: `=SUM(I${elderRowStart}:I${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`J${rowIndex}`);\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`K${rowIndex}`);\n cell.value = { formula: `=SUM(K${elderRowStart}:K${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`L${rowIndex}`);\n cell.value = { formula: `=SUM(L${elderRowStart}:L${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`M${rowIndex}`);\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`N${rowIndex}`);\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:N${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n // eslint-disable-next-line max-len\n cell.value = `填表人： 主辦會計： 單位主管：`;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n worksheet.getCell(`K${rowIndex}`).border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n rowIndex += 3;\n\n worksheet.mergeCells(`A${rowIndex}:H${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `註：依支出憑證處理要點，如以指印或其他符號代替簽名者，經2人以上之簽名證明，亦與簽名生同等之效力`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n\n return worksheet;\n}\n\nfunction getWorksheetElder2(worksheet, elders = [], orders = [], selectedYearMonth) {\n const monthDates = getMonthDates(selectedYearMonth, 'dddd');\n const elderRowsByType = [[], []]; // 補助戶, 一般戶\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n disadvantagedTypesSlot,\n }) => {\n const elderOrders = orders\n .filter(({ elderId }) => elderId === id);\n\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n const filteredOrders = elderOrders.filter(({ date }) => date >= start && date < end);\n if (filteredOrders.length === 0) {\n return;\n }\n const lunchs = [];\n const dinners = [];\n filteredOrders.sort(sortBy('deliveryBy')).forEach(({ mealSlot, date }) => {\n const day = date.split('-')[2];\n if (mealSlot === 'lunch') {\n lunchs.push(parseInt(day));\n } else {\n dinners.push(parseInt(day));\n }\n });\n if (type === '一般') {\n elderRowsByType[1].push({\n name,\n disadvantagedType: type,\n lunchs,\n dinners,\n });\n } else {\n elderRowsByType[0].push({\n name,\n disadvantagedType: type,\n lunchs,\n dinners,\n });\n }\n });\n }\n });\n const fontName = 'Calibri';\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n\n const [year, month] = selectedYearMonth.split('-');\n const ROCYear = parseInt(year) - 1911;\n\n let rowIndex = 1;\n\n worksheet.getColumn('B').width = 20;\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n let cell;\n worksheet.mergeCells(`A${rowIndex}:${columnArray[monthDates.length + 2]}${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value =\n `${ROCYear}年${month}月份營養餐飲服務逐月明細表(補助個案)\n說明：請在用餐日期內輸入長者當日用餐數量，若提供1餐請填1、若提供2餐請填2。`;\n cell.alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n cell.font = { size: 24, name: fontName };\n worksheet.getRow(rowIndex).height = 60;\n rowIndex += 1;\n\n elderRowsByType.forEach((elderRows, elderTypeIndex) => {\n worksheet.mergeCells(`A${rowIndex}:${columnArray[monthDates.length + 2]}${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = elderTypeIndex === 0 ? '補助戶' : '一般戶';\n cell.alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:B${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '日期';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n worksheet.mergeCells(`A${rowIndex + 1}:B${rowIndex + 1}`);\n cell = worksheet.getCell(`A${rowIndex + 1}`);\n cell.value = '星期';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach(({ label }, index) => {\n cell = worksheet.getCell(`${columnArray[index + 2]}${rowIndex}`);\n cell.value = index + 1;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[index + 2]}${rowIndex + 1}`);\n cell.value = label.replace('星期', '週');\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n });\n worksheet.mergeCells(`${columnArray[monthDates.length + 2]}${rowIndex}:${columnArray[monthDates.length + 2]}${rowIndex + 1}`);\n cell = worksheet.getCell(`${columnArray[monthDates.length + 2]}${rowIndex}`);\n cell.value = '合計';\n cell.alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 2;\n let totalMealCount = 0;\n const elderRowStart = rowIndex;\n elderRows.forEach((elderRow) => {\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '姓名';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`B${rowIndex}`);\n cell.value = elderRow.name;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach((_, index) => {\n const lunchCount = elderRow.lunchs.includes(index + 1) ? 1 : 0;\n const dinnerCount = elderRow.dinners.includes(index + 1) ? 1 : 0;\n totalMealCount += lunchCount + dinnerCount;\n cell = worksheet.getCell(`${columnArray[index + 2]}${rowIndex}`);\n cell.value = lunchCount + dinnerCount || '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n });\n cell = worksheet.getCell(`${columnArray[monthDates.length + 2]}${rowIndex}`);\n cell.value = { formula: `=SUM(C${rowIndex}:${columnArray[monthDates.length + 1]}${rowIndex})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n });\n\n const elderRowEnd = rowIndex - 1;\n\n worksheet.mergeCells(`A${rowIndex}:B${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '小計';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach((_, index) => {\n cell = worksheet.getCell(`${columnArray[index + 2]}${rowIndex}`);\n cell.value = { formula: `=SUM(${columnArray[index + 2]}${elderRowStart}:${columnArray[index + 2]}${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n });\n cell = worksheet.getCell(`${columnArray[monthDates.length + 2]}${rowIndex}`);\n cell.value = { formula: `=SUM(${columnArray[monthDates.length + 2]}${elderRowStart}:${columnArray[monthDates.length + 2]}${elderRowEnd})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 24, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:${columnArray[monthDates.length + 2]}${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n if (elderTypeIndex === 0) {\n cell.value = `補助戶:${totalMealCount}(份)*${mealUnitPrice}(元)=$${totalMealCount * mealUnitPrice}`;\n } else {\n cell.value = `一般戶:${totalMealCount}(份)*${mealUnitPrice}(元)=$${totalMealCount * mealUnitPrice}`;\n }\n cell.alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n cell.font = { size: 24, name: fontName };\n cell.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n rowIndex += 3;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetYear(worksheet, selectedYearMonth, clientName) {\n const fontName = 'Calibri';\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n const ROCYear = getROCYear(selectedYearMonth);\n\n let rowIndex = 2;\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n worksheet.mergeCells(`A${rowIndex}:AO${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `${ROCYear}年補助辦理失能者營養餐飲服務月報表`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 16, name: fontName, bold: true };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:Z${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `單位名稱:${clientName}`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 14, name: fontName };\n rowIndex += 2;\n\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + 2}`);\n worksheet.getCell(`A${rowIndex}`).value = `月份`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`B${rowIndex}:B${rowIndex + 2}`);\n worksheet.getCell(`B${rowIndex}`).value = `項目`;\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n ['低收入戶', '中低收入戶', '近貧', '一般戶'].forEach((header, index) => {\n const offset = 2 + index * 6;\n worksheet.mergeCells(`${columnArray[offset]}${rowIndex}:${columnArray[offset + 5]}${rowIndex}`);\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).font = { size: 12, name: fontName, bold: true };\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).border = defaultBorder;\n ['輕度失能', '中度失能', '重度失能'].forEach((header, index2) => {\n const offset2 = offset + index2 * 2;\n worksheet.mergeCells(`${columnArray[offset2]}${rowIndex + 1}:${columnArray[offset2 + 1]}${rowIndex + 1}`);\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 1}`).value = header;\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 2}`).value = '男';\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 2}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 2}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset2]}${rowIndex + 2}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[offset2 + 1]}${rowIndex + 2}`).value = '女';\n worksheet.getCell(`${columnArray[offset2 + 1]}${rowIndex + 2}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset2 + 1]}${rowIndex + 2}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset2 + 1]}${rowIndex + 2}`).border = defaultBorder;\n });\n });\n ['受補助戶\\n(低收+中低+近貧)', '一般戶', '總計', '獨居\\n(本欄請獨立計算)', '原住民\\n(本欄請獨立計算)'].forEach((header, index) => {\n const offset = index * 3 + 26;\n worksheet.mergeCells(`${columnArray[offset]}${rowIndex}:${columnArray[offset + 2]}${rowIndex}`);\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).font = { size: 12, name: fontName, bold: true };\n worksheet.getCell(`${columnArray[offset]}${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`${columnArray[offset]}${rowIndex + 1}:${columnArray[offset + 2]}${rowIndex + 1}`);\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 1}`).value = '小計';\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 2}`).value = '男';\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 2}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 2}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset]}${rowIndex + 2}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[offset + 1]}${rowIndex + 2}`).value = '女';\n worksheet.getCell(`${columnArray[offset + 1]}${rowIndex + 2}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset + 1]}${rowIndex + 2}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset + 1]}${rowIndex + 2}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[offset + 2]}${rowIndex + 2}`).value = '合計';\n worksheet.getCell(`${columnArray[offset + 2]}${rowIndex + 2}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[offset + 2]}${rowIndex + 2}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[offset + 2]}${rowIndex + 2}`).border = defaultBorder;\n });\n worksheet.getRow(rowIndex).height = 38;\n rowIndex += 3;\n\n Array(12).fill('').map((_, i) => `${i + 1}月`).forEach((month) => {\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + 1}`);\n worksheet.getCell(`A${rowIndex}`).value = month;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`B${rowIndex}`).value = '人數';\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`B${rowIndex + 1}`).value = '人次';\n worksheet.getCell(`B${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex + 1}`).border = defaultBorder;\n [\n [`=SUM('1月'!AN:AN)`, `=SUM('1月'!BP:BP)`],\n [`=SUM('1月'!AO:AO)`, `=SUM('1月'!BQ:BQ)`],\n [`=SUM('1月'!AP:AP)`, `=SUM('1月'!BR:BR)`],\n [`=SUM('1月'!AQ:AQ)`, `=SUM('1月'!BS:BS)`],\n [`=SUM('1月'!AR:AR)`, `=SUM('1月'!BT:BT)`],\n [`=SUM('1月'!AS:AS)`, `=SUM('1月'!BU:BU)`],\n [`=SUM('1月'!AT:AT)`, `=SUM('1月'!BV:BV)`],\n [`=SUM('1月'!AU:AU)`, `=SUM('1月'!BW:BW)`],\n [`=SUM('1月'!AV:AV)`, `=SUM('1月'!BX:BX)`],\n [`=SUM('1月'!AW:AW)`, `=SUM('1月'!BY:BY)`],\n [`=SUM('1月'!AX:AX)`, `=SUM('1月'!BZ:BZ)`],\n [`=SUM('1月'!AY:AY)`, `=SUM('1月'!CA:CA)`],\n [`=SUM('1月'!AZ:AZ)`, `=SUM('1月'!CB:CB)`],\n [`=SUM('1月'!BA:BA)`, `=SUM('1月'!CC:CC)`],\n [`=SUM('1月'!BB:BB)`, `=SUM('1月'!CD:CD)`],\n [`=SUM('1月'!BC:BC)`, `=SUM('1月'!CE:CE)`],\n [`=SUM('1月'!BD:BD)`, `=SUM('1月'!CF:CF)`],\n [`=SUM('1月'!BE:BE)`, `=SUM('1月'!CG:CG)`],\n [`=SUM('1月'!BF:BF)`, `=SUM('1月'!CH:CH)`],\n [`=SUM('1月'!BG:BG)`, `=SUM('1月'!CI:CI)`],\n [`=SUM('1月'!BH:BH)`, `=SUM('1月'!CJ:CJ)`],\n [`=SUM('1月'!BI:BI)`, `=SUM('1月'!CK:CK)`],\n [`=SUM('1月'!BJ:BJ)`, `=SUM('1月'!CL:CL)`],\n [`=SUM('1月'!BK:BK)`, `=SUM('1月'!CM:CM)`],\n [`=C8+E8+G8+I8+K8+M8+O8+Q8+S8`, `=C9+E9+G9+I9+K9+M9+O9+Q9+S9`],\n [`=D8+F8+H8+J8+L8+N8+P8+R8+T8`, `=D9+F9+H9+J9+L9+N9+P9+R9+T9`],\n [`=SUM(C8:T8)`, `=SUM(C9:T9)`],\n [`=U8+W8+Y8`, `=U9+W9+Y9`],\n [`=V8+X8+Z8`, `=V9+X9+Z9`],\n [`=SUM(U8:Z8)`, `=SUM(U9:Z9)`],\n [`=AA8+AD8`, `=AA9+AD9`],\n [`=AB8+AE8`, `=AB9+AE9`],\n [`=SUM(C8:Z8)`, `=SUM(C9:Z9)`],\n [`=SUM('1月'!BL:BL)`, `=SUM('1月'!CN:CN)`],\n [`=SUM('1月'!BM:BM)`, `=SUM('1月'!CO:CO)`],\n [`=SUM(AJ8:AK8)`, `=SUM(AJ9:AK9)`],\n [`=SUM('1月'!BN:BN)`, `=SUM('1月'!BO:BO)`],\n [`=SUM('1月'!BO:BO)`, `=SUM('1月'!BQ:BQ)`],\n [`=SUM(AM8:AN8)`, `=SUM(AM9:AN9)`],\n ].forEach((value, index) => {\n const columnIndex = index + 2;\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex}`).value = { formula: value[0].replace(/8/g, rowIndex).replace('1月', month) };\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex + 1}`).value = { formula: value[1].replace(/9/g, rowIndex + 1).replace('1月', month) };\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`${columnArray[columnIndex]}${rowIndex + 1}`).fill =\n { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFFF00' }, bgColor: { argb: 'FFFF00' } };\n });\n rowIndex += 2;\n });\n const lastRowBorder = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + 1}`);\n worksheet.getCell(`A${rowIndex}`).value = '合計';\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = lastRowBorder;\n worksheet.getCell(`B${rowIndex}`).value = '人數';\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = lastRowBorder;\n worksheet.getCell(`B${rowIndex + 1}`).value = '人次';\n worksheet.getCell(`B${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex + 1}`).border = lastRowBorder;\n Array(39).fill('').map((_, i) => i + 2).forEach((columnIndex) => {\n const column = columnArray[columnIndex];\n worksheet.getCell(`${column}${rowIndex}`).value = { formula: '=C8+C10+C12+C14+C16+C18+C20+C22+C24+C26+C28+C30'.replace(/C/g, column) };\n worksheet.getCell(`${column}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex}`).border = lastRowBorder;\n worksheet.getCell(`${column}${rowIndex + 1}`).value = { formula: '=C9+C11+C13+C15+C17+C19+C21+C23+C25+C27+C29+C31'.replace(/C/g, column) };\n worksheet.getCell(`${column}${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${column}${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${column}${rowIndex + 1}`).border = lastRowBorder;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetElderByMonth(worksheet, clientStatement, clientName, yearMonth, monthLabel) {\n const fontName = 'Calibri';\n const range = 'A:CZ';\n const columnArray = buildColumnsArray(range);\n const ROCYear = getROCYear(yearMonth);\n\n let rowIndex = 1;\n\n worksheet.getColumn('C').width = 13;\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n worksheet.mergeCells(`B${rowIndex}:U${rowIndex}`);\n worksheet.getCell(`B${rowIndex}`).value = `${clientName} ${ROCYear} 年度 ${monthLabel}北市社會局失能者營養餐飲服務計畫名冊`;\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 16, name: fontName, bold: true };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:U${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `備註：\n1.性別、失能程度、福利身份別、獨居與否及原住民身分請以「1」註記(以上所有類別均須依照個案情況填寫，不可整欄空白)，以利自動加總人數。\n2.用餐數量為當月餐次加總。(該月無用餐或暫停送餐之長者不可填寫於名冊上) \n3.該月新增個案請於備註欄備註開始送餐日。 `;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getRow(rowIndex).height = 66;\n rowIndex += 1;\n\n ['序號', '姓名', '身份證\\n統一編號', '出生年\\n(民國)', '聯絡電話'].forEach((header, index) => {\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).border = defaultBorder;\n });\n worksheet.mergeCells(`F${rowIndex}:G${rowIndex}`);\n worksheet.getCell(`F${rowIndex}`).value = '性別';\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`F${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`H${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`H${rowIndex}`).value = '失能程度';\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`K${rowIndex}:N${rowIndex}`);\n worksheet.getCell(`K${rowIndex}`).value = '福利身份';\n worksheet.getCell(`K${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`K${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`K${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`O${rowIndex}:Q${rowIndex}`);\n worksheet.getCell(`O${rowIndex}`).value = '獨居與否';\n worksheet.getCell(`O${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`O${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`O${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`R${rowIndex}`).value = '用餐\\n數量';\n worksheet.getCell(`R${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`R${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`R${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`S${rowIndex}:T${rowIndex}`);\n worksheet.getCell(`S${rowIndex}`).value = '原住民身分';\n worksheet.getCell(`S${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`S${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`S${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`U${rowIndex}`).value = '備註';\n worksheet.getCell(`U${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`U${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`U${rowIndex}`).border = defaultBorder;\n worksheet.getRow(rowIndex).height = 36;\n rowIndex += 1;\n\n ['', '', '', '', '', '男', '女', '輕', '中', '重',\n '低收', '中低', '近貧', '一般', '是', '否', '不詳', '', '是', '否', ''].forEach((header, index) => {\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).border = defaultBorder;\n });\n rowIndex += 1;\n let elderIndex = 0;\n (clientStatement.elderStatistics || []).forEach((elderRow, index) => {\n if (elderRow.orderCount === 0) {\n return;\n }\n elderIndex += 1;\n worksheet.getCell(`A${rowIndex}`).value = elderIndex;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`B${rowIndex}`).value = elderRow.name || '';\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`C${rowIndex}`).value = elderRow.identificationCardId || '';\n worksheet.getCell(`C${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`C${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`C${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`D${rowIndex}`).value = getROCYear(elderRow.birthday) || '';\n worksheet.getCell(`D${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`D${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`D${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`E${rowIndex}`).value = elderRow.phoneNumber || '';\n worksheet.getCell(`E${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`E${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`F${rowIndex}`).value = elderRow.gender === 'male' ? 1 : '';\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`F${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex}`).value = elderRow.gender === 'female' ? 1 : '';\n worksheet.getCell(`G${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`G${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex}`).value = ['2級', '3級'].includes(elderRow.cmsLevel) ? 1 : '';\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`I${rowIndex}`).value = ['4級', '5級', '6級'].includes(elderRow.cmsLevel) ? 1 : '';\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`J${rowIndex}`).value = ['7級', '8級'].includes(elderRow.cmsLevel) ? 1 : '';\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`K${rowIndex}`).value = elderRow.disadvantagedTypes === '低收' ? 1 : '';\n worksheet.getCell(`K${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`K${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`K${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`L${rowIndex}`).value = elderRow.disadvantagedTypes === '中低' ? 1 : '';\n worksheet.getCell(`L${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`L${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`L${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`M${rowIndex}`).value = elderRow.disadvantagedTypes === '近貧' ? 1 : '';\n worksheet.getCell(`M${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`M${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`M${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`N${rowIndex}`).value = elderRow.disadvantagedTypes === '一般' ? 1 : '';\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`N${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`N${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`O${rowIndex}`).value = elderRow.isLivingAlone === 1 ? 1 : '';\n worksheet.getCell(`O${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`O${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`O${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`P${rowIndex}`).value = elderRow.isLivingAlone === 0 ? 1 : '';\n worksheet.getCell(`P${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`P${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`P${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`Q${rowIndex}`).value = elderRow.isLivingAlone === null || elderRow.isLivingAlone === undefined ? 1 : '';\n worksheet.getCell(`Q${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`Q${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`Q${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`R${rowIndex}`).value = elderRow.orderCount;\n worksheet.getCell(`R${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`R${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`R${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`S${rowIndex}`).value = elderRow.isIndigenous ? 1 : '';\n worksheet.getCell(`S${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`S${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`S${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`T${rowIndex}`).value = !elderRow.isIndigenous ? 1 : '';\n worksheet.getCell(`T${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`T${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`T${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`U${rowIndex}`).value = '';\n worksheet.getCell(`U${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`U${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`U${rowIndex}`).border = defaultBorder;\n rowIndex += 1;\n });\n worksheet.getRow(rowIndex - 1).eachCell((cell) => {\n cell.border = { ...defaultBorder, bottom: { style: 'thin' } };\n });\n\n // 公式表格\n rowIndex = 3;\n worksheet.mergeCells(`X${rowIndex}:Y${rowIndex}`);\n worksheet.getCell(`X${rowIndex}`).value = '性別';\n worksheet.getCell(`X${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`X${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`X${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`Z${rowIndex}:AB${rowIndex}`);\n worksheet.getCell(`Z${rowIndex}`).value = '失能程度';\n worksheet.getCell(`Z${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`Z${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`Z${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`AC${rowIndex}:AF${rowIndex}`);\n worksheet.getCell(`AC${rowIndex}`).value = '福利身份';\n worksheet.getCell(`AC${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`AC${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`AC${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`AG${rowIndex}:AI${rowIndex}`);\n worksheet.getCell(`AG${rowIndex}`).value = '獨居與否';\n worksheet.getCell(`AG${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`AG${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`AG${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`AJ${rowIndex}`).value = '用餐\\n數量';\n worksheet.getCell(`AJ${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`AJ${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`AJ${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`AK${rowIndex}:AL${rowIndex}`);\n worksheet.getCell(`AK${rowIndex}`).value = '原住民身分';\n worksheet.getCell(`AK${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`AK${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`AK${rowIndex}`).border = defaultBorder;\n rowIndex += 1;\n ['男', '女', '輕', '中', '重', '低收', '中低', '近貧', '一般', '是', '否', '不詳', '', '是', '否'].forEach((header, index) => {\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).border = defaultBorder;\n });\n rowIndex += 1;\n columnArray.slice(5, 20).forEach((column, index) => {\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).value = { formula: `=SUM(${column}:${column})` };\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index + 23]}${rowIndex}`).border =\n { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n });\n\n rowIndex = 2;\n // eslint-disable-next-line max-len\n ['低收入戶', '低收入戶', '低收入戶', '低收入戶', '低收入戶', '低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '近貧', '近貧', '近貧', '近貧', '近貧', '近貧', '一般戶', '一般戶', '一般戶', '一般戶', '一般戶', '一般戶', '獨居(本欄請獨立計算)', '獨居(本欄請獨立計算)', '原住民(本欄請獨立計算)', '原住民(本欄請獨立計算)', '低收入戶', '低收入戶', '低收入戶', '低收入戶', '低收入戶', '低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '中低收入戶', '近貧', '近貧', '近貧', '近貧', '近貧', '近貧', '一般戶', '一般戶', '一般戶', '一般戶', '一般戶', '一般戶', '獨居(本欄請獨立計算)', '獨居(本欄請獨立計算)', '原住民(本欄請獨立計算)', '原住民(本欄請獨立計算)']\n .forEach((header, index) => {\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).border = defaultBorder;\n });\n rowIndex += 1;\n // eslint-disable-next-line max-len\n ['輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '小計', '小計', '小計', '小計', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '輕度失能', '輕度失能', '中度失能', '中度失能', '重度失能', '重度失能', '小計', '小計', '小計', '小計']\n .forEach((header, index) => {\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).border = defaultBorder;\n });\n rowIndex += 1;\n // eslint-disable-next-line max-len\n ['男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女', '男', '女']\n .forEach((header, index) => {\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).border =\n { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n });\n rowIndex += 1;\n (clientStatement.elderStatistics || []).forEach((_, index) => {\n [\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),K5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),K5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),K5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),K5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),K5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),K5<>\"\"),1,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),L5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),L5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),L5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),L5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),L5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),L5<>\"\"),1,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),M5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),M5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),M5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),M5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),M5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),M5<>\"\"),1,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),N5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),N5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),N5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),N5<>\"\"),1,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),N5<>\"\"),1,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),N5<>\"\"),1,0)',\n '=IF(AND(F5<>\"\",O5<>\"\"),1,0)', '=IF(AND(G5<>\"\",O5<>\"\"),1,0)', ' =IF(AND(F5<>\"\",S5<>\"\"),1,0)', '=IF(AND(G5<>\"\",S5<>\"\"),1,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),K5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),K5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),K5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),K5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),K5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),K5<>\"\"),R5,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),L5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),L5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),L5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),L5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),L5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),L5<>\"\"),R5,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),M5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),M5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),M5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),M5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),M5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),M5<>\"\"),R5,0)',\n // eslint-disable-next-line max-len\n '=IF(AND(AND(F5<>\"\",H5<>\"\"),N5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",H5<>\"\"),N5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",I5<>\"\"),N5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",I5<>\"\"),N5<>\"\"),R5,0)', '=IF(AND(AND(F5<>\"\",J5<>\"\"),N5<>\"\"),R5,0)', '=IF(AND(AND(G5<>\"\",J5<>\"\"),N5<>\"\"),R5,0)',\n '=IF(AND(F5<>\"\",O5<>\"\"),R5,0)', '=IF(AND(G5<>\"\",O5<>\"\"),R5,0)', ' =IF(AND(F5<>\"\",S5<>\"\"),R5,0)', '=IF(AND(G5<>\"\",S5<>\"\"),R5,0)',\n ].forEach((formula, index) => {\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).value = { formula: formula.replace(/5/g, rowIndex) };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[index + 39]}${rowIndex}`).font = { size: 12, name: fontName };\n });\n rowIndex += 1;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetDeliveryStaff(worksheet, deliveryStaffs = [], orders = [], clientName, yearMonth, monthLabel) {\n const deliveryStaffRows = [];\n deliveryStaffs\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n identificationCardId,\n address,\n }) => {\n const deliveryStaffOrders = orders\n .filter(({ deliveryStaffId }) => deliveryStaffId === id);\n if (deliveryStaffOrders.length === 0) {\n return;\n }\n const lunchs = [];\n const dinners = [];\n deliveryStaffOrders.sort(sortBy('deliveryBy')).forEach(({ mealSlot, date }) => {\n const day = date.split('-')[2];\n if (mealSlot === 'lunch') {\n if (!lunchs.includes(day)) {\n lunchs.push(day);\n }\n } else {\n if (!dinners.includes(day)) {\n dinners.push(day);\n }\n }\n });\n deliveryStaffRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 戶籍地址: formatAddress(address, { includeZipCode: false }),\n 供餐次數: deliveryStaffOrders.length,\n 服務日期: { lunchs, dinners },\n });\n });\n\n const fontName = 'Calibri';\n const range = 'A:AZ';\n const columnArray = buildColumnsArray(range);\n\n const ROCYear = getROCYear(yearMonth);\n\n let rowIndex = 1;\n\n const columnWidth = [6, 10, 14, 36, 4.67, 40, 5.33, 11.83, 11.5, 31.83];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n worksheet.mergeCells(`A${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `${clientName}`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName, underline: true };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `「臺北市政府社會局 ${ROCYear} 年度補助辦理失能者營養餐飲服務計畫」`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `${ROCYear}年${monthLabel}份送餐人員誤餐交通費請領清冊`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n rowIndex += 1;\n\n ['編號', '姓名', '身分證統一編號', '戶籍地址(含里鄰)', '時段', '服務日期',\n '次數', '金額', '總金額', '蓋章'].forEach((header, index) => {\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).value = header;\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`${columnArray[index]}${rowIndex}`).border = defaultBorder;\n });\n\n rowIndex += 1;\n deliveryStaffRows.forEach((deliveryStaff, index) => {\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + 1}`);\n worksheet.getCell(`A${rowIndex}`).value = index + 1;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`B${rowIndex}:B${rowIndex + 1}`);\n worksheet.getCell(`B${rowIndex}`).value = deliveryStaff['姓名'];\n worksheet.getCell(`B${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`B${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`B${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`C${rowIndex}:C${rowIndex + 1}`);\n worksheet.getCell(`C${rowIndex}`).value = deliveryStaff['身分證字號'];\n worksheet.getCell(`C${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`C${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`C${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`D${rowIndex}:D${rowIndex + 1}`);\n worksheet.getCell(`D${rowIndex}`).value = deliveryStaff['戶籍地址'];\n worksheet.getCell(`D${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`D${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`D${rowIndex}`).border = defaultBorder;\n let total = 0;\n if (deliveryStaff['服務日期'].lunchs.length !== 0 && deliveryStaff['服務日期'].dinners.length !== 0) {\n worksheet.getCell(`E${rowIndex}`).value = '午';\n worksheet.getCell(`E${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`E${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`F${rowIndex}`).value = deliveryStaff['服務日期'].lunchs.join(',');\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 8, name: fontName };\n worksheet.getCell(`F${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex}`).value = deliveryStaff['服務日期'].lunchs.length;\n worksheet.getCell(`G${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`G${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex}`).value = deliveryStaff['服務日期'].lunchs.length * deliveryStaffFeePerTrip;\n total += deliveryStaff['服務日期'].lunchs.length * deliveryStaffFeePerTrip;\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`E${rowIndex + 1}`).value = '晚';\n worksheet.getCell(`E${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`E${rowIndex + 1}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`F${rowIndex + 1}`).value = deliveryStaff['服務日期'].dinners.join(',');\n worksheet.getCell(`F${rowIndex + 1}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex + 1}`).font = { size: 8, name: fontName };\n worksheet.getCell(`F${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex + 1}`).value = deliveryStaff['服務日期'].dinners.length;\n worksheet.getCell(`G${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex + 1}`).font = { size: 14, name: fontName };\n worksheet.getCell(`G${rowIndex + 1}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex + 1}`).value = deliveryStaff['服務日期'].dinners.length * deliveryStaffFeePerTrip;\n total += deliveryStaff['服務日期'].dinners.length * deliveryStaffFeePerTrip;\n worksheet.getCell(`H${rowIndex + 1}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex + 1}`).font = { size: 14, name: fontName };\n worksheet.getCell(`H${rowIndex + 1}`).border = defaultBorder;\n } else {\n worksheet.mergeCells(`E${rowIndex}:E${rowIndex + 1}`);\n worksheet.getCell(`E${rowIndex}`).value = deliveryStaff['服務日期'].lunchs.length !== 0 ? '午' : '晚';\n worksheet.getCell(`E${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle', wrapText: true };\n worksheet.getCell(`E${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`E${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`F${rowIndex}:F${rowIndex + 1}`);\n worksheet.getCell(`F${rowIndex}`).value = deliveryStaff['服務日期'].lunchs.length !== 0 ?\n deliveryStaff['服務日期'].lunchs.join(',') : deliveryStaff['服務日期'].dinners.join(',');\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 8, name: fontName };\n worksheet.getCell(`F${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`G${rowIndex}:G${rowIndex + 1}`);\n worksheet.getCell(`G${rowIndex}`).value = deliveryStaff['服務日期'].lunchs.length !== 0 ?\n deliveryStaff['服務日期'].lunchs.length : deliveryStaff['服務日期'].dinners.length;\n worksheet.getCell(`G${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`G${rowIndex}`).border = defaultBorder;\n total = deliveryStaff['服務日期'].lunchs.length !== 0 ?\n deliveryStaff['服務日期'].lunchs.length * deliveryStaffFeePerTrip :\n deliveryStaff['服務日期'].dinners.length * deliveryStaffFeePerTrip;\n worksheet.mergeCells(`H${rowIndex}:H${rowIndex + 1}`);\n worksheet.getCell(`H${rowIndex}`).value = total;\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n }\n worksheet.mergeCells(`I${rowIndex}:I${rowIndex + 1}`);\n worksheet.getCell(`I${rowIndex}`).value = total;\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = defaultBorder;\n worksheet.mergeCells(`J${rowIndex}:J${rowIndex + 1}`);\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = defaultBorder;\n rowIndex += 2;\n });\n\n worksheet.mergeCells(`A${rowIndex}:F${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = '合 計';\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`G${rowIndex}`).value = { formula: `=SUM(G5:G${deliveryStaffRows.length * 2 - 1 + 5})` };\n worksheet.getCell(`G${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`G${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`H${rowIndex}`).value = { formula: `=SUM(H5:H${deliveryStaffRows.length * 2 - 1 + 5})` };\n worksheet.getCell(`H${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`H${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`H${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`I${rowIndex}`).value = { formula: `=SUM(I5:I${deliveryStaffRows.length * 2 - 1 + 5})` };\n worksheet.getCell(`I${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`I${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`I${rowIndex}`).border = defaultBorder;\n worksheet.getCell(`J${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`J${rowIndex}`).font = { size: 14, name: fontName };\n worksheet.getCell(`J${rowIndex}`).border = defaultBorder;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:J${rowIndex}`);\n // eslint-disable-next-line max-len\n worksheet.getCell(`A${rowIndex}`).value = `填表人： 主辦會計： 單位主管：`;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { size: 12, name: fontName };\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' } };\n\n return worksheet;\n}\n","import JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { sortBy } from 'utilities/sorting';\nimport { formatAddress } from 'utilities/format';\nimport { buildColumnsArray, getROCYear, convertDateToZhFormat } from './helpers';\nimport { toastr } from 'react-redux-toastr';\nimport moment from 'moment-timezone';\n\nconst COUNTY = '彰化縣';\n\nconst deliveryStaffFeePerOrder = 125;\n\nexport default async function writeChanghua({\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth: selectedYearMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n applyDefaultDeliveryStaff = false,\n weeksOfMonth,\n}) {\n const elders = allElders.filter(({ address }) => address.county === COUNTY);\n // const elders = allElders; // test\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let periodOrders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n periodOrders = periodOrders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n const orders = periodOrders.filter(({ date }) => date.startsWith(selectedYearMonth));\n\n const [selectedYear, selectedMonth] = selectedYearMonth.split('-');\n const ROCYear = parseInt(selectedYear) - 1911;\n\n const zip = new JSZip();\n\n const workbookDeliveryStaff = new ExcelJS.Workbook();\n const worksheet = workbookDeliveryStaff.addWorksheet(`${ROCYear}.${selectedMonth}`);\n getWorksheetDeliveryStaff(worksheet, deliveryStaffs, orders, elders, selectedYearMonth, selectedMonth, applyDefaultDeliveryStaff);\n try {\n if (workbookDeliveryStaff && workbookDeliveryStaff.worksheets && workbookDeliveryStaff.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookDeliveryStaff.xlsx.writeBuffer();\n zip.file(`${ROCYear}${selectedMonth}送餐人員配對名冊.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const workbookElderStatistics = new ExcelJS.Workbook();\n const worksheetElderStatistics = workbookElderStatistics.addWorksheet(`${ROCYear}${selectedMonth}人數人次統計表`);\n const firstDayOfMonth = moment(selectedYearMonth, 'YYYY-MM').startOf('month').format('YYYY-MM-DD');\n const lastDayOfMonth = moment(selectedYearMonth, 'YYYY-MM').endOf('month').format('YYYY-MM-DD');\n getWorksheetElderStatistics(worksheetElderStatistics, orders, elders, firstDayOfMonth, lastDayOfMonth);\n weeksOfMonth.forEach(({ start, end }) => {\n const [startYear, startMonth, startDay] = start.split('-');\n const [, endMonth, endDay] = end.split('-');\n const ROCYear = parseInt(startYear) - 1911;\n const ordersInPeriod = periodOrders.filter(({ date }) => date >= start && date <= end);\n const worksheetElderStatistics = workbookElderStatistics.addWorksheet(`${ROCYear}${startMonth}${startDay}-${endMonth}${endDay}人數人次統計表`);\n getWorksheetElderStatistics(worksheetElderStatistics, ordersInPeriod, elders, start, end);\n });\n try {\n if (workbookElderStatistics && workbookElderStatistics.worksheets && workbookElderStatistics.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookElderStatistics.xlsx.writeBuffer();\n zip.file(`${ROCYear}${selectedMonth}人數人次統計表.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedYearMonth}核銷報表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetDeliveryStaff(worksheet, deliveryStaffs = [], orders = [], elders, yearMonth, selectedMonth, applyDefaultDeliveryStaff) {\n const deliveryStaffRows = [];\n deliveryStaffs\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .map(({\n id,\n name,\n identificationCardId,\n address,\n birthday,\n }) => {\n const deliveryStaffOrders = orders\n .filter(({ deliveryStaffId, elderId }) => {\n if (applyDefaultDeliveryStaff) {\n const elder = elders.find(({ id }) => id === elderId);\n if (elder.defaultDeliveryStaffId) {\n return elder.defaultDeliveryStaffId === id;\n }\n }\n return deliveryStaffId === id;\n });\n if (deliveryStaffOrders.length === 0) {\n return;\n }\n const lunchs = [];\n const dinners = [];\n const elderNames = [];\n deliveryStaffOrders.sort(sortBy('deliveryBy')).forEach(({ mealSlot, date, elderId }) => {\n const elder = elders.find(({ id }) => id === elderId);\n const day = date.split('-')[2];\n if (mealSlot === 'lunch') {\n if (!lunchs.includes(day)) {\n lunchs.push(day);\n }\n } else {\n if (!dinners.includes(day)) {\n dinners.push(day);\n }\n }\n if (!elderNames.includes(elder.name)) {\n elderNames.push(elder.name);\n }\n });\n deliveryStaffRows.push({\n 姓名: name,\n 身分證字號: identificationCardId,\n 生日: birthday ? convertDateToZhFormat(birthday) : '',\n 戶籍地址: formatAddress(address, { includeZipCode: false }),\n 服務日期: { lunchs, dinners },\n 送餐個案: elderNames.sort((a, b) => a > b ? 1 : -1),\n });\n });\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const ROCYear = getROCYear(yearMonth);\n\n let rowIndex = 1;\n\n const columnWidth = [9, 10, 16, 14, 30, 40, 40, 9, 9, 9, 16, 16, 30];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n const defaultBorder = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n let cell;\n worksheet.mergeCells(`A${rowIndex}:M${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `${ROCYear}年度營養餐飲服務-----營養餐飲人員配對名冊 ${selectedMonth} 月份-午、晚餐`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n rowIndex += 1;\n\n ['編號', '送餐人員\\n姓名', '送餐人員\\n身分證字號', '送餐人員\\n出生年月日', '送餐人員\\n戶籍地址', '送餐日期(午餐)', '送餐日期(晚餐)',\n '(午餐次數)', '(晚餐次數)', '午餐+晚餐次數', `補助當月\\n次數*${deliveryStaffFeePerOrder}元`, '送餐人員用印', '送餐個案']\n .forEach((header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n worksheet.getRow(rowIndex).height = 80;\n });\n rowIndex += 1;\n\n deliveryStaffRows.forEach((deliveryStaff, index) => {\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = index + 1;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`B${rowIndex}`);\n cell.value = deliveryStaff['姓名'];\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`C${rowIndex}`);\n cell.value = deliveryStaff['身分證字號'];\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`D${rowIndex}`);\n cell.value = deliveryStaff['生日'];\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`E${rowIndex}`);\n cell.value = deliveryStaff['戶籍地址'];\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`F${rowIndex}`);\n cell.value = deliveryStaff['服務日期'].lunchs.join('.');\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`G${rowIndex}`);\n cell.value = deliveryStaff['服務日期'].dinners.join('.');\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`H${rowIndex}`);\n cell.value = deliveryStaff['服務日期'].lunchs.length;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`I${rowIndex}`);\n cell.value = deliveryStaff['服務日期'].dinners.length;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`J${rowIndex}`);\n cell.value = { formula: `=SUM(H${rowIndex}:I${rowIndex})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`K${rowIndex}`);\n cell.value = { formula: `=J${rowIndex}*${deliveryStaffFeePerOrder}` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`L${rowIndex}`);\n cell.value = '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`M${rowIndex}`);\n cell.value = deliveryStaff['送餐個案'].join('、');\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n worksheet.getRow(rowIndex).height = 80;\n rowIndex += 1;\n });\n\n worksheet.mergeCells(`A${rowIndex}:G${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '總計';\n cell.alignment = { horizontal: 'right', vertical: 'middle' };\n cell.font = { size: 28, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`H${rowIndex}`);\n cell.value = deliveryStaffRows.length ? { formula: `=SUM(H3:H${deliveryStaffRows.length + 2})` } : '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`I${rowIndex}`);\n cell.value = deliveryStaffRows.length ? { formula: `=SUM(I3:I${deliveryStaffRows.length + 2})` } : '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`J${rowIndex}`);\n cell.value = deliveryStaffRows.length ? { formula: `=SUM(J3:J${deliveryStaffRows.length + 2})` } : '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`K${rowIndex}`);\n cell.value = deliveryStaffRows.length ? { formula: `=SUM(K3:K${deliveryStaffRows.length + 2})` } : '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`L${rowIndex}`);\n cell.value = '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`M${rowIndex}`);\n cell.value = '';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 14, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n worksheet.mergeCells(`A${rowIndex}:D${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `製表人:`;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 12, name: fontName, color: { argb: 'F72020' } };\n cell.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.mergeCells(`E${rowIndex}:F${rowIndex}`);\n cell = worksheet.getCell(`E${rowIndex}`);\n cell.value = `會計:`;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 12, name: fontName, color: { argb: 'F72020' } };\n cell.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.mergeCells(`G${rowIndex}:J${rowIndex}`);\n cell = worksheet.getCell(`G${rowIndex}`);\n cell.value = `單位負責人:`;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 12, name: fontName, color: { argb: 'F72020' } };\n cell.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.mergeCells(`K${rowIndex}:M${rowIndex}`);\n cell = worksheet.getCell(`K${rowIndex}`);\n cell.value = `團體名稱:`;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 12, name: fontName, color: { argb: 'F72020' } };\n cell.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.getRow(rowIndex).height = 80;\n\n return worksheet;\n}\n\nfunction getWorksheetElderStatistics(worksheet, orders = [], elders, start, end) {\n const disadvantagedType = ['低收入戶', '中低收', '一般戶'];\n const cmsLevels = ['2級', '3級', '4級', '5級', '6級', '7級', '8級'];\n const ordersByDisadvantaged = {\n '低收入戶': [],\n '中低收': [],\n '一般戶': [],\n };\n const districts = [];\n orders.forEach((order) => {\n let type = '一般戶';\n const elder = elders.find((elder) => elder.id === order.elderId);\n if (!elder) {\n console.log(`can not find elder ${order.elderId} for order ${order.id}`);\n return;\n }\n if (!districts.includes(elder.address.district)) {\n districts.push(elder.address.district);\n }\n\n const { disadvantagedTypesSlot } = elder;\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n const slot = disadvantagedTypesSlot.find(({ start, end }) => order.date >= start && order.date < end);\n if (slot) {\n type = slot.type;\n }\n }\n // TODO: 先容錯，之後加設定\n if (['低收', '長照低收'].includes(type)) type = '低收入戶';\n if (['長照中低收'].includes(type)) type = '中低收';\n if (['一般'].includes(type)) type = '一般戶';\n if (!ordersByDisadvantaged[type]) {\n toastr.error(`${elder.name} 的身份別 \"${type}\" 無法辨識`);\n return;\n }\n ordersByDisadvantaged[type].push({ ...order, elder });\n });\n\n const fontName = 'Calibri';\n const range = 'A:BZ';\n const columnArray = buildColumnsArray(range);\n\n let rowIndex = 1;\n\n const columnWidth = [9, 7,\n 3, 3, 3, 3, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 6, 6,\n 3, 3, 3, 3, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 6, 6,\n 3, 3, 3, 3, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 6, 6,\n 12, 12];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n const defaultBorder = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n let cell;\n worksheet.mergeCells(`A${rowIndex}:K${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n const [startYear, startMonth, startDay] = start.split('-');\n const [endYear, endMonth, endDay] = end.split('-');\n const ROCStartYear = parseInt(startYear) - 1911;\n const ROCEndYear = parseInt(endYear) - 1911;\n cell.value = `時間：${ROCStartYear}年${startMonth}月${startDay}日-${ROCEndYear}年${endMonth}月${endDay}日`;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n\n rowIndex = 3;\n worksheet.mergeCells(`A${rowIndex}:A${rowIndex + 3}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '鄉鎮';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n worksheet.mergeCells(`B${rowIndex}:B${rowIndex + 3}`);\n cell = worksheet.getCell(`B${rowIndex}`);\n cell.value = '項目';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n let columnIndex = 2;\n disadvantagedType.forEach((type) => {\n let currentRowIndex = rowIndex;\n worksheet.mergeCells(`${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + 13]}${currentRowIndex}`);\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = type;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 14]}${currentRowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 15]}${currentRowIndex}`);\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n cmsLevels.forEach((cmsLevel, index) => {\n const offset = index * 2;\n worksheet.mergeCells(`${columnArray[columnIndex + offset]}${currentRowIndex}:${columnArray[columnIndex + offset + 1]}${currentRowIndex}`);\n cell = worksheet.getCell(`${columnArray[columnIndex + offset]}${currentRowIndex}`);\n cell.value = cmsLevel;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n });\n cell = worksheet.getCell(`${columnArray[columnIndex + 14]}${currentRowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 15]}${currentRowIndex}`);\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n let currentColumnIndex = columnIndex;\n [{ label: '輕度', width: 4 }, { label: '中度', width: 6 }, { label: '重度', width: 4 }].forEach(({ label, width }) => {\n worksheet.mergeCells(`${columnArray[currentColumnIndex]}${currentRowIndex}:${columnArray[currentColumnIndex + width - 1]}${currentRowIndex}`);\n cell = worksheet.getCell(`${columnArray[currentColumnIndex]}${currentRowIndex}`);\n cell.value = label;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n currentColumnIndex += width;\n });\n cell = worksheet.getCell(`${columnArray[columnIndex + 14]}${currentRowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 15]}${currentRowIndex}`);\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n currentColumnIndex = columnIndex;\n [\n { label: '男', width: 2 }, { label: '女', width: 2 },\n { label: '男', width: 3 }, { label: '女', width: 3 },\n { label: '男', width: 2 }, { label: '女', width: 2 },\n { label: '男', width: 1 }, { label: '女', width: 1 },\n ].forEach(({ label, width }) => {\n if (width > 1) {\n worksheet.mergeCells(`${columnArray[currentColumnIndex]}${currentRowIndex}:${columnArray[currentColumnIndex + width - 1]}${currentRowIndex}`);\n }\n cell = worksheet.getCell(`${columnArray[currentColumnIndex]}${currentRowIndex}`);\n cell.value = label;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n currentColumnIndex += width;\n });\n currentRowIndex += 1;\n\n columnIndex += 16;\n });\n\n let currentRowIndex = rowIndex;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 1]}${currentRowIndex}`);\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 1]}${currentRowIndex}`);\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 1]}${currentRowIndex}`);\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '總和';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`${columnArray[columnIndex + 1]}${currentRowIndex}`);\n cell.border = defaultBorder;\n rowIndex += 4;\n\n const total = {\n '人數': [],\n '人次': [],\n '午餐': [],\n '晚餐': [],\n };\n districts.sort().forEach((district) => {\n currentRowIndex = rowIndex;\n worksheet.mergeCells(`A${currentRowIndex}:A${currentRowIndex + 3}`);\n cell = worksheet.getCell(`A${currentRowIndex}`);\n cell.value = district;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n ['人數', '人次', '午餐', '晚餐'].forEach((label, index) => {\n cell = worksheet.getCell(`B${currentRowIndex + index}`);\n cell.value = label;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n });\n columnIndex = 2;\n const cmsLevelSeverity = [['2級', '3級'], ['4級', '5級', '6級'], ['7級', '8級']];\n const mergedCells = [2, 2, 3, 3, 2, 2];\n disadvantagedType.forEach((type) => {\n let index = 0;\n cmsLevelSeverity.forEach((cmsLevels) => {\n ['male', 'female'].forEach((gender) => {\n const orders = ordersByDisadvantaged[type].filter(({ elder }) => {\n return elder.address.district === district &&\n cmsLevels.includes(elder.cmsLevel) &&\n elder.gender === gender;\n });\n let currentRowIndex = rowIndex;\n ['人數', '人次', '午餐', '晚餐'].forEach((content) => {\n worksheet.mergeCells(`${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + mergedCells[index] - 1]}${currentRowIndex}`);\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = undefined;\n if (orders.length !== 0) {\n switch (content) {\n case '人數': {\n const uniqueElderIdsSet = new Set();\n orders.forEach(({ elderId }) => uniqueElderIdsSet.add(elderId));\n cell.value = uniqueElderIdsSet.size || undefined;\n break;\n }\n case '人次':\n cell.value = orders.length;\n break;\n case '午餐':\n cell.value = orders.filter(({ mealSlot }) => mealSlot === 'lunch').length || undefined;\n break;\n case '晚餐':\n cell.value = orders.filter(({ mealSlot }) => mealSlot === 'dinner').length || undefined;\n break;\n }\n }\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n });\n columnIndex += mergedCells[index];\n index += 1;\n });\n });\n\n currentRowIndex = rowIndex;\n ['人數', '人次', '午餐', '晚餐'].forEach((content) => {\n // 男總和\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = {\n formula: `=${columnArray[columnIndex - 14]}${currentRowIndex} + \\\n${columnArray[columnIndex - 10]}${currentRowIndex} + \\\n${columnArray[columnIndex - 4]}${currentRowIndex}`,\n };\n cell.border = defaultBorder;\n total[content].push(`${columnArray[columnIndex]}${currentRowIndex}`);\n // 女總和\n cell = worksheet.getCell(`${columnArray[columnIndex + 1]}${currentRowIndex}`);\n cell.value = {\n formula: `=${columnArray[columnIndex - 12]}${currentRowIndex} + \\\n${columnArray[columnIndex - 7]}${currentRowIndex} + \\\n${columnArray[columnIndex - 2]}${currentRowIndex}`,\n };\n cell.border = defaultBorder;\n total[content].push(`${columnArray[columnIndex + 1]}${currentRowIndex}`);\n currentRowIndex += 1;\n });\n columnIndex += 2;\n });\n\n rowIndex += 4;\n });\n\n if (districts.length > 0) {\n // column AY and AZ\n rowIndex = 7;\n\n cell = worksheet.getCell(`AY${rowIndex}`);\n cell.value = '人數';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`AZ${rowIndex}`);\n cell.value = { formula: `=${total['人數'].join('+')}` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n cell = worksheet.getCell(`AY${rowIndex}`);\n cell.value = '人次';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`AZ${rowIndex}`);\n cell.value = { formula: `=${total['人次'].join('+')}` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n cell = worksheet.getCell(`AY${rowIndex}`);\n cell.value = '午餐人次';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`AZ${rowIndex}`);\n cell.value = { formula: `=${total['午餐'].join('+')}` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n cell = worksheet.getCell(`AY${rowIndex}`);\n cell.value = '晚餐人次';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n cell = worksheet.getCell(`AZ${rowIndex}`);\n cell.value = { formula: `=${total['晚餐'].join('+')}` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 12, name: fontName };\n cell.border = defaultBorder;\n rowIndex += 1;\n\n let restCellRowCount = (districts.length - 1) * 4;\n while (restCellRowCount > 0) {\n cell = worksheet.getCell(`AY${rowIndex}`);\n cell.border = defaultBorder;\n cell = worksheet.getCell(`AZ${rowIndex}`);\n cell.border = defaultBorder;\n rowIndex += 1;\n restCellRowCount -= 1;\n }\n }\n\n return worksheet;\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { toastr } from 'react-redux-toastr';\n\nimport {\n counties,\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\nimport LabelWithToolTip from '../LabelWithToolTip';\n\nimport chiayi from './workbooks/chiayi';\nimport miaoli from './workbooks/miaoli';\nimport yunlin from './workbooks/yunlin';\nimport taoyuan from './workbooks/taoyuan';\nimport newTaipeiCity from './workbooks/newTaipeiCity';\nimport pingtung from './workbooks/pingtung';\nimport taipei from './workbooks/taipei';\nimport changhua from './workbooks/changhua';\n\nimport {\n getEldersByClientByStatus,\n getOrdersByClientByDate,\n getPandagoOrdersByOrderByCreatedAt,\n} from '../queries';\n\nimport { processShareOrder, processDisadvantagedTypes, getWeeksOfMonth } from './workbooks/helpers';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function CountyPrsReport({ clientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeNonDisElders, setIncludeNonDisElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const [applyDefaultDeliveryStaff, setApplyDefaultDeliveryStaff] = useState(false);\n const excludeNonFoodDeliveryOrders = true;\n\n const collectData = async () => {\n if (!['嘉義縣', '苗栗縣', '新北市', '雲林縣', '桃園市', '屏東縣', '臺北市', '彰化縣'].includes(selectedCounty)) {\n toastr.error(`尚未提供${selectedCounty}核銷報表`);\n return;\n }\n\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n let fromDate = from.format('YYYY-MM-DD');\n let toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n // const monthString = from.format('YYYY/MM');\n const period = `${fromDate}__${toDate}`;\n const {\n id: clientId,\n name,\n facilitySettings: { dba },\n } = clientOptions.find(({ id }) => id === selectedClientId);\n\n const clientName = dba || name;\n\n const weeksOfMonth = getWeeksOfMonth(selectedMonth);\n if (selectedCounty === '彰化縣') {\n fromDate = weeksOfMonth[0].start;\n toDate = weeksOfMonth[weeksOfMonth.length - 1].end;\n }\n\n global.logger.debug({\n selectedClientId,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n elders,\n orders,\n ] = await Promise.all([\n asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n filter: includeNonDisElders ? undefined : {\n isDisadvantaged: {\n eq: 1,\n },\n },\n limit: 1000,\n }),\n asyncListAll(getOrdersByClientByDate, {\n clientId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n ]);\n\n const deliveryStaffIds = [];\n orders.forEach(({ deliveryStaffId, elderId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n const elder = elders.find(({ id }) => id === elderId);\n if (elder?.defaultDeliveryStaffId && !deliveryStaffIds.includes(elder.defaultDeliveryStaffId)) {\n deliveryStaffIds.push(elder.defaultDeliveryStaffId);\n }\n });\n\n let pandagoDeliveryStaffId;\n const deliveryStaffs = await Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n username\n identificationCardId\n birthday\n address {\n county\n district\n street\n }\n }\n }\n `, { id });\n\n if (data.username === 'pandago') {\n pandagoDeliveryStaffId = id;\n }\n\n return data;\n }));\n\n const pandagoOrders = await Promise.all(orders\n .filter(({ deliveryStaffId }) => deliveryStaffId === pandagoDeliveryStaffId)\n .map(async ({ id: orderId }) => {\n const [pandagoOrder] = await asyncListAll(getPandagoOrdersByOrderByCreatedAt, {\n orderId,\n limit: 1,\n });\n\n return pandagoOrder;\n }));\n\n processShareOrder(elders, orders);\n processDisadvantagedTypes(selectedMonth, elders, fromDate, toDate);\n\n switch (selectedCounty) {\n case '嘉義縣':\n chiayi({ elders, orders, deliveryStaffs, pandagoOrders, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '苗栗縣':\n miaoli({ elders, orders, deliveryStaffs, pandagoOrders, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '新北市':\n newTaipeiCity({ elders, orders, deliveryStaffs, pandagoOrders, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '雲林縣':\n yunlin({ elders, orders, deliveryStaffs, pandagoOrders, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '桃園市':\n await taoyuan({ elders, orders, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '屏東縣':\n await pingtung({ elders, orders, deliveryStaffs, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '臺北市':\n await taipei({ elders, orders, deliveryStaffs, selectedMonth, clientId, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n return;\n case '彰化縣':\n await changhua({ elders, orders, deliveryStaffs, selectedMonth, clientName,\n includeUndeliveredOrders, excludeNonFoodDeliveryOrders, applyDefaultDeliveryStaff, weeksOfMonth });\n return;\n default:\n }\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [clientOptions]);\n\n return (\n Lalamove 月訂單輸出
\n\n {message}\n
\n\n \n 下載\n {isLoading &&
\n );\n}\n\nCountyPrsReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import { formatGender } from 'utilities/format';\nimport { utils, write } from 'sheetjs-style';\nimport JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport moment from 'moment-timezone';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\n\nexport default function writeVulnerable({\n elders,\n orders: allOrders,\n deliveryStaffs,\n pandagoOrders,\n selectedMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n county,\n restaurants = [],\n oneWayDeliveryStaffFee,\n}) {\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n const zip = new JSZip();\n const [year, month] = selectedMonth.split('-');\n const yearMonthTitle = `${parseInt(year)-1911}年${month}月`.replace(/0([1-9])月/g, '$1月');\n\n elders.sort((a, b) => a.name > b.name ? 1 : -1).forEach((elder) => {\n const elderOrders = orders\n .filter(({ elderId }) => elderId === elder.id);\n\n if (elderOrders.length === 0) {\n return;\n }\n\n // \\ / ? * [ ]\n const sanitizedElderName = elder.name\n // .replace(/ /g, '')\n .replace(/\\\\/g, '')\n .replace(/\\//g, '')\n .replace(/\\?/g, '')\n .replace(/\\*/g, '')\n .replace(/\\[/g, '')\n .replace(/\\]/g, '');\n\n let totalDeliveryStaffFee = 0;\n let totalDistanceInMeters = 0;\n const rows = elderOrders\n .sort((a, b) => a.mealSlot < b.mealSlot ? 1 : -1)\n .sort((a, b) => a.deliveryBy > b.deliveryBy ? 1 : -1)\n .map((order) => {\n totalDeliveryStaffFee += order.deliveryStaffFee;\n totalDistanceInMeters += order.direction?.distanceInMeters || 0;\n return {\n '送餐對象': sanitizedElderName,\n // '餐廳': (restaurants.find(({ id }) => id === order.restaurantId) || {}).name || '',\n '日期': moment(order.deliveryBy).tz(TIME_ZONE).format('YYYY/MM/DD'),\n '時段': order.mealSlot === 'lunch' ? '午餐' : '晚餐',\n // '狀態': orderStatus.find(({ value }) => value === order.status).label,\n '距離': order.direction ? order.direction.distance : 'N/A',\n '送餐費用': order.deliveryStaffFee,\n };\n });\n\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 4 } });\n utils.sheet_add_aoa(worksheet, [[`${clientName}${yearMonthTitle}脆弱家庭送餐里程明細`]], { origin: 'A1' });\n utils.sheet_add_json(worksheet, rows, { origin: 'A2' });\n utils.sheet_add_aoa(worksheet, [['統計', rows.length,\n `${Math.round(totalDistanceInMeters / 100) / 10}公里`,\n totalDeliveryStaffFee]], { origin: `B${rows.length + 3}` });\n utils.sheet_add_aoa(worksheet, [['承辦人: 單位主管:']], { origin: `A${rows.length + 4}` });\n\n if (!oneWayDeliveryStaffFee) {\n utils.sheet_add_aoa(worksheet, [['送餐費用依送餐距離(餐廳到個案家)計算']], { origin: `A${rows.length + 8}` });\n utils.sheet_add_aoa(worksheet, [['5公里內送餐費用50元']], { origin: `A${rows.length + 9}` });\n utils.sheet_add_aoa(worksheet, [['若超過5公里，額外費用為多的里程數(公里)乘上5元後再四捨五入']], { origin: `A${rows.length + 10}` });\n }\n\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, `${sanitizedElderName} 核銷報表`);\n const wbout = write(workbook, { bookType: 'xls', bookSST: true, type: 'binary' });\n\n zip.file(`午晚-${sanitizedElderName}.xls`, wbout, { binary: true });\n });\n\n const workbook = utils.book_new();\n\n utils.book_append_sheet(workbook, getWorksheetElders(elders, orders, clientName, yearMonthTitle), `個案`);\n utils.book_append_sheet(workbook, getWorksheetStatistics(elders, orders, clientName, yearMonthTitle, county), `統計表`);\n utils.book_append_sheet(workbook, getWorksheetStatistics([], [], clientName, yearMonthTitle, county), `核增統計表`);\n utils.book_append_sheet(workbook, getWorksheetAugementList([], []), `核增清冊`);\n utils.book_append_sheet(\n workbook,\n getWorksheetDeliveryFee(elders, orders, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName, false, oneWayDeliveryStaffFee),\n `車馬（送餐大使）`,\n );\n utils.book_append_sheet(\n workbook,\n getWorksheetDeliveryFee(elders, orders, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName, true),\n `車馬（Pandago）`,\n );\n\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n zip.file(`${clientName}__核銷報表__${selectedMonth}.xlsx`, wbout, { binary: true });\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedMonth}.zip`, zipContent);\n}\n\nfunction getWorksheetElders(elders = [], allOrders = [], clientName, yearMonthTitle) {\n const elderRows = [];\n let totalOrders = 0;\n let totalLunchOrders = 0;\n let totalDinnerOrders = 0;\n elders\n .sort((a, b) => a.name > b.name ? 1 : -1)\n .forEach(({\n id,\n name,\n gender,\n address: {\n county, district,\n },\n client: {\n facilitySettings: { dba },\n name: clientName,\n },\n }) => {\n const elderOrders = allOrders\n .filter(({ elderId }) => elderId === id);\n if (elderOrders.length === 0) {\n return;\n }\n elderRows.push({\n 姓名: name,\n 性別: formatGender(gender),\n 轉介機構: dba || clientName,\n 服務量: elderOrders.length,\n 午: elderOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length,\n 晚: elderOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length,\n 地區: county + district,\n 轉介單: '',\n });\n totalOrders += elderOrders.length;\n totalLunchOrders += elderOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length;\n totalDinnerOrders += elderOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length;\n });\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n utils.sheet_add_aoa(worksheet, [[`${clientName}${yearMonthTitle}脆弱家庭送餐餐費清冊`]], { origin: 'A1' });\n worksheet['A1'].s = {\n ...worksheet['A1'].s,\n alignment: { horizontal: 'center' },\n };\n\n utils.sheet_add_json(\n worksheet, elderRows, { origin: 'A2' });\n let rowIndex = elderRows.length + 3;\n worksheet['!merges'].push({ s: { r: rowIndex - 1, c: 0 }, e: { r: rowIndex - 1, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['合計', '', '', totalOrders, totalLunchOrders, totalDinnerOrders]], { origin: `A${rowIndex}` });\n worksheet[`A${rowIndex}`].s = {\n alignment: { horizontal: 'center' },\n };\n rowIndex += 1;\n utils.sheet_add_aoa(worksheet, [['承辦人: 單位主管:']], { origin: `A${rowIndex}` });\n\n worksheet['!cols'] = [\n { wch: 13 },\n { wch: 5 },\n { wch: 18 }, { wch: 8 },\n { wch: 8 }, { wch: 8 },\n { wch: 15 },\n ];\n\n return worksheet;\n}\n\nfunction getWorksheetStatistics(elders = [], orders = [], clientName, yearMonthTitle, county) {\n const clientNames = elders.map(({ client }) => client.facilitySettings.dba || client.name);\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n\n let totalLunchCount = 0;\n let totalDinnerCount = 0;\n const clientLunch = clientNames.reduce((obj, clientName) => {\n obj[clientName] = 0;\n return obj;\n }, { '機構': '午餐' });\n const clientDinner = clientNames.reduce((obj, clientName) => {\n obj[clientName] = 0;\n return obj;\n }, { '機構': '晚餐' });\n\n orders.forEach(({ elderId, mealSlot }) => {\n const elder = elders.find(({ id }) => id === elderId);\n const { facilitySettings: { dba }, name } = elder.client;\n if (mealSlot === 'lunch') {\n clientLunch[dba || name]++;\n totalLunchCount++;\n } else {\n clientDinner[dba || name]++;\n totalDinnerCount++;\n }\n });\n\n clientNames.forEach((clientName) => {\n if (clientLunch[clientName] === 0 && clientDinner[clientName] === 0) {\n delete clientLunch[clientName];\n delete clientDinner[clientName];\n }\n });\n\n clientLunch['合計'] = totalLunchCount;\n clientDinner['合計'] = totalDinnerCount;\n\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 7 } });\n\n utils.sheet_add_aoa(worksheet, [[`${clientName}${yearMonthTitle}${county}公益盈餘補助計畫送餐統計表`]], { origin: 'A1' });\n utils.sheet_add_json(\n worksheet, [clientLunch, clientDinner], { origin: 'A2', skipHeader: false });\n\n worksheet['!merges'].push({ s: { r: 5, c: 0 }, e: { r: 6, c: 0 } });\n worksheet['!merges'].push({ s: { r: 5, c: 1 }, e: { r: 5, c: 3 } });\n utils.sheet_add_aoa(worksheet, [['脆弱家庭']], { origin: 'B6' });\n\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'B7' });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'C7' });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'D7' });\n\n worksheet['!merges'].push({ s: { r: 5, c: 4 }, e: { r: 5, c: 5 } });\n utils.sheet_add_aoa(worksheet, [['服務人次']], { origin: 'E6' });\n\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'E7' });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'F7' });\n\n utils.sheet_add_aoa(worksheet, [['補助金額']], { origin: 'G6' });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'G7' });\n\n const shortYearMonthTitle = yearMonthTitle.replace('年', '').replace('月', '');\n utils.sheet_add_aoa(worksheet, [[`${shortYearMonthTitle}(午餐)`]], { origin: 'A8' });\n utils.sheet_add_aoa(worksheet, [[`${shortYearMonthTitle}(晚餐)`]], { origin: 'A9' });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'A10' });\n utils.sheet_add_aoa(worksheet, [['承辦人: 單位主管:']], { origin: `A12` });\n\n const serviceCodeList = ['脆家'];\n\n const getSampleData = () => {\n return {\n '脆家男': 0,\n '脆家女': 0,\n '服務人數合計': 0,\n '服務人次男': 0,\n '服務人次女': 0,\n '金額合計': 0,\n };\n };\n\n const rate = {\n '縣市': {\n '脆家': 0,\n },\n '中央': {\n '脆家': 100,\n },\n };\n\n const data = {\n lunch: getSampleData(),\n dinner: getSampleData(),\n total: getSampleData(),\n };\n\n elders.forEach(({ id, serviceCode, gender, name }) => {\n if (serviceCode && !serviceCodeList.includes(serviceCode)) {\n return;\n }\n let genderString = formatGender(gender);\n if (!['男', '女'].includes(genderString)) {\n console.error(`${name} 沒有設定性別`);\n genderString = '男';\n }\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n\n const countMappings = {\n lunch: false,\n dinner: false,\n };\n elderOrders.forEach(({ mealSlot }) => {\n const type = serviceCode;\n if (type) {\n if (!countMappings[mealSlot]) {\n data[mealSlot][`${type}${genderString}`]++;\n data[mealSlot][`服務人數合計`]++;\n countMappings[mealSlot] = true;\n }\n data[mealSlot][`服務人次${genderString}`]++;\n data[mealSlot]['金額合計'] += 1 * rate['縣市'][type] + 1 * rate['中央'][type];\n }\n });\n });\n\n Object.keys(data.total).map((key) => {\n data.total[key] = data.lunch[key] + data.dinner[key];\n });\n\n utils.sheet_add_json(\n worksheet, [data.lunch, data.dinner, data.total], { origin: 'B8', skipHeader: true });\n\n return worksheet;\n}\n\nfunction getWorksheetAugementList() {\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [\n { s: { r: 0, c: 0 }, e: { r: 0, c: 10 } },\n ];\n utils.sheet_add_aoa(worksheet, [[`照顧組合服務費用項目核增清冊`]], { origin: 'A1' });\n utils.sheet_add_aoa(worksheet, [['序號', '身分證號', '個案姓名', '福利身分別', '服務日期', '給(支)付價格', '次數', '申報費用', '目前居住縣市', '目前居住行政區', '服務人員']], { origin: 'A2' });\n utils.sheet_add_aoa(worksheet, [['承辦人: 單位主管:']], { origin: 'A10' });\n return worksheet;\n}\n\nfunction getWorksheetDeliveryFee(elders, orders, deliveryStaffs, pandagoOrders, yearMonthTitle, clientName, pandagoSheet, oneWayDeliveryStaffFee) {\n const mappings = {};\n let totalCount = 0;\n let totalDeliveryStaffFee = 0;\n let totalDistanceInMeters = 0;\n orders.forEach(({ id: orderId, elderId, mealSlot, deliveryStaffId, date: fullDate, deliveryStaffFee, direction }) => {\n const { name: elderName, address: { county, district } } = elders.find(({ id }) => id === elderId);\n const { name: deliveryStaffName } = deliveryStaffs.find(({ id }) => id === deliveryStaffId);\n const pandagoOrder = pandagoOrders.find((x) => x.orderId === orderId);\n const padnagoDeliveryStaffName = pandagoOrder ? `${pandagoOrder.driver.name} ${pandagoOrder.driver.phoneNumber}` : undefined;\n\n if (!!pandagoOrder !== pandagoSheet) {\n return;\n }\n\n const key = `${padnagoDeliveryStaffName || deliveryStaffName}__${deliveryStaffId}__${mealSlot}`;\n mappings[key] = mappings[key] || {\n '鄉鎮市': [],\n '編號': '', // fill later\n '志工姓名': padnagoDeliveryStaffName || deliveryStaffName,\n '午/晚餐': mealSlot === 'lunch'? '午餐':'晚餐',\n '天數': 0,\n '公里數': 0,\n '合計': 0,\n '個案姓名': [],\n '送餐日期': {},\n };\n\n if (!mappings[key]['鄉鎮市'].includes(county + district)) {\n mappings[key]['鄉鎮市'].push(county + district);\n }\n\n if (!mappings[key]['個案姓名'].includes(elderName)) {\n mappings[key]['個案姓名'].push(elderName);\n }\n\n const date = fullDate.split('-').pop();\n\n if (!mappings[key]['送餐日期'][date]) {\n mappings[key]['天數']++;\n totalCount++;\n if (oneWayDeliveryStaffFee) {\n mappings[key]['合計'] += Number(oneWayDeliveryStaffFee);\n totalDeliveryStaffFee += Number(oneWayDeliveryStaffFee);\n }\n }\n mappings[key]['公里數'] += direction?.distanceInMeters || 0;\n totalDistanceInMeters += direction?.distanceInMeters || 0;\n if (!oneWayDeliveryStaffFee) {\n mappings[key]['合計'] += deliveryStaffFee;\n totalDeliveryStaffFee += deliveryStaffFee;\n }\n\n mappings[key]['送餐日期'][date] = 1;\n });\n\n const data = Object.keys(mappings)\n .sort((a, b) => a < b ? 1 : -1)\n .map((key, index) => {\n const item = mappings[key];\n\n return Object.assign(item, {\n 鄉鎮市: item['鄉鎮市'].join('、\\n'),\n 編號: index + 1,\n 公里數: Math.round(item['公里數'] / 100) / 10,\n 個案姓名: item['個案姓名'].reduce((groups, item) => {\n const lastGroup = groups[groups.length - 1];\n if (lastGroup && lastGroup.length < 3) {\n lastGroup.push(item);\n } else {\n groups.push([item]);\n }\n return groups;\n }, []).map((group) => `${group.join('、')}`).join('\\n'),\n 送餐日期: Object.keys(item['送餐日期'])\n .sort((a, b) => a > b ? 1 : -1)\n .reduce((array, dateKey) => {\n const previousItem = array[array.length - 1];\n\n if (previousItem && previousItem.dateKey) {\n const [from, to] = previousItem.dateKey.split('-');\n const lastDate = to || from;\n if (parseInt(lastDate) + 1 === parseInt(dateKey)) {\n previousItem.dateKey = `${from}-${dateKey}`;\n previousItem.value += item['送餐日期'][dateKey];\n return array;\n }\n }\n\n array.push({\n dateKey,\n value: item['送餐日期'][dateKey],\n });\n\n return array;\n }, [])\n .map(({ dateKey, value }) => `${dateKey}(${value})`)\n .join(', '),\n });\n });\n\n // https://docs.sheetjs.com/docs/solutions/processing#worksheet\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [{ s: { r: 0, c: 0 }, e: { r: 0, c: 8 } }];\n utils.sheet_add_aoa(worksheet, [[`${clientName}${yearMonthTitle}脆弱家庭送餐外送服務清冊`]], { origin: 'A1' });\n worksheet['A1'].s = {\n ...worksheet['A1'].s,\n alignment: { horizontal: 'center' },\n };\n utils.sheet_add_aoa(worksheet, [['鄉鎮市', '編號', '志工姓名', '午/晚餐', '天數', '公里數', '合計', '個案姓名', '送餐日期']], { origin: 'A2' });\n utils.sheet_add_json(worksheet, data, { origin: 'A3', skipHeader: true });\n\n const offset = 2 + data.length;\n worksheet['!merges'].push({ s: { r: offset, c: 0 }, e: { r: offset, c: 3 } });\n utils.sheet_add_aoa(worksheet, [[`合計`]], { origin: `A${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalCount]], { origin: `E${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[Math.round(totalDistanceInMeters / 100) / 10]], { origin: `F${offset+1}` });\n utils.sheet_add_aoa(worksheet, [[totalDeliveryStaffFee]], { origin: `G${offset+1}` });\n utils.sheet_add_aoa(worksheet, [['承辦人: 單位主管:']], { origin: `A${offset+2}` });\n\n worksheet['!merges'].push({ s: { r: offset + 7, c: 0 }, e: { r: offset + 7, c: 8 } });\n utils.sheet_add_aoa(worksheet, [[`詳情請看${clientName}${yearMonthTitle}脆弱家庭送餐里程明細\\n\\\n勿用該外送服務清冊做計算，該清冊為統計。`]], { origin: `A${offset+8}` });\n worksheet[`A${offset+8}`].s = {\n ...worksheet[`A${offset+8}`].s,\n alignment: { wrapText: true, horizontal: 'center' },\n };\n\n worksheet['!rows'] = [];\n worksheet['!rows'][offset + 7] = { hpx: 34 };\n\n worksheet['!cols'] = [\n { wch: 13 },\n { wch: 5 },\n { wch: 20 },\n { wch: 13 },\n { wch: 13 },\n { wch: 13 },\n { wch: 10 },\n { wch: 45 },\n { wch: 40 },\n ];\n console.log(worksheet);\n return worksheet;\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TextField from '@material-ui/core/TextField';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { useCache } from 'CacheProvider';\nimport cache from 'utilities/cache';\n\nimport {\n counties,\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\n\nimport writeVulnerable from './writeVulnerable';\n\nimport {\n getEldersByServiceCodeByStatus,\n getEldersByClientByServiceCode,\n getOrdersByElderByDate,\n getPandagoOrdersByOrderByCreatedAt,\n} from './queries';\n\nimport { processShareOrder, processDisadvantagedTypes } from './CountyPrsReport/workbooks/helpers';\n\nconst monthOptions = Array(24).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function VulnerableReport({ clientOptions: inClientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const [selectedClientId, setSelectedClientId] = useState();\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [clientOptions, setClientOptions] = useState([]);\n const [oneWayDeliveryStaffFee, setOneWayDeliveryStaffFee] = useState();\n const { isAdmin, facilityIds, appGroup } = useCache();\n const facilityMode = appGroup === 'FacilityAdmins';\n const excludeNonFoodDeliveryOrders = true;\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n const clientOptions = JSON.parse(JSON.stringify(inClientOptions));\n if ((!facilityMode && inClientOptions.length > 1 && inClientOptions[0].id !== 'N/A') ||\n (facilityMode && facilityIds.length > 1)) {\n clientOptions.unshift({\n id: 'N/A',\n name: '全部機構',\n });\n }\n\n setClientOptions(clientOptions);\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [inClientOptions]);\n\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n const period = `${fromDate}__${toDate}`;\n const facilityId = cache.get('app:facilityId');\n\n const {\n name,\n facilitySettings: { dba } = {},\n } = clientOptions.find(({ id }) => id === (selectedClientId === 'N/A' ? facilityId : selectedClientId)) || {};\n\n const clientName = dba || name || '全部機構';\n\n global.logger.debug({\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n let allElders = [];\n if (selectedClientId && selectedClientId !== 'N/A') {\n allElders = await asyncListAll(getEldersByClientByServiceCode, {\n clientId: selectedClientId,\n serviceCode: { eq: '脆家' },\n limit: 1000,\n });\n } else {\n if (facilityMode && facilityIds.length !== 0) {\n allElders = (await Promise.all(facilityIds.map(async (facilityId) =>\n await asyncListAll(getEldersByClientByServiceCode, {\n clientId: facilityId,\n serviceCode: { eq: '脆家' },\n limit: 1000,\n })))\n ).flat();\n } else if (isAdmin) {\n allElders = await asyncListAll(getEldersByServiceCodeByStatus, {\n serviceCode: '脆家',\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n limit: 1000,\n });\n }\n }\n\n let elders = allElders;\n if (selectedCounty) {\n elders = elders.filter(({ county }) => county === selectedCounty);\n }\n\n const orders = [].concat(...await Promise.all(elders.map(({ id }) =>\n asyncListAll(getOrdersByElderByDate, {\n elderId: id,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }))));\n\n const deliveryStaffIds = [];\n const restaurantIds = [];\n orders.forEach(({ deliveryStaffId, restaurantId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n if (restaurantId && !restaurantIds.includes(restaurantId)) {\n restaurantIds.push(restaurantId);\n }\n });\n\n let pandagoDeliveryStaffId;\n const deliveryStaffs = await Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n username\n identificationCardId\n }\n }\n `, { id });\n\n if (data.username === 'pandago') {\n pandagoDeliveryStaffId = id;\n }\n\n return data;\n }));\n const restaurants = await Promise.all(restaurantIds.map(async (id) => {\n const { data: { getRestaurant: data } } = await request( /* GraphQL */ `\n query GetRestaurant($id: ID!) {\n getRestaurant(id: $id) {\n id\n name\n }\n }\n `, { id });\n\n return data;\n }));\n\n const pandagoOrders = await Promise.all(orders\n .filter(({ deliveryStaffId }) => deliveryStaffId === pandagoDeliveryStaffId)\n .map(async ({ id: orderId }) => {\n const [pandagoOrder] = await asyncListAll(getPandagoOrdersByOrderByCreatedAt, {\n orderId,\n limit: 1,\n });\n\n return pandagoOrder;\n }));\n\n processShareOrder(elders, orders);\n processDisadvantagedTypes(selectedMonth, elders);\n writeVulnerable(\n { elders,\n orders, deliveryStaffs, pandagoOrders, selectedMonth, clientName, includeUndeliveredOrders, excludeNonFoodDeliveryOrders,\n county: selectedCounty,\n restaurants,\n oneWayDeliveryStaffFee,\n },\n );\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n 縣市核銷報表
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n\n
\n \n {\n setIncludeNonDisElders(e.target.checked);\n }}\n />\n }\n label={ {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n {selectedCounty === '彰化縣' &&\n {\n setApplyDefaultDeliveryStaff(e.target.checked);\n }}\n />\n }\n label={'套用預設送餐大使'}\n />}\n
\n\n \n {message}\n
\n\n \n 下載\n {isLoading &&
\n );\n}\n\nVulnerableReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import { utils, write } from 'sheetjs-style';\n\nexport default function writeYearly(clientStatements, county, includeUndeliveredOrders=false, zip) {\n const row = {\n '地區': county,\n '服務人數': 0,\n '自費戶': 0,\n '弱勢戶': 0,\n '服務餐次': 0,\n '自費戶服務餐次': 0,\n '弱勢戶服務餐次': 0,\n '餐費': 0,\n '大使人數': 0,\n '大使車馬費': 0,\n '外送平台使用件數': 0,\n };\n\n const uniqueElderIdsSet = new Set();\n const uniqueDeliveryStaffIdsSet = new Set();\n const uniqueElderIdWithServiceCode = new Set();\n const uniqueElderIdWithOutServiceCode = new Set();\n clientStatements.sort((a, b) => a.month.localeCompare(b.month) * -1).forEach((statement) => {\n row['服務餐次'] += includeUndeliveredOrders ? statement.completedOrderCount + (statement.incompleteOrderCount || 0): statement.completedOrderCount;\n row['餐費'] += includeUndeliveredOrders ? statement.total + (statement.incompleteTotal || 0): statement.total;\n row['大使車馬費'] += statement.deliveryStaffFee;\n row['外送平台使用件數'] += statement.deliveryPlatformCount;\n statement.elderStatistics.forEach(({ id, serviceCode, orderCount, incompleteOrderCount }) => {\n uniqueElderIdsSet.add(id);\n if (!uniqueElderIdWithServiceCode.has(id) && !uniqueElderIdWithOutServiceCode.has(id)) {\n if (serviceCode === 'OT01' || serviceCode === '脆家') {\n uniqueElderIdWithServiceCode.add(id);\n } else {\n uniqueElderIdWithOutServiceCode.add(id);\n }\n }\n if (serviceCode === 'OT01' || serviceCode === '脆家') {\n row['弱勢戶服務餐次'] += includeUndeliveredOrders ? orderCount + (incompleteOrderCount || 0) : orderCount;\n } else {\n row['自費戶服務餐次'] += includeUndeliveredOrders ? orderCount + (incompleteOrderCount || 0) : orderCount;\n }\n });\n statement.deliveryStaffIds.forEach((id) => uniqueDeliveryStaffIdsSet.add(id));\n });\n row['服務人數'] = uniqueElderIdsSet.size;\n row['自費戶'] = uniqueElderIdWithOutServiceCode.size;\n row['弱勢戶'] = uniqueElderIdWithServiceCode.size;\n row['大使人數'] = uniqueDeliveryStaffIdsSet.size;\n\n const worksheet = utils.json_to_sheet([row]);\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, `${county} 年度報表`);\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n\n zip.file(`${county}__年度報表.xlsx`, wbout, { binary: true });\n}\n","import { utils, write } from 'sheetjs-style';\nimport { unifyCellStyle } from '../CountyPrsReport/workbooks/helpers';\n\nexport default function writeDisability(clientStatements, year, county, includeUndeliveredOrders=false, zip) {\n const yearROC = parseInt(year) - 1911;\n const dates = Array(12).fill('').map((_, i) => {\n const month = i + 1 < 10 ? '0' + (i + 1) : i + 1;\n return {\n monthROC: `${yearROC}${month}`,\n month: `${year}-${month}`,\n };\n });\n const rows = [];\n dates.forEach((date) => {\n const statement = clientStatements.find(({ month }) => date.month === month);\n if (statement) {\n const statementLow = statement.elderStatistics.filter(({ disadvantagedTypes }) => disadvantagedTypes === '低收');\n const statementMidLow = statement.elderStatistics.filter(({ disadvantagedTypes }) =>\n disadvantagedTypes === '中低收' || disadvantagedTypes === '中低2.5倍' || disadvantagedTypes === '中低1.5倍');\n // 嘉義：中低2.5倍、中低1.5倍\n // 苗栗：中低收\n const statementMale = statement.elderStatistics.filter(({ gender }) => gender === 'male');\n const statementFemale = statement.elderStatistics.filter(({ gender }) => gender === 'female');\n rows.push({\n '月份': date.monthROC,\n '低收': statementLow.length,\n '中低收': statementMidLow.length,\n '餐次 低收': statementLow.reduce((prev, { orderCount, incompleteOrderCount=0 }) =>\n includeUndeliveredOrders ? prev + orderCount + incompleteOrderCount : prev + orderCount, 0),\n '餐次 中低收': statementMidLow.reduce((prev, { orderCount, incompleteOrderCount=0 }) =>\n includeUndeliveredOrders ? prev + orderCount + incompleteOrderCount : prev + orderCount, 0),\n '極重度(男)': statementMale.filter(({ disabilityLevel }) => disabilityLevel === '極重度').length,\n '極重度(女)': statementFemale.filter(({ disabilityLevel }) => disabilityLevel === '極重度').length,\n '重度(男)': statementMale.filter(({ disabilityLevel }) => disabilityLevel === '重度').length,\n '重度(女)': statementFemale.filter(({ disabilityLevel }) => disabilityLevel === '重度').length,\n '中度(男)': statementMale.filter(({ disabilityLevel }) => disabilityLevel === '中度').length,\n '中度(女)': statementFemale.filter(({ disabilityLevel }) => disabilityLevel === '中度').length,\n '輕度(男)': statementMale.filter(({ disabilityLevel }) => disabilityLevel === '輕度').length,\n '輕度(女)': statementFemale.filter(({ disabilityLevel }) => disabilityLevel === '輕度').length,\n });\n } else {\n rows.push({\n '月份': date.monthROC,\n '低收': 0,\n '中低收': 0,\n '餐次 低收': 0,\n '餐次 中低收': 0,\n '極重度(男)': 0,\n '極重度(女)': 0,\n '重度(男)': 0,\n '重度(女)': 0,\n '中度(男)': 0,\n '中度(女)': 0,\n '輕度(男)': 0,\n '輕度(女)': 0,\n });\n }\n });\n\n const worksheet = utils.json_to_sheet([]);\n worksheet['!merges'] = [];\n worksheet['!merges'].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 27 } });\n utils.sheet_add_aoa(worksheet, [[`${yearROC}身障者營養餐飲服務成果統計表`]], { origin: 'A1' });\n worksheet['!merges'].push({ s: { r: 1, c: 0 }, e: { r: 4, c: 0 } });\n utils.sheet_add_aoa(worksheet, [['月份']], { origin: 'A2' });\n worksheet['!merges'].push({ s: { r: 1, c: 1 }, e: { r: 1, c: 4 } });\n utils.sheet_add_aoa(worksheet, [['服務人數']], { origin: 'B2' });\n worksheet['!merges'].push({ s: { r: 2, c: 1 }, e: { r: 4, c: 1 } });\n utils.sheet_add_aoa(worksheet, [['身障津貼\\n(2.5)']], { origin: 'B3' });\n worksheet['!merges'].push({ s: { r: 2, c: 2 }, e: { r: 4, c: 2 } });\n utils.sheet_add_aoa(worksheet, [['低收']], { origin: 'C3' });\n worksheet['!merges'].push({ s: { r: 2, c: 3 }, e: { r: 4, c: 3 } });\n utils.sheet_add_aoa(worksheet, [['中低收']], { origin: 'D3' });\n worksheet['!merges'].push({ s: { r: 2, c: 4 }, e: { r: 4, c: 4 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'E3' });\n worksheet['!merges'].push({ s: { r: 1, c: 5 }, e: { r: 1, c: 8 } });\n utils.sheet_add_aoa(worksheet, [['服務人(餐)次']], { origin: 'F2' });\n worksheet['!merges'].push({ s: { r: 2, c: 5 }, e: { r: 4, c: 5 } });\n utils.sheet_add_aoa(worksheet, [['身障津貼\\n(2.5)']], { origin: 'F3' });\n worksheet['!merges'].push({ s: { r: 2, c: 6 }, e: { r: 4, c: 6 } });\n utils.sheet_add_aoa(worksheet, [['低收']], { origin: 'G3' });\n worksheet['!merges'].push({ s: { r: 2, c: 7 }, e: { r: 4, c: 7 } });\n utils.sheet_add_aoa(worksheet, [['中低收']], { origin: 'H3' });\n worksheet['!merges'].push({ s: { r: 2, c: 8 }, e: { r: 4, c: 8 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'I3' });\n worksheet['!merges'].push({ s: { r: 1, c: 9 }, e: { r: 2, c: 13 } });\n utils.sheet_add_aoa(worksheet, [['餐費']], { origin: 'J2' });\n worksheet['!merges'].push({ s: { r: 3, c: 9 }, e: { r: 4, c: 9 } });\n utils.sheet_add_aoa(worksheet, [['縣府專案\\n2.5*10%']], { origin: 'J4' });\n worksheet['!merges'].push({ s: { r: 3, c: 10 }, e: { r: 3, c: 11 } });\n utils.sheet_add_aoa(worksheet, [['低、中低、2.5*90%']], { origin: 'K4' });\n utils.sheet_add_aoa(worksheet, [['縣府自籌\\n3%']], { origin: 'K5' });\n utils.sheet_add_aoa(worksheet, [['中央97%']], { origin: 'L5' });\n worksheet['!merges'].push({ s: { r: 3, c: 12 }, e: { r: 3, c: 13 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'M4' });\n utils.sheet_add_aoa(worksheet, [['縣府']], { origin: 'M5' });\n utils.sheet_add_aoa(worksheet, [['中央']], { origin: 'N5' });\n worksheet['!merges'].push({ s: { r: 1, c: 14 }, e: { r: 2, c: 15 } });\n utils.sheet_add_aoa(worksheet, [['交通費']], { origin: 'O2' });\n worksheet['!merges'].push({ s: { r: 3, c: 14 }, e: { r: 3, c: 15 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'O4' });\n utils.sheet_add_aoa(worksheet, [['單位自籌\\n20%']], { origin: 'O5' });\n utils.sheet_add_aoa(worksheet, [['中央80%']], { origin: 'P5' });\n worksheet['!merges'].push({ s: { r: 1, c: 16 }, e: { r: 2, c: 17 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'Q2' });\n worksheet['!merges'].push({ s: { r: 3, c: 16 }, e: { r: 3, c: 17 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'Q4' });\n utils.sheet_add_aoa(worksheet, [['縣府']], { origin: 'Q5' });\n utils.sheet_add_aoa(worksheet, [['中央']], { origin: 'R5' });\n worksheet['!merges'].push({ s: { r: 1, c: 18 }, e: { r: 1, c: 27 } });\n utils.sheet_add_aoa(worksheet, [['身障等級']], { origin: 'S2' });\n worksheet['!merges'].push({ s: { r: 2, c: 18 }, e: { r: 2, c: 19 } });\n utils.sheet_add_aoa(worksheet, [['極重度']], { origin: 'S3' });\n worksheet['!merges'].push({ s: { r: 3, c: 18 }, e: { r: 4, c: 18 } });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'S4' });\n worksheet['!merges'].push({ s: { r: 3, c: 19 }, e: { r: 4, c: 19 } });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'T4' });\n worksheet['!merges'].push({ s: { r: 2, c: 20 }, e: { r: 2, c: 21 } });\n utils.sheet_add_aoa(worksheet, [['重度']], { origin: 'U3' });\n worksheet['!merges'].push({ s: { r: 3, c: 20 }, e: { r: 4, c: 20 } });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'U4' });\n worksheet['!merges'].push({ s: { r: 3, c: 21 }, e: { r: 4, c: 21 } });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'V4' });\n worksheet['!merges'].push({ s: { r: 2, c: 22 }, e: { r: 2, c: 23 } });\n utils.sheet_add_aoa(worksheet, [['中度']], { origin: 'W3' });\n worksheet['!merges'].push({ s: { r: 3, c: 22 }, e: { r: 4, c: 22 } });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'W4' });\n worksheet['!merges'].push({ s: { r: 3, c: 23 }, e: { r: 4, c: 23 } });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'X4' });\n worksheet['!merges'].push({ s: { r: 2, c: 24 }, e: { r: 2, c: 25 } });\n utils.sheet_add_aoa(worksheet, [['輕度']], { origin: 'Y3' });\n worksheet['!merges'].push({ s: { r: 3, c: 24 }, e: { r: 4, c: 24 } });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'Y4' });\n worksheet['!merges'].push({ s: { r: 3, c: 25 }, e: { r: 4, c: 25 } });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'Z4' });\n worksheet['!merges'].push({ s: { r: 2, c: 26 }, e: { r: 2, c: 27 } });\n utils.sheet_add_aoa(worksheet, [['合計']], { origin: 'AA3' });\n worksheet['!merges'].push({ s: { r: 3, c: 26 }, e: { r: 4, c: 26 } });\n utils.sheet_add_aoa(worksheet, [['男']], { origin: 'AA4' });\n worksheet['!merges'].push({ s: { r: 3, c: 27 }, e: { r: 4, c: 27 } });\n utils.sheet_add_aoa(worksheet, [['女']], { origin: 'AB4' });\n unifyCellStyle(worksheet, 5);\n\n const formatRow = (rowIndex) => {\n Array.from({ length: 10 }, (_, index) => index).forEach((columnIndex) => {\n worksheet['!merges'].push({ s: { r: rowIndex - 1, c: columnIndex }, e: { r: rowIndex, c: columnIndex } });\n });\n [10, 12, 14, 16].forEach((columnIndex) => {\n worksheet['!merges'].push({ s: { r: rowIndex - 1, c: columnIndex }, e: { r: rowIndex - 1, c: columnIndex + 1 } });\n });\n Array.from({ length: 10 }, (_, index) => index).forEach((columnIndex) => {\n worksheet['!merges'].push({ s: { r: rowIndex - 1, c: columnIndex + 18 }, e: { r: rowIndex, c: columnIndex + 18 } });\n });\n };\n\n let rowIndex = 6;\n const getColumnKey = (column) => {\n const charCode = 'A'.charCodeAt(0);\n if (column >= 26) {\n const shiftedCharCode = charCode + column - 26;\n return `A${String.fromCharCode(shiftedCharCode)}`;\n }\n const shiftedCharCode = charCode + column;\n return String.fromCharCode(shiftedCharCode);\n };\n rows.forEach((row, index) => {\n formatRow(rowIndex);\n worksheet[`A${rowIndex}`] = { t: 's', v: row['月份'] };\n worksheet[`B${rowIndex}`] = { t: 'n', v: 0 };\n worksheet[`C${rowIndex}`] = { t: 'n', v: row['低收'] };\n worksheet[`D${rowIndex}`] = { t: 'n', v: row['中低收'] };\n worksheet[`E${rowIndex}`] = { t: 'n', v: row['低收'] + row['中低收'] };\n worksheet[`F${rowIndex}`] = { t: 'n', v: 0 };\n worksheet[`G${rowIndex}`] = { t: 'n', v: row['餐次 低收'] };\n worksheet[`H${rowIndex}`] = { t: 'n', v: row['餐次 中低收'] };\n worksheet[`I${rowIndex}`] = { t: 'n', v: row['餐次 低收'] + row['餐次 中低收'] };\n worksheet[`J${rowIndex}`] = { t: 'n', v: 0 };\n worksheet[`S${rowIndex}`] = { t: 'n', v: row['極重度(男)'] };\n worksheet[`T${rowIndex}`] = { t: 'n', v: row['極重度(女)'] };\n worksheet[`U${rowIndex}`] = { t: 'n', v: row['重度(男)'] };\n worksheet[`V${rowIndex}`] = { t: 'n', v: row['重度(女)'] };\n worksheet[`W${rowIndex}`] = { t: 'n', v: row['中度(男)'] };\n worksheet[`X${rowIndex}`] = { t: 'n', v: row['中度(女)'] };\n worksheet[`Y${rowIndex}`] = { t: 'n', v: row['輕度(男)'] };\n worksheet[`Z${rowIndex}`] = { t: 'n', v: row['輕度(女)'] };\n worksheet[`AA${rowIndex}`] = { t: 'n', v: row['極重度(男)'] + row['重度(男)'] + row['中度(男)'] + row['輕度(男)'] };\n worksheet[`AB${rowIndex}`] = { t: 'n', v: row['極重度(女)'] + row['重度(女)'] + row['中度(女)'] + row['輕度(女)'] };\n rowIndex += 2;\n if ((index + 1) % 3 === 0) {\n formatRow(rowIndex);\n worksheet[`A${rowIndex}`] = { t: 's', v: '合計' };\n const columnsToSum = [1, 2, 3, 4, 5, 6, 7, 8, 9, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27];\n columnsToSum.forEach((columnIndex) => {\n let sum = 0;\n const rowsOffset = [3, 5, 7];\n rowsOffset.forEach((offset) => {\n const cellAddress = { r: rowIndex - offset, c: columnIndex };\n const cellRef = utils.encode_cell(cellAddress);\n const cell = worksheet[cellRef];\n sum += cell.v;\n });\n worksheet[`${getColumnKey(columnIndex)}${rowIndex}`] = { t: 'n', v: sum };\n });\n rowIndex += 2;\n }\n });\n formatRow(rowIndex);\n // worksheet[`A${rowIndex}`] = { t: 's', v: '總計' }; // TODO: not work, why?\n utils.sheet_add_aoa(worksheet, [['總計']], { origin: `A${rowIndex}` });\n const columnsToSum = [1, 2, 3, 4, 5, 6, 7, 8, 9, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27];\n columnsToSum.forEach((columnIndex) => {\n let sum = 0;\n const rowsToSum = [11, 19, 27, 35];\n rowsToSum.forEach((row) => {\n const cellAddress = { r: row, c: columnIndex };\n const cellRef = utils.encode_cell(cellAddress);\n const cell = worksheet[cellRef];\n sum += cell.v;\n });\n worksheet[`${getColumnKey(columnIndex)}${rowIndex}`] = { t: 'n', v: sum };\n });\n\n const workbook = utils.book_new();\n utils.book_append_sheet(workbook, worksheet, '身障者年度報表');\n const wbout = write(workbook, { bookType: 'xlsx', bookSST: true, type: 'binary' });\n\n zip.file(`${county}__身障者年度報表.xlsx`, wbout, { binary: true });\n}\n","import ExcelJS from 'exceljs';\nimport { buildColumnsArray } from '../CountyPrsReport/workbooks/helpers';\n\nconst range = 'A:BZ';\nconst columnName = buildColumnsArray(range);\n\nexport default async function writeMonthlyStatistics(clientName, clientStatements, year, county, includeUndeliveredOrders=false, zip) {\n const yearROC = parseInt(year) - 1911;\n const workbook = new ExcelJS.Workbook();\n const worksheet = workbook.addWorksheet(`${yearROC}年`);\n\n const fontName = 'Calibri';\n\n const disadvantagedTypeList = [];\n clientStatements.forEach(({ elderStatistics }) => {\n elderStatistics.forEach(({ disadvantagedTypes }) => {\n if (!disadvantagedTypeList.includes(disadvantagedTypes)) {\n disadvantagedTypeList.push(disadvantagedTypes);\n }\n });\n });\n if (disadvantagedTypeList.length === 0) {\n return;\n }\n worksheet.getCell('A1').value = '單位';\n worksheet.getCell('A1').alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell('A1').font = { name: fontName };\n worksheet.mergeCells(`B1:${columnName[disadvantagedTypeList.length * 5 - 1]}1`);\n worksheet.getCell('B1').value = clientName;\n worksheet.getCell('B1').alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell('B1').font = { name: fontName };\n worksheet.getRow(1).height = 17.25;\n\n disadvantagedTypeList.forEach((type, index) => {\n const colIndex = index * 5;\n const cols = [0, 1, 2, 3, 4].map((offset) => columnName[colIndex + offset]);\n worksheet.mergeCells(`${cols[0]}2:${cols[0]}3`);\n worksheet.getCell(`${cols[0]}2`).value = type;\n worksheet.getCell(`${cols[0]}2`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[0]}2`).font = { name: fontName };\n worksheet.mergeCells(`${cols[1]}2:${cols[2]}2`);\n worksheet.getCell(`${cols[1]}2`).value = '人數';\n worksheet.getCell(`${cols[1]}2`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[1]}2`).font = { name: fontName };\n worksheet.getCell(`${cols[1]}3`).value = '男';\n worksheet.getCell(`${cols[1]}3`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[1]}3`).font = { name: fontName };\n worksheet.getCell(`${cols[2]}3`).value = '女';\n worksheet.getCell(`${cols[2]}3`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[2]}3`).font = { name: fontName };\n worksheet.mergeCells(`${cols[3]}2:${cols[4]}2`);\n worksheet.getCell(`${cols[3]}2`).value = '人次';\n worksheet.getCell(`${cols[3]}2`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[3]}2`).font = { name: fontName };\n worksheet.getCell(`${cols[3]}3`).value = '男';\n worksheet.getCell(`${cols[3]}3`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[3]}3`).font = { name: fontName };\n worksheet.getCell(`${cols[4]}3`).value = '女';\n worksheet.getCell(`${cols[4]}3`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[4]}3`).font = { name: fontName };\n });\n worksheet.getRow(2).height = 17.25;\n worksheet.getRow(3).height = 17.25;\n\n const dates = Array(12).fill('').map((_, i) => {\n const month = i + 1 < 10 ? '0' + (i + 1) : i + 1;\n return {\n label: `${i + 1}月`,\n month: `${year}-${month}`,\n };\n });\n const rows = [];\n dates.forEach((date) => {\n const statement = clientStatements.find(({ month }) => date.month === month);\n if (statement) {\n const row = {};\n row['月份'] = date.label;\n disadvantagedTypeList.forEach((type) => {\n const statementMale = statement.elderStatistics.filter(\n ({ disadvantagedTypes, gender }) => disadvantagedTypes === type && gender === 'male');\n const statementFemale = statement.elderStatistics.filter(\n ({ disadvantagedTypes, gender }) => disadvantagedTypes === type && gender === 'female');\n row[`人數 ${type} 男`] = statementMale.length;\n row[`人數 ${type} 女`] = statementFemale.length;\n row[`人次 ${type} 男`] = statementMale.reduce((prev, { orderCount, incompleteOrderCount=0 }) =>\n includeUndeliveredOrders ? prev + orderCount + incompleteOrderCount : prev + orderCount, 0);\n row[`人次 ${type} 女`] = statementFemale.reduce((prev, { orderCount, incompleteOrderCount=0 }) =>\n includeUndeliveredOrders ? prev + orderCount + incompleteOrderCount : prev + orderCount, 0);\n });\n rows.push(row);\n }\n });\n\n let rowIndex = 4;\n rows.forEach((row) => {\n disadvantagedTypeList.forEach((type, index) => {\n const colIndex = index * 5;\n const cols = [0, 1, 2, 3, 4].map((offset) => columnName[colIndex + offset]);\n worksheet.getCell(`${cols[0]}${rowIndex}`).value = row['月份'];\n worksheet.getCell(`${cols[0]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[0]}${rowIndex}`).font = { name: fontName };\n\n worksheet.getCell(`${cols[1]}${rowIndex}`).value = row[`人數 ${type} 男`];\n worksheet.getCell(`${cols[1]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[1]}${rowIndex}`).font = { name: fontName };\n\n worksheet.getCell(`${cols[2]}${rowIndex}`).value = row[`人數 ${type} 女`];\n worksheet.getCell(`${cols[2]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[2]}${rowIndex}`).font = { name: fontName };\n\n worksheet.getCell(`${cols[3]}${rowIndex}`).value = row[`人次 ${type} 男`];\n worksheet.getCell(`${cols[3]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[3]}${rowIndex}`).font = { name: fontName };\n\n worksheet.getCell(`${cols[4]}${rowIndex}`).value = row[`人次 ${type} 女`];\n worksheet.getCell(`${cols[4]}${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`${cols[4]}${rowIndex}`).font = { name: fontName };\n });\n worksheet.getRow(rowIndex).height = 17.25;\n rowIndex += 1;\n });\n\n const bufferDataByDistrict = await workbook.xlsx.writeBuffer();\n\n zip.file(`${county}__統計數據.xlsx`, bufferDataByDistrict, { binary: true });\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport JSZip from 'jszip';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport cache from 'utilities/cache';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { download } from 'utilities/file';\nimport { request } from 'utilities/graph';\nimport writeYearly from './writeYearly';\nimport writeDisability from './writeDisability';\nimport writeMonthlyStatistics from './writeMonthlyStatistics';\nimport { counties } from '@silvergatedelivery/constants';\n\nimport { getClientMonthlyStatementsByClientIdByMonth } from 'graphql/queries';\n\nconst yearOptions = Array(3).fill('').map((x, index) => {\n return moment().add(-index, 'years').format('YYYY');\n});\n\nexport default function YearlyReport({ clientOptions: inClientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedYear, setSelectedYear] = useState(yearOptions[0]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [clientOptions, setClientOptions] = useState([]);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n const isFacilityAdmin = cache.get('app:facilityId');\n\n const clientOptions = JSON.parse(JSON.stringify(inClientOptions));\n if (!isFacilityAdmin && inClientOptions.length > 0 && inClientOptions[0].id !== 'N/A') {\n // clientOptions.unshift({\n // id: 'N/A',\n // name: '全部機構',\n // });\n }\n\n setClientOptions(clientOptions);\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [inClientOptions]);\n\n\n const collectData = async () => {\n const months = Array(12).fill('').map((_, i) => {\n const month = i + 1 < 10 ? '0' + (i + 1) : i + 1;\n return `${selectedYear}-${month}`;\n });\n const {\n name,\n facilitySettings: { dba },\n } = clientOptions.find(({ id }) => id === selectedClientId) || {};\n\n const clientName = dba || name || '';\n\n global.logger.debug({\n clientName,\n selectedYear,\n monthes: months,\n });\n\n const clientStatements = [].concat(...await Promise.all(months.map(async (month) => {\n const { data: { getClientMonthlyStatementsByClientIdByMonth: { items } } } = await request(getClientMonthlyStatementsByClientIdByMonth, {\n clientId: selectedClientId,\n month: {\n eq: month,\n },\n });\n return items;\n })));\n\n const statementsFilterdByCounty = clientStatements.filter(({ county }) => county === selectedCounty);\n const zip = new JSZip();\n\n writeYearly(statementsFilterdByCounty, selectedCounty, includeUndeliveredOrders, zip);\n writeDisability(statementsFilterdByCounty, selectedYear, selectedCounty, includeUndeliveredOrders, zip);\n await writeMonthlyStatistics(clientName, statementsFilterdByCounty, selectedYear, selectedCounty, includeUndeliveredOrders, zip);\n\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedCounty}__${selectedYear}.zip`, zipContent);\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n 脆弱家庭核銷報表
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n setOneWayDeliveryStaffFee(e.target.value)}\n helperText=\"使用固定費用計算送餐費用，午餐和晚餐分別計價一次\"\n />\n
\n \n {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n
\n\n \n {message}\n
\n\n \n 下載\n {isLoading &&
\n );\n}\n\nYearlyReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","export async function downloadImage(url) {\n try {\n const response = await fetch(url);\n const contentType = response.headers.get('Content-Type');\n if (!response.ok || !contentType.startsWith('image/')) {\n return;\n }\n const arrayBuffer = await response.arrayBuffer();\n return arrayBuffer;\n } catch (e) {\n console.error(e);\n return;\n }\n}\n\nexport const scaleImageDimensions = (img, maxDimension) => {\n const width = img.width;\n const height = img.height;\n const scale = Math.min(maxDimension / width, maxDimension / height, 1);\n return {\n width: width * scale,\n height: height * scale,\n };\n};\n\nexport async function loadImage(uri, maxDimension = 150) {\n try {\n const response = await fetch(uri);\n if (!response.ok) {\n throw new Error('Failed to fetch image');\n }\n const blob = await response.blob();\n const arrayBuffer = await blob.arrayBuffer();\n const img = new Image();\n img.src = URL.createObjectURL(blob);\n\n await new Promise((resolve, reject) => {\n img.onload = resolve;\n img.onerror = reject;\n });\n\n const { width, height } = scaleImageDimensions(img, maxDimension);\n\n return { imageBuffer: arrayBuffer, width, height };\n } catch (error) {\n console.error('Error loading image:', error);\n return { imageBuffer: null, width: 0, height: 0 };\n }\n}\n","import moment from 'moment-timezone';\nimport { TIME_ZONE } from '@silvergatedelivery/constants';\nimport JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport { formatAddress } from 'utilities/format';\nimport { numberToChineseUpper } from '../CountyPrsReport/workbooks/helpers';\nimport ExcelJS from 'exceljs';\nimport { toastr } from 'react-redux-toastr';\nimport { Storage } from 'aws-amplify';\nimport { downloadImage, loadImage } from 'utilities/image';\n\nconst copaymentSetting = {\n 桃園市: {\n originalPrice: 100,\n 低收: {\n value: 0,\n label: '低收（全額補助100%）',\n },\n 中低收: {\n value: 10,\n label: '中低收（自行負擔10%）',\n },\n 一般: {\n value: 100,\n label: '一般戶',\n },\n },\n 雲林縣: {\n originalPrice: 100,\n 低收: {\n value: 0,\n label: '低收（全額補助100%）',\n },\n 中低收: {\n value: 10,\n label: '中低收（自行負擔10%）',\n },\n 一般: {\n value: 30,\n label: '一般戶（自行負擔30%）',\n },\n },\n 苗栗縣: {\n originalPrice: 100,\n // 低收: {\n // value: 0,\n // label: '低收',\n // },\n 中低收: {\n value: 10,\n label: '中低收',\n },\n 一般: {\n value: 100,\n label: '一般',\n },\n },\n};\n\nconst stampSetting = {\n 'e281a800-8ae3-11ec-823f-bbd2f0442830': { // 銀色大門-苗栗\n company: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/company.png',\n width: 150,\n height: 150,\n },\n chairman: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/chairman.png',\n width: 50,\n height: 50,\n },\n accountant: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/accountant.png',\n width: 50,\n height: 50,\n },\n handler: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/handler.png',\n width: 50,\n height: 50,\n },\n },\n};\n\nconst getSanitizedElderName = (name) => {\n const index = name.indexOf('(');\n const result = index !== -1 ? name.substring(0, index).trim() : name;\n return result\n .replace(/\\\\/g, '')\n .replace(/\\//g, '')\n .replace(/\\?/g, '')\n .replace(/\\*/g, '')\n .replace(/\\[/g, '')\n .replace(/\\]/g, '');\n};\n\nexport default async function issueReceipts({\n county: inCounty,\n elders: allElders,\n orders: allOrders,\n selectedMonth = 'YYYY-MM',\n client,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n selectedPaymentMethod = 'all',\n groupByDistrict = false,\n}) {\n const { name, facilitySettings: {\n dba, companyStampS3Keys, chairmanStampS3Keys, accountantStampS3Keys, handlerStampS3Keys, receiptInfo,\n } } = client;\n const { receiptType = 'triplicate', oneCopyOneSheet = false, reverseCopyType = false } = receiptInfo || {};\n const copyCount = receiptType === 'triplicate' ? 3 : 2;\n let copyType = {\n duplicate: ['存根聯', '個案收執聯'],\n triplicate: ['存根聯', '會計聯', '個案收執聯'],\n };\n if (reverseCopyType) {\n copyType = {\n duplicate: copyType.duplicate.reverse(),\n triplicate: copyType.triplicate.reverse(),\n };\n }\n const clientName = dba || name;\n let elders = allElders.filter(({ address }) => address.county === inCounty);\n if (selectedPaymentMethod !== 'all') {\n if (selectedPaymentMethod === 'none') {\n elders = elders.filter(({ paymentMethod }) => paymentMethod === null);\n } else {\n elders = elders.filter(({ paymentMethod }) => paymentMethod === selectedPaymentMethod);\n }\n }\n if (elders.length == 0) {\n toastr.error('沒有符合設定條件的送餐對象');\n }\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) =>\n ['送餐', '送餐和物資', '愛心餐', '自費餐'].includes(category));\n }\n if (orders.length === 0) {\n toastr.error('沒有符合設定條件的訂單');\n }\n const zip = new JSZip();\n const [year, month, day] = moment().tz(TIME_ZONE).format('YYYY-MM-DD').split('-');\n const yearMonthDayTitle = `中華民國${parseInt(year)-1911}年${month}月${day}日`;\n\n const stamp = stampSetting[client.id] || {};\n if (stamp) {\n await Promise.all(Object.keys(stamp).map(async (key) => {\n if (stamp[key] && stamp[key].file) {\n stamp[key].imageBuffer = await downloadImage(stamp[key].file);\n }\n }));\n }\n if (companyStampS3Keys) {\n const uri = await Storage.get(companyStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 150);\n if (imageBuffer) {\n stamp.company = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n if (chairmanStampS3Keys) {\n const uri = await Storage.get(chairmanStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 50);\n if (imageBuffer) {\n stamp.chairman = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n if (accountantStampS3Keys) {\n const uri = await Storage.get(accountantStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 50);\n if (imageBuffer) {\n stamp.accountant = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n if (handlerStampS3Keys) {\n const uri = await Storage.get(handlerStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 50);\n if (imageBuffer) {\n stamp.handler = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n let eldersGroup = elders.reduce((acc, elder) => {\n const key = elder.address.district;\n if (!acc[key]) {\n acc[key] = [];\n }\n acc[key].push(elder);\n return acc;\n }, {});\n if (!groupByDistrict) {\n eldersGroup = { '': elders };\n }\n const bufferData = [];\n let receiptNo = 0;\n await Object.keys(eldersGroup).sort().reduce(async (chain, district) => {\n await chain;\n\n const elders = eldersGroup[district];\n const workbooks = [];\n const stampImages = [];\n Array(copyCount).fill().forEach(() => {\n workbooks.push(new ExcelJS.Workbook());\n stampImages.push({});\n });\n const worksheetName = [];\n\n const getExtensionFromURL = (url) => {\n const match = url.match(/\\.([a-zA-Z0-9]+)(?:\\?|$)/);\n return match ? match[1] : 'png';\n };\n\n if (stamp) {\n Object.keys(stamp).forEach((key) => {\n if (stamp[key].imageBuffer) {\n const extension = getExtensionFromURL(stamp[key].file);\n workbooks.forEach((workbook, index) => {\n const imageId = workbook.addImage({\n buffer: stamp[key].imageBuffer,\n extension,\n });\n stampImages[index][key] = {};\n stampImages[index][key].width = stamp[key].width;\n stampImages[index][key].height = stamp[key].height;\n stampImages[index][key].imageId = imageId;\n });\n }\n });\n }\n elders.sort((a, b) => a.name > b.name ? 1 : -1).forEach((elder) => {\n const { id, name } = elder;\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n if (elderOrders.length === 0) {\n return;\n }\n let sanitizedElderName = getSanitizedElderName(name);\n let duplicatedNameCount = 0;\n if (worksheetName.includes(sanitizedElderName)) {\n duplicatedNameCount += 1;\n sanitizedElderName = sanitizedElderName + `(${duplicatedNameCount})`;\n } else {\n duplicatedNameCount = 0;\n }\n if (!oneCopyOneSheet) {\n const worksheet = workbooks[0].addWorksheet(sanitizedElderName, {\n pageSetup: {\n paperSize: 9,\n fitToPage: true,\n fitToWidth: 1,\n horizontalCentered: true,\n verticalCentered: true,\n orientation: 'portrait',\n },\n });\n const result = getWorksheetElder(worksheet, client, elder, elderOrders, yearMonthDayTitle, inCounty, selectedMonth, receiptNo, stampImages[0]);\n worksheet.pageSetup.margins = {\n left: 0.236, right: 0.236,\n top: 0.748, bottom: 0.748,\n header: 0.3, footer: 0.3,\n };\n if (!result) {\n workbooks[0].removeWorksheet(worksheet.id);\n } else {\n receiptNo += 1;\n worksheetName.push(sanitizedElderName);\n }\n } else {\n Array(copyCount).fill().forEach((_, copyIndex) => {\n const worksheet = workbooks[copyIndex].addWorksheet(`${sanitizedElderName}`, {\n pageSetup: {\n paperSize: 11,\n fitToPage: true,\n fitToWidth: 1,\n horizontalCentered: true,\n verticalCentered: true,\n orientation: 'landscape',\n },\n });\n const result = getWorksheetElder(\n worksheet, client, elder, elderOrders, yearMonthDayTitle, inCounty, selectedMonth, receiptNo, stampImages[copyIndex], copyIndex,\n );\n worksheet.pageSetup.margins = {\n left: 0.236 / 2, right: 0.236 / 2,\n top: 0.748 / 2, bottom: 0.748 / 2,\n header: 0.3 / 2, footer: 0.3 / 2,\n };\n if (!result) {\n workbooks[copyIndex].removeWorksheet(worksheet.id);\n return;\n } else {\n if (copyIndex === copyCount - 1) {\n receiptNo += 1;\n worksheetName.push(sanitizedElderName);\n }\n }\n });\n }\n });\n if (!oneCopyOneSheet) {\n try {\n if (workbooks[0] && workbooks[0].worksheets && workbooks[0].worksheets.length > 0) {\n const bufferDataByDistrict = await workbooks[0].xlsx.writeBuffer();\n if (process.env.JEST_WORKER_ID) {\n bufferData.push(bufferDataByDistrict);\n return;\n }\n zip.file(`${inCounty}${district}餐飲服務費收據__${selectedMonth}.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n } else {\n try {\n await Promise.all(Array(copyCount).fill().map(async (_, copyIndex) => {\n if (workbooks[copyIndex] && workbooks[copyIndex].worksheets && workbooks[copyIndex].worksheets.length > 0) {\n const bufferDataByDistrict = await workbooks[copyIndex].xlsx.writeBuffer();\n if (process.env.JEST_WORKER_ID) {\n bufferData.push(bufferDataByDistrict);\n return;\n }\n zip.file(`${inCounty}${district}餐飲服務費收據__${selectedMonth}_${copyType[receiptType][copyIndex]}.xlsx`, bufferDataByDistrict, { binary: true });\n }\n }));\n } catch (e) {\n console.error(e);\n }\n }\n }, Promise.resolve());\n\n if (process.env.JEST_WORKER_ID) {\n return bufferData;\n }\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedMonth}餐飲服務費收據.zip`, zipContent);\n }\n}\n\nfunction getWorksheetElder(worksheet, client, elder, elderOrders = [], yearMonthDayTitle, county, selectedMonth, receiptNo, stampImages, copyIndex = -1) {\n const {\n name, facilitySettings: { dba, receiptInfo }, address: clientAddress, phoneNumber,\n } = client;\n const { receiptType = 'triplicate', taxIdNumber, faxNumber,\n bankName, accountNumber, accountName,\n bankName2, accountNumber2, accountName2,\n bankName3, accountNumber3, accountName3,\n chairmanName='', accountantName='', handlerName='',\n note, managerTitle, reverseCopyType } = receiptInfo || {};\n const clientName = dba || name;\n const elderRows = [];\n const {\n name: elderName,\n identificationCardId,\n disadvantagedTypes,\n disadvantagedTypesSlot,\n cmsLevel,\n caseNumber,\n paymentBankIndex,\n } = elder;\n\n let displayedBankName = bankName;\n let displayedAccountNumber = accountNumber;\n let displayedAccountName = accountName;\n if (paymentBankIndex === 2) {\n displayedBankName = bankName2;\n displayedAccountNumber = accountNumber2;\n displayedAccountName = accountName2;\n } else if (paymentBankIndex === 3) {\n displayedBankName = bankName3;\n displayedAccountNumber = accountNumber3;\n displayedAccountName = accountName3;\n }\n\n let clientCopaymentSetting = copaymentSetting[county];\n if (client?.facilitySettings?.receiptSettings) {\n const { originalPrice = 0, copaymentSettings = [] } = client?.facilitySettings?.receiptSettings;\n if (originalPrice && copaymentSettings.length !== 0) {\n clientCopaymentSetting = {\n originalPrice,\n };\n copaymentSettings.forEach(({ disadvantagedType, disadvantagedLabel, copayment }) => {\n clientCopaymentSetting[disadvantagedType] = {\n label: disadvantagedLabel,\n value: copayment,\n };\n });\n }\n }\n\n if (!clientCopaymentSetting) {\n toastr.error('請先新增收據費用設定');\n return;\n }\n\n let total = 0;\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n const filteredOrders = elderOrders.filter(({ date, category }) =>\n date >= start && date < end && ['送餐', '送餐和物資'].includes(category));\n if (filteredOrders.length === 0) {\n return;\n }\n if (type === '長照中低收') { // workaround for 展橙\n type = '中低收';\n }\n if (!clientCopaymentSetting || clientCopaymentSetting[type] === undefined) {\n toastr.warning(`${elder.name}的\"${type}\"身份沒有對應的收據費用設定`);\n return;\n }\n const copayment = clientCopaymentSetting[type].value || 0;\n elderRows.push({\n 服務編號: 'OT01[營養餐飲]',\n 福利身份別: clientCopaymentSetting[type].label,\n 原價: clientCopaymentSetting.originalPrice,\n 部分負擔: copayment,\n 使用次數: filteredOrders.length,\n 小計: copayment * filteredOrders.length,\n });\n total += copayment * filteredOrders.length;\n });\n } else {\n const filteredOrders = elderOrders.filter(({ date, category }) => ['送餐', '送餐和物資'].includes(category));\n if (filteredOrders.length === 0) {\n return;\n }\n if (!clientCopaymentSetting || clientCopaymentSetting[disadvantagedTypes] === undefined) {\n return;\n }\n const copayment = clientCopaymentSetting[disadvantagedTypes].value || 0;\n elderRows.push({\n 服務編號: 'OT01[營養餐飲]',\n 福利身份別: clientCopaymentSetting[disadvantagedTypes].label,\n 原價: clientCopaymentSetting.originalPrice,\n 部分負擔: copayment,\n 使用次數: filteredOrders.length,\n 小計: copayment * filteredOrders.length,\n });\n total += copayment * filteredOrders.length;\n }\n elderOrders.forEach(({ category, mealItems, total: orderTotal }) => {\n let orderTotalWithoutSurcharge = orderTotal;\n if (mealItems) {\n mealItems.forEach(({ surcharges }) => {\n if (surcharges) {\n surcharges.forEach(({ name, price }) => {\n const rowIndex = elderRows.findIndex((elderRow) => elderRow['服務編號'] === name && elderRow['自費單價'] === price);\n if (rowIndex === -1) {\n elderRows.push({\n 服務編號: name,\n 福利身份別: '全自費',\n 自費單價: price,\n 自費次數: 1,\n 小計: price,\n });\n } else {\n elderRows[rowIndex]['自費次數'] += 1;\n elderRows[rowIndex]['小計'] += price;\n }\n total += price;\n orderTotalWithoutSurcharge -= price;\n });\n }\n });\n }\n if (category === '愛心餐') {\n const rowIndex = elderRows.findIndex((elderRow) => elderRow['服務編號'] === '愛心餐');\n if (rowIndex === -1) {\n elderRows.push({\n 服務編號: '愛心餐',\n 福利身份別: '',\n 自費單價: 0,\n 自費次數: 1,\n 小計: 0,\n });\n } else {\n elderRows[rowIndex]['自費次數'] += 1;\n }\n } else if (category === '自費餐') {\n const rowIndex = elderRows.findIndex((elderRow) => elderRow['服務編號'] === '自費餐');\n if (rowIndex === -1) {\n elderRows.push({\n 服務編號: '自費餐',\n 福利身份別: '',\n 自費單價: orderTotalWithoutSurcharge,\n 自費次數: 1,\n 小計: orderTotalWithoutSurcharge,\n });\n } else {\n elderRows[rowIndex]['自費次數'] += 1;\n elderRows[rowIndex]['小計'] += orderTotalWithoutSurcharge;\n }\n total += orderTotalWithoutSurcharge;\n }\n });\n const serviceDates = elderOrders.map(({ date, mealSlot }) => {\n const formattedDate = moment(date).format('MM/DD');\n return {\n date: formattedDate,\n slot: mealSlot === 'lunch'? '午' : '晚',\n };\n }).sort((a, b) => {\n if (a.date > b.date) return 1;\n if (a.date < b.date) return -1;\n if (a.slot === '午') return -1;\n });\n let serviceDatesString = '';\n let previousDate = '';\n let serviceDays = 0;\n serviceDates.forEach(({ date, slot }, index) => {\n if (previousDate !== date) {\n if (index !== 0) {\n serviceDatesString += '、';\n }\n // if (serviceDays !== 0 && serviceDays % 7 === 0) {\n // serviceDatesString += '\\n';\n // }\n serviceDatesString += date + ' ' + slot;\n serviceDays += 1;\n } else {\n serviceDatesString += slot;\n }\n previousDate = date;\n });\n\n const elderRowsCount = elderRows.length;\n\n if (elderRowsCount === 0) {\n return;\n }\n\n let copyType = {\n duplicate: [\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n存\\n根\\n聯',\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n ],\n triplicate: [\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n存\\n根\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n會\\n計\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n三\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n ],\n };\n if (reverseCopyType) {\n copyType = {\n duplicate: [\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n存\\n根\\n聯',\n ],\n triplicate: [\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n會\\n計\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n三\\n聯\\n：\\n存\\n根\\n聯',\n ],\n };\n }\n if (copyIndex !== -1) {\n copyType[receiptType] = [copyType[receiptType][copyIndex]];\n }\n worksheet.columns = [\n { header: '', key: 'A', width: 6.15 },\n { header: '', key: 'B', width: 5.78 },\n { header: '', key: 'C', width: 4.70 },\n { header: '', key: 'D', width: 6.15 },\n { header: '', key: 'E', width: 6.15 },\n { header: '', key: 'F', width: 9.68 },\n { header: '', key: 'G', width: 6.03 },\n { header: '', key: 'H', width: 6.03 },\n { header: '', key: 'I', width: 6.03 },\n { header: '', key: 'J', width: 6.03 },\n { header: '', key: 'K', width: 6.03 },\n { header: '', key: 'L', width: 6.03 },\n { header: '', key: 'M', width: 6.03 },\n { header: '', key: 'N', width: 6.03 },\n { header: '', key: 'O', width: 6.03 },\n { header: '', key: 'P', width: 6.03 },\n { header: '', key: 'Q', width: 6.03 },\n { header: '', key: 'R', width: 6.03 },\n { header: '', key: 'S', width: 2.75 },\n ];\n\n let rowIndex = 1;\n let copyCount = 0;\n const defaultRowHeight = 15.75;\n const fontName = 'Microsoft YaHei';\n while (copyCount < copyType[receiptType].length) {\n worksheet.mergeCells(`A${rowIndex}:S${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = clientName;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { bold: true, size: 16, name: fontName };\n worksheet.getRow(rowIndex++).height = 23.25;\n worksheet.getRow(rowIndex++).height = 17.25;\n\n worksheet.mergeCells(`A${rowIndex}:E${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `流水號編號：${selectedMonth.replace('-', '')}${receiptNo.toString().padStart(3, '0')}`;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.mergeCells(`F${rowIndex}:M${rowIndex}`);\n worksheet.getCell(`F${rowIndex}`).value = '收據明細';\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 10, name: fontName };\n worksheet.mergeCells(`N${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`N${rowIndex}`).value = `列表日：${yearMonthDayTitle}`;\n worksheet.getCell(`N${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'right', vertical: 'middle' };\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n worksheet.mergeCells(`A${rowIndex}:E${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `身分證字號：${identificationCardId || ''}`;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n\n worksheet.mergeCells(`F${rowIndex}:M${rowIndex + 1}`);\n worksheet.getCell(`F${rowIndex}`).value = `${selectedMonth.replace('-', '年')}月 長期照顧營養餐飲服務費`;\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { bold: true, size: 11, name: fontName };\n\n worksheet.mergeCells(`N${rowIndex}:R${rowIndex}`);\n const caseNumberString = caseNumber ? `案號：${caseNumber}` : '';\n worksheet.getCell(`N${rowIndex}`).value = caseNumberString;\n worksheet.getCell(`N${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getRow(rowIndex++).height = 18;\n\n worksheet.mergeCells(`A${rowIndex}:E${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `此致 ${getSanitizedElderName(elderName)} 台照`;\n worksheet.getCell(`A${rowIndex}`).font = { bold: true, size: 10, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.mergeCells(`N${rowIndex}:R${rowIndex}`);\n const cmsLevelString = cmsLevel ? `失能等級：${cmsLevel}` : '';\n worksheet.getCell(`N${rowIndex}`).value = cmsLevelString;\n worksheet.getCell(`N${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getRow(rowIndex++).height = 18;\n\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n worksheet.getRow(rowIndex).font = { size: 9, name: fontName };\n worksheet.getRow(rowIndex).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).value = '服務編號';\n worksheet.mergeCells(`D${rowIndex}:F${rowIndex}`);\n worksheet.getCell(`D${rowIndex}`).value = '福利身份別';\n worksheet.mergeCells(`G${rowIndex}:H${rowIndex}`);\n worksheet.getCell(`G${rowIndex}`).value = '原價';\n worksheet.mergeCells(`I${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`I${rowIndex}`).value = '部分負擔';\n worksheet.mergeCells(`K${rowIndex}:L${rowIndex}`);\n worksheet.getCell(`K${rowIndex}`).value = '使用次數';\n worksheet.mergeCells(`M${rowIndex}:N${rowIndex}`);\n worksheet.getCell(`M${rowIndex}`).value = '自費單價';\n worksheet.mergeCells(`O${rowIndex}:P${rowIndex}`);\n worksheet.getCell(`O${rowIndex}`).value = '自費次數';\n worksheet.mergeCells(`Q${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`Q${rowIndex}`).value = '小計';\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thick' }, right: { style: 'thin' }, left: { style: 'thick' } };\n ['D', 'G', 'I', 'K', 'M', 'O'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { top: { style: 'thick' }, right: { style: 'thin' } };\n });\n worksheet.getCell(`Q${rowIndex}`).border = { top: { style: 'thick' }, right: { style: 'thick' } };\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n elderRows.forEach((elderRow) => {\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n worksheet.getRow(rowIndex).font = { size: 9, name: fontName };\n worksheet.getRow(rowIndex).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).value = elderRow['服務編號'];\n worksheet.mergeCells(`D${rowIndex}:F${rowIndex}`);\n worksheet.getCell(`D${rowIndex}`).value = elderRow['福利身份別'];\n worksheet.mergeCells(`G${rowIndex}:H${rowIndex}`);\n worksheet.getCell(`G${rowIndex}`).value = elderRow['原價'];\n worksheet.mergeCells(`I${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`I${rowIndex}`).value = elderRow['部分負擔'];\n worksheet.mergeCells(`K${rowIndex}:L${rowIndex}`);\n worksheet.getCell(`K${rowIndex}`).value = elderRow['使用次數'];\n worksheet.mergeCells(`M${rowIndex}:N${rowIndex}`);\n worksheet.getCell(`M${rowIndex}`).value = elderRow['自費單價'];\n worksheet.mergeCells(`O${rowIndex}:P${rowIndex}`);\n worksheet.getCell(`O${rowIndex}`).value = elderRow['自費次數'];\n worksheet.mergeCells(`Q${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`Q${rowIndex}`).value = elderRow['小計'];\n\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thick' } };\n ['D', 'G', 'I', 'K', 'M', 'O'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' } };\n });\n worksheet.getCell(`Q${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thick' } };\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n });\n\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `服務天數：${serviceDays}`;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thick' } };\n worksheet.mergeCells(`D${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`D${rowIndex}`).value = serviceDatesString;\n worksheet.getCell(`D${rowIndex}`).font = { size: 9, name: 'Calibri' };\n worksheet.getCell(`D${rowIndex}`).alignment = { horizontal: 'left', vertical: 'top', wrapText: true };\n worksheet.getCell(`D${rowIndex}`).border = {\n top: { style: 'thin' }, right: { style: 'thick' }, left: { style: 'thin' }, bottom: { style: 'thin' },\n };\n worksheet.getRow(rowIndex++).height = defaultRowHeight * 5;\n\n const clientInfo = [`地址：${formatAddress(clientAddress, { includeZipCode: false })}`];\n if (taxIdNumber) {\n clientInfo.push(`統一編號： ${taxIdNumber}`);\n }\n if (phoneNumber) {\n clientInfo.push(`電話：${phoneNumber}`);\n }\n if (faxNumber) {\n clientInfo.push(`傳真：${faxNumber}`);\n }\n if (displayedBankName) {\n clientInfo.push(`銀行名稱：${displayedBankName}`);\n }\n if (displayedAccountNumber) {\n clientInfo.push(`匯款帳號：${displayedAccountNumber}`);\n }\n if (displayedAccountName) {\n clientInfo.push(`帳戶名：${displayedAccountName}`);\n }\n if (note) {\n clientInfo.push(`備註：${note}`);\n }\n const rowHeights = [];\n worksheet.mergeCells(`A${rowIndex}:F${rowIndex + 7}`);\n const clientInfoString = clientInfo.join('\\n');\n worksheet.getCell(`A${rowIndex}`).value = clientInfoString;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'top', wrapText: true };\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thick' } };\n worksheet.mergeCells(`G${rowIndex}:N${rowIndex + 3}`);\n worksheet.getCell(`G${rowIndex}`).value = `費用總計：$ ${total}`;\n worksheet.getCell(`G${rowIndex}`).font = { bold: true, size: 9.5, name: fontName };\n worksheet.getCell(`G${rowIndex}`).alignment = { vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.mergeCells(`O${rowIndex}:R${rowIndex + 7}`);\n worksheet.getCell(`O${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thick' }, left: { style: 'thin' } };\n for (let i = 0; i < 4; i++) {\n worksheet.getRow(rowIndex++).height = rowHeights[i] || defaultRowHeight;\n }\n\n worksheet.mergeCells(`G${rowIndex}:N${rowIndex + 3}`);\n worksheet.getCell(`G${rowIndex}`).value = `茲收到新台幣 ${numberToChineseUpper(total)} 元整`;\n worksheet.getCell(`G${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`G${rowIndex}`).alignment = { vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n for (let i = 0; i < 4; i++) {\n worksheet.getRow(rowIndex++).height = rowHeights[i + 4] || defaultRowHeight;\n }\n\n worksheet.mergeCells(`S${rowIndex - 10 - elderRowsCount}:S${rowIndex - 1}`);\n worksheet.getCell(`S${rowIndex - 10 - elderRowsCount}`).value = copyType[receiptType][copyCount];\n worksheet.getCell(`S${rowIndex - 10 - elderRowsCount}`).font = { size: 6, name: fontName };\n worksheet.getCell(`S${rowIndex - 10 - elderRowsCount}`).alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };\n\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n if (stampImages.chairman && stampImages.chairman.imageId !== undefined) {\n worksheet.getCell(`A${rowIndex}`).value = managerTitle ? `${managerTitle}：` : '理事長：';\n } else {\n worksheet.getCell(`A${rowIndex}`).value = managerTitle ? `${managerTitle}： ${chairmanName || ''}` : `理事長： ${chairmanName || ''}`;\n }\n worksheet.mergeCells(`G${rowIndex}:I${rowIndex}`);\n if (stampImages.accountant && stampImages.accountant.imageId !== undefined) {\n worksheet.getCell(`G${rowIndex}`).value = '會計：';\n } else {\n worksheet.getCell(`G${rowIndex}`).value = `會計： ${accountantName || ''}`;\n }\n worksheet.mergeCells(`M${rowIndex}:O${rowIndex}`);\n if (stampImages.handler && stampImages.handler.imageId !== undefined) {\n worksheet.getCell(`M${rowIndex}`).value = '經手人：';\n } else {\n worksheet.getCell(`M${rowIndex}`).value = `經手人： ${handlerName || ''}`;\n }\n worksheet.getRow(rowIndex).font = { size: 9, name: fontName };\n worksheet.getRow(rowIndex).alignment = { horizontal: 'left', vertical: 'middle' };\n ['A', 'C', 'D', 'E', 'F', 'G', 'I', 'J', 'K', 'L', 'M', 'O', 'P', 'Q', 'R'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { top: { style: 'thick' } };\n });\n if (stampImages.company && stampImages.company.imageId !== undefined) {\n worksheet.addImage(stampImages.company.imageId, {\n tl: { col: 14 + 0.3, row: rowIndex - 9 + 0.3 },\n ext: { width: stampImages.company.width, height: stampImages.company.height },\n });\n }\n if (stampImages.chairman && stampImages.chairman.imageId !== undefined) {\n worksheet.addImage(stampImages.chairman.imageId, {\n tl: { col: 1 + 0.3, row: rowIndex - 1 + 0.3 },\n ext: { width: stampImages.chairman.width, height: stampImages.chairman.height },\n });\n }\n if (stampImages.accountant && stampImages.accountant.imageId !== undefined) {\n worksheet.addImage(stampImages.accountant.imageId, {\n tl: { col: 7 + 0.3, row: rowIndex - 1 + 0.3 },\n ext: { width: stampImages.accountant.width, height: stampImages.accountant.height },\n });\n }\n if (stampImages.handler && stampImages.handler.imageId !== undefined) {\n worksheet.addImage(stampImages.handler.imageId, {\n tl: { col: 13 + 0.3, row: rowIndex - 1 + 0.3 },\n ext: { width: stampImages.handler.width, height: stampImages.handler.height },\n });\n }\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n copyCount++;\n\n if (copyCount < copyType[receiptType].length) {\n ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { bottom: { style: 'dashDot' } };\n });\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n }\n }\n\n worksheet.pageSetup.printArea = `A1:S${rowIndex}`;\n\n return worksheet;\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { elderPaymentMethod } from '@silvergatedelivery/constants';\nimport LabelWithToolTip from '../LabelWithToolTip';\n\nimport {\n counties,\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\n\nimport issueReceipts from './issueReceipts';\n\nimport {\n getEldersByClientByStatus,\n getOrdersByClientByDate,\n getPandagoOrdersByOrderByCreatedAt,\n} from '../queries';\nimport { getClient } from 'graphql/queries';\n\nimport { processShareOrder, processDisadvantagedTypes } from '../CountyPrsReport/workbooks/helpers';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function ElderReceipt({ clientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeNonDisElders, setIncludeNonDisElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const [selectedPaymentMethod, setSelectedPaymentMethod] = useState('all');\n const [groupByDistrict, setGroupByDistrict] = useState(true);\n const excludeNonFoodDeliveryOrders = true;\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n // const monthString = from.format('YYYY/MM');\n const period = `${fromDate}__${toDate}`;\n const { id: clientId } = clientOptions.find(({ id }) => id === selectedClientId);\n\n global.logger.debug({\n selectedClientId,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n elders,\n orders,\n { data: { getClient: client } },\n ] = await Promise.all([\n asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n filter: includeNonDisElders ? undefined : {\n isDisadvantaged: {\n eq: 1,\n },\n },\n limit: 1000,\n }),\n asyncListAll(getOrdersByClientByDate, {\n clientId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n request(getClient, { id: clientId }),\n ]);\n\n const deliveryStaffIds = [];\n orders.forEach(({ deliveryStaffId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n });\n\n let pandagoDeliveryStaffId;\n const deliveryStaffs = await Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n username\n identificationCardId\n }\n }\n `, { id });\n\n if (data.username === 'pandago') {\n pandagoDeliveryStaffId = id;\n }\n\n return data;\n }));\n\n const pandagoOrders = await Promise.all(orders\n .filter(({ deliveryStaffId }) => deliveryStaffId === pandagoDeliveryStaffId)\n .map(async ({ id: orderId }) => {\n const [pandagoOrder] = await asyncListAll(getPandagoOrdersByOrderByCreatedAt, {\n orderId,\n limit: 1,\n });\n\n return pandagoOrder;\n }));\n\n processShareOrder(elders, orders);\n processDisadvantagedTypes(selectedMonth, elders);\n\n issueReceipts({\n county: selectedCounty,\n elders, orders, deliveryStaffs, pandagoOrders, selectedMonth, client, includeUndeliveredOrders, excludeNonFoodDeliveryOrders,\n selectedPaymentMethod, groupByDistrict,\n });\n };\n\n const triggerDownload = async () => {\n try {\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [clientOptions]);\n\n return (\n 年度報表
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 年份 \n setSelectedYear(event.target.value)}\n disabled={isLoading}\n >\n {yearOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n
\n \n {message}\n
\n\n \n 下載\n {isLoading &&
\n );\n}\n\nElderReceipt.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import moment from 'moment-timezone';\nimport { TIME_ZONE } from '@silvergatedelivery/constants';\nimport JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport { formatAddress } from 'utilities/format';\nimport { numberToChineseUpper } from '../CountyPrsReport/workbooks/helpers';\nimport ExcelJS from 'exceljs';\nimport { toastr } from 'react-redux-toastr';\nimport { Storage } from 'aws-amplify';\nimport { downloadImage, loadImage } from 'utilities/image';\n\nconst stampSetting = {\n 'e281a800-8ae3-11ec-823f-bbd2f0442830': { // 銀色大門-苗栗\n company: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/company.png',\n width: 150,\n height: 150,\n },\n chairman: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/chairman.png',\n width: 50,\n height: 50,\n },\n accountant: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/accountant.png',\n width: 50,\n height: 50,\n },\n handler: {\n file: '/images/receipt/e281a800-8ae3-11ec-823f-bbd2f0442830/handler.png',\n width: 50,\n height: 50,\n },\n },\n};\n\nconst getSanitizedElderName = (name) => {\n const index = name.indexOf('(');\n const result = index !== -1 ? name.substring(0, index).trim() : name;\n return result\n .replace(/\\\\/g, '')\n .replace(/\\//g, '')\n .replace(/\\?/g, '')\n .replace(/\\*/g, '')\n .replace(/\\[/g, '')\n .replace(/\\]/g, '');\n};\n\nexport default async function issueReceipts({\n county: inCounty,\n elders: allElders,\n orders: allOrders,\n selectedMonth = 'YYYY-MM',\n client,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n selectedPaymentMethod = 'all',\n groupByDistrict = false,\n}) {\n const { name, facilitySettings: {\n dba, companyStampS3Keys, chairmanStampS3Keys, accountantStampS3Keys, handlerStampS3Keys, receiptInfo,\n } } = client;\n const { receiptType = 'triplicate', oneCopyOneSheet = false, reverseCopyType = false } = receiptInfo || {};\n const copyCount = receiptType === 'triplicate' ? 3 : 2;\n let copyType = {\n duplicate: ['存根聯', '個案收執聯'],\n triplicate: ['存根聯', '會計聯', '個案收執聯'],\n };\n if (reverseCopyType) {\n copyType = {\n duplicate: copyType.duplicate.reverse(),\n triplicate: copyType.triplicate.reverse(),\n };\n }\n const clientName = dba || name;\n let elders = allElders.filter(({ address }) => address.county === inCounty);\n if (selectedPaymentMethod !== 'all') {\n if (selectedPaymentMethod === 'none') {\n elders = elders.filter(({ paymentMethod }) => paymentMethod === null);\n } else {\n elders = elders.filter(({ paymentMethod }) => paymentMethod === selectedPaymentMethod);\n }\n }\n if (elders.length == 0) {\n toastr.error('沒有符合設定條件的送餐對象');\n }\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) => category === '送餐' || category === '送餐和物資');\n }\n if (orders.length === 0) {\n toastr.error('沒有符合設定條件的訂單');\n }\n const zip = new JSZip();\n const [year, month, day] = moment().tz(TIME_ZONE).format('YYYY-MM-DD').split('-');\n const yearMonthDayTitle = `中華民國${parseInt(year)-1911}年${month}月${day}日`;\n\n const stamp = stampSetting[client.id] || {};\n if (stamp) {\n await Promise.all(Object.keys(stamp).map(async (key) => {\n if (stamp[key] && stamp[key].file) {\n stamp[key].imageBuffer = await downloadImage(stamp[key].file);\n }\n }));\n }\n if (companyStampS3Keys) {\n const uri = await Storage.get(companyStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 150);\n if (imageBuffer) {\n stamp.company = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n if (chairmanStampS3Keys) {\n const uri = await Storage.get(chairmanStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 50);\n if (imageBuffer) {\n stamp.chairman = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n if (accountantStampS3Keys) {\n const uri = await Storage.get(accountantStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 50);\n if (imageBuffer) {\n stamp.accountant = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n if (handlerStampS3Keys) {\n const uri = await Storage.get(handlerStampS3Keys[0]);\n const { imageBuffer, width, height } = await loadImage(uri, 50);\n if (imageBuffer) {\n stamp.handler = {\n file: uri,\n imageBuffer,\n width,\n height,\n };\n }\n }\n let eldersGroup = elders.reduce((acc, elder) => {\n const key = elder.address.district;\n if (!acc[key]) {\n acc[key] = [];\n }\n acc[key].push(elder);\n return acc;\n }, {});\n if (!groupByDistrict) {\n eldersGroup = { '': elders };\n }\n const bufferData = [];\n let receiptNo = 0;\n await Object.keys(eldersGroup).sort().reduce(async (chain, district) => {\n await chain;\n\n const elders = eldersGroup[district];\n const workbooks = [];\n const stampImages = [];\n Array(copyCount).fill().forEach(() => {\n workbooks.push(new ExcelJS.Workbook());\n stampImages.push({});\n });\n const worksheetName = [];\n\n const getExtensionFromURL = (url) => {\n const match = url.match(/\\.([a-zA-Z0-9]+)(?:\\?|$)/);\n return match ? match[1] : 'png';\n };\n\n if (stamp) {\n Object.keys(stamp).forEach((key) => {\n if (stamp[key].imageBuffer) {\n const extension = getExtensionFromURL(stamp[key].file);\n workbooks.forEach((workbook, index) => {\n const imageId = workbook.addImage({\n buffer: stamp[key].imageBuffer,\n extension,\n });\n stampImages[index][key] = {};\n stampImages[index][key].width = stamp[key].width;\n stampImages[index][key].height = stamp[key].height;\n stampImages[index][key].imageId = imageId;\n });\n }\n });\n }\n elders.sort((a, b) => a.name > b.name ? 1 : -1).forEach((elder) => {\n const { id, name } = elder;\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n if (elderOrders.length === 0) {\n return;\n }\n let sanitizedElderName = getSanitizedElderName(name);\n let duplicatedNameCount = 0;\n if (worksheetName.includes(sanitizedElderName)) {\n duplicatedNameCount += 1;\n sanitizedElderName = sanitizedElderName + `(${duplicatedNameCount})`;\n } else {\n duplicatedNameCount = 0;\n }\n if (!oneCopyOneSheet) {\n const worksheet = workbooks[0].addWorksheet(sanitizedElderName, {\n pageSetup: {\n paperSize: 9,\n fitToPage: true,\n fitToWidth: 1,\n horizontalCentered: true,\n verticalCentered: true,\n orientation: 'portrait',\n },\n });\n const result = getWorksheetElder(worksheet, client, elder, elderOrders, yearMonthDayTitle, inCounty, selectedMonth, receiptNo, stampImages[0]);\n worksheet.pageSetup.margins = {\n left: 0.236, right: 0.236,\n top: 0.748, bottom: 0.748,\n header: 0.3, footer: 0.3,\n };\n if (!result) {\n workbooks[0].removeWorksheet(worksheet.id);\n } else {\n receiptNo += 1;\n worksheetName.push(sanitizedElderName);\n }\n } else {\n Array(copyCount).fill().forEach((_, copyIndex) => {\n const worksheet = workbooks[copyIndex].addWorksheet(`${sanitizedElderName}`, {\n pageSetup: {\n paperSize: 11,\n fitToPage: true,\n fitToWidth: 1,\n horizontalCentered: true,\n verticalCentered: true,\n orientation: 'landscape',\n },\n });\n const result = getWorksheetElder(\n worksheet, client, elder, elderOrders, yearMonthDayTitle, inCounty, selectedMonth, receiptNo, stampImages[copyIndex], copyIndex,\n );\n worksheet.pageSetup.margins = {\n left: 0.236 / 2, right: 0.236 / 2,\n top: 0.748 / 2, bottom: 0.748 / 2,\n header: 0.3 / 2, footer: 0.3 / 2,\n };\n if (!result) {\n workbooks[copyIndex].removeWorksheet(worksheet.id);\n return;\n } else {\n if (copyIndex === copyCount - 1) {\n receiptNo += 1;\n worksheetName.push(sanitizedElderName);\n }\n }\n });\n }\n });\n if (!oneCopyOneSheet) {\n try {\n if (workbooks[0] && workbooks[0].worksheets && workbooks[0].worksheets.length > 0) {\n const bufferDataByDistrict = await workbooks[0].xlsx.writeBuffer();\n if (process.env.JEST_WORKER_ID) {\n bufferData.push(bufferDataByDistrict);\n return;\n }\n zip.file(`${inCounty}${district}餐飲服務費收據(自費戶)__${selectedMonth}.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n } else {\n try {\n await Promise.all(Array(copyCount).fill().map(async (_, copyIndex) => {\n if (workbooks[copyIndex] && workbooks[copyIndex].worksheets && workbooks[copyIndex].worksheets.length > 0) {\n const bufferDataByDistrict = await workbooks[copyIndex].xlsx.writeBuffer();\n if (process.env.JEST_WORKER_ID) {\n bufferData.push(bufferDataByDistrict);\n return;\n }\n zip.file(`${inCounty}${district}餐飲服務費收據(自費戶)__${selectedMonth}_${copyType[receiptType][copyIndex]}.xlsx`, bufferDataByDistrict, { binary: true });\n }\n }));\n } catch (e) {\n console.error(e);\n }\n }\n }, Promise.resolve());\n\n if (process.env.JEST_WORKER_ID) {\n return bufferData;\n }\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedMonth}餐飲服務費收據(自費戶).zip`, zipContent);\n }\n}\n\nfunction getWorksheetElder(worksheet, client, elder, elderOrders = [], yearMonthDayTitle, county, selectedMonth, receiptNo, stampImages, copyIndex = -1) {\n const {\n name, facilitySettings: { dba, receiptInfo }, address: clientAddress, phoneNumber,\n } = client;\n const { receiptType = 'triplicate', taxIdNumber, faxNumber,\n bankName, accountNumber, accountName,\n bankName2, accountNumber2, accountName2,\n bankName3, accountNumber3, accountName3,\n chairmanName='', accountantName='', handlerName='',\n note, managerTitle, reverseCopyType } = receiptInfo || {};\n const clientName = dba || name;\n const elderRows = [];\n const {\n name: elderName,\n identificationCardId,\n cmsLevel,\n caseNumber,\n paymentBankIndex,\n } = elder;\n\n let displayedBankName = bankName;\n let displayedAccountNumber = accountNumber;\n let displayedAccountName = accountName;\n if (paymentBankIndex === 2) {\n displayedBankName = bankName2;\n displayedAccountNumber = accountNumber2;\n displayedAccountName = accountName2;\n } else if (paymentBankIndex === 3) {\n displayedBankName = bankName3;\n displayedAccountNumber = accountNumber3;\n displayedAccountName = accountName3;\n }\n\n let total = 0;\n if (elderOrders.length === 0) {\n return;\n }\n\n elderOrders.forEach(({ total: orderTotal, mealItems }) => {\n let orderTotalWithoutSurcharge = orderTotal;\n mealItems.forEach(({ surcharges }) => {\n if (surcharges) {\n surcharges.forEach(({ name, price }) => {\n const rowIndex = elderRows.findIndex((elderRow) => elderRow['服務編號'] === name && elderRow['自費單價'] === price);\n if (rowIndex === -1) {\n elderRows.push({\n 服務編號: name,\n 福利身份別: '全自費',\n 自費單價: price,\n 自費次數: 1,\n 小計: price,\n });\n } else {\n elderRows[rowIndex]['自費次數'] += 1;\n elderRows[rowIndex]['小計'] += price;\n }\n orderTotalWithoutSurcharge -= price;\n });\n }\n });\n\n const rowIndex = elderRows.findIndex((elderRow) => elderRow['自費單價'] === orderTotalWithoutSurcharge);\n if (rowIndex === -1) {\n elderRows.push({\n 服務編號: '餐點費用',\n 福利身份別: '全自費',\n 自費單價: orderTotalWithoutSurcharge,\n 自費次數: 1,\n 小計: orderTotalWithoutSurcharge,\n });\n } else {\n elderRows[rowIndex]['自費次數'] += 1;\n elderRows[rowIndex]['小計'] += orderTotalWithoutSurcharge;\n }\n\n total += orderTotal;\n });\n\n const serviceDates = elderOrders.map(({ date, mealSlot }) => {\n const formattedDate = moment(date).format('MM/DD');\n return {\n date: formattedDate,\n slot: mealSlot === 'lunch'? '午' : '晚',\n };\n }).sort((a, b) => {\n if (a.date > b.date) return 1;\n if (a.date < b.date) return -1;\n if (a.slot === '午') return -1;\n });\n let serviceDatesString = '';\n let previousDate = '';\n let serviceDays = 0;\n serviceDates.forEach(({ date, slot }, index) => {\n if (previousDate !== date) {\n if (index !== 0) {\n serviceDatesString += '、';\n }\n serviceDatesString += date + ' ' + slot;\n serviceDays += 1;\n } else {\n serviceDatesString += slot;\n }\n previousDate = date;\n });\n\n const elderRowsCount = elderRows.length;\n\n if (elderRowsCount === 0) {\n return;\n }\n\n let copyType = {\n duplicate: [\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n存\\n根\\n聯',\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n ],\n triplicate: [\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n存\\n根\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n會\\n計\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n三\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n ],\n };\n if (reverseCopyType) {\n copyType = {\n duplicate: [\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n '一\\n式\\n二\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n存\\n根\\n聯',\n ],\n triplicate: [\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n一\\n聯\\n：\\n個\\n案\\n收\\n執\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n二\\n聯\\n：\\n會\\n計\\n聯',\n '一\\n式\\n三\\n聯\\n \\n \\n第\\n三\\n聯\\n：\\n存\\n根\\n聯',\n ],\n };\n }\n if (copyIndex !== -1) {\n copyType[receiptType] = [copyType[receiptType][copyIndex]];\n }\n worksheet.columns = [\n { header: '', key: 'A', width: 6.15 },\n { header: '', key: 'B', width: 5.78 },\n { header: '', key: 'C', width: 4.70 },\n { header: '', key: 'D', width: 6.15 },\n { header: '', key: 'E', width: 6.15 },\n { header: '', key: 'F', width: 9.68 },\n { header: '', key: 'G', width: 6.03 },\n { header: '', key: 'H', width: 6.03 },\n { header: '', key: 'I', width: 6.03 },\n { header: '', key: 'J', width: 6.03 },\n { header: '', key: 'K', width: 6.03 },\n { header: '', key: 'L', width: 6.03 },\n { header: '', key: 'M', width: 6.03 },\n { header: '', key: 'N', width: 6.03 },\n { header: '', key: 'O', width: 6.03 },\n { header: '', key: 'P', width: 6.03 },\n { header: '', key: 'Q', width: 6.03 },\n { header: '', key: 'R', width: 6.03 },\n { header: '', key: 'S', width: 2.75 },\n ];\n\n let rowIndex = 1;\n let copyCount = 0;\n const defaultRowHeight = 15.75;\n const fontName = 'Microsoft YaHei';\n while (copyCount < copyType[receiptType].length) {\n worksheet.mergeCells(`A${rowIndex}:S${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = clientName;\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).font = { bold: true, size: 16, name: fontName };\n worksheet.getRow(rowIndex++).height = 23.25;\n worksheet.getRow(rowIndex++).height = 17.25;\n\n worksheet.mergeCells(`A${rowIndex}:E${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `流水號編號：S${selectedMonth.replace('-', '')}${receiptNo.toString().padStart(3, '0')}`;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.mergeCells(`F${rowIndex}:M${rowIndex}`);\n worksheet.getCell(`F${rowIndex}`).value = '收據明細';\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { size: 10, name: fontName };\n worksheet.mergeCells(`N${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`N${rowIndex}`).value = `列表日：${yearMonthDayTitle}`;\n worksheet.getCell(`N${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'right', vertical: 'middle' };\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n worksheet.mergeCells(`A${rowIndex}:E${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `身分證字號：${identificationCardId || ''}`;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n\n worksheet.mergeCells(`F${rowIndex}:M${rowIndex + 1}`);\n worksheet.getCell(`F${rowIndex}`).value = `${selectedMonth.replace('-', '年')}月 長期照顧營養餐飲服務費`;\n worksheet.getCell(`F${rowIndex}`).alignment = { horizontal: 'center', vertical: 'middle' };\n worksheet.getCell(`F${rowIndex}`).font = { bold: true, size: 11, name: fontName };\n\n worksheet.mergeCells(`N${rowIndex}:R${rowIndex}`);\n const caseNumberString = caseNumber ? `案號：${caseNumber}` : '';\n worksheet.getCell(`N${rowIndex}`).value = caseNumberString;\n worksheet.getCell(`N${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getRow(rowIndex++).height = 18;\n\n worksheet.mergeCells(`A${rowIndex}:E${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `此致 ${getSanitizedElderName(elderName)} 台照`;\n worksheet.getCell(`A${rowIndex}`).font = { bold: true, size: 10, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.mergeCells(`N${rowIndex}:R${rowIndex}`);\n const cmsLevelString = cmsLevel ? `失能等級：${cmsLevel}` : '';\n worksheet.getCell(`N${rowIndex}`).value = cmsLevelString;\n worksheet.getCell(`N${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`N${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getRow(rowIndex++).height = 18;\n\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n worksheet.getRow(rowIndex).font = { size: 9, name: fontName };\n worksheet.getRow(rowIndex).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).value = '服務編號';\n worksheet.mergeCells(`D${rowIndex}:F${rowIndex}`);\n worksheet.getCell(`D${rowIndex}`).value = '福利身份別';\n worksheet.mergeCells(`G${rowIndex}:H${rowIndex}`);\n worksheet.getCell(`G${rowIndex}`).value = '原價';\n worksheet.mergeCells(`I${rowIndex}:J${rowIndex}`);\n worksheet.getCell(`I${rowIndex}`).value = '部分負擔';\n worksheet.mergeCells(`K${rowIndex}:L${rowIndex}`);\n worksheet.getCell(`K${rowIndex}`).value = '使用次數';\n worksheet.mergeCells(`M${rowIndex}:N${rowIndex}`);\n worksheet.getCell(`M${rowIndex}`).value = '自費單價';\n worksheet.mergeCells(`O${rowIndex}:P${rowIndex}`);\n worksheet.getCell(`O${rowIndex}`).value = '自費次數';\n worksheet.mergeCells(`Q${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`Q${rowIndex}`).value = '小計';\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thick' }, right: { style: 'thin' }, left: { style: 'thick' } };\n ['D', 'G', 'I', 'K', 'M', 'O'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { top: { style: 'thick' }, right: { style: 'thin' } };\n });\n worksheet.getCell(`Q${rowIndex}`).border = { top: { style: 'thick' }, right: { style: 'thick' } };\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n elderRows.forEach((elderRow) => {\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n worksheet.getRow(rowIndex).font = { size: 9, name: fontName };\n worksheet.getRow(rowIndex).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).value = elderRow['服務編號'];\n worksheet.mergeCells(`D${rowIndex}:F${rowIndex}`);\n worksheet.getCell(`D${rowIndex}`).value = elderRow['福利身份別'];\n worksheet.mergeCells(`G${rowIndex}:H${rowIndex}`);\n worksheet.mergeCells(`I${rowIndex}:J${rowIndex}`);\n worksheet.mergeCells(`K${rowIndex}:L${rowIndex}`);\n worksheet.mergeCells(`M${rowIndex}:N${rowIndex}`);\n worksheet.getCell(`M${rowIndex}`).value = elderRow['自費單價'];\n worksheet.mergeCells(`O${rowIndex}:P${rowIndex}`);\n worksheet.getCell(`O${rowIndex}`).value = elderRow['自費次數'];\n worksheet.mergeCells(`Q${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`Q${rowIndex}`).value = elderRow['小計'];\n\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thick' } };\n ['D', 'G', 'I', 'K', 'M', 'O'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' } };\n });\n worksheet.getCell(`Q${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thick' } };\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n });\n\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n worksheet.getCell(`A${rowIndex}`).value = `服務天數：${serviceDays}`;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'middle' };\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thick' } };\n worksheet.mergeCells(`D${rowIndex}:R${rowIndex}`);\n worksheet.getCell(`D${rowIndex}`).value = serviceDatesString;\n worksheet.getCell(`D${rowIndex}`).font = { size: 9, name: 'Calibri' };\n worksheet.getCell(`D${rowIndex}`).alignment = { horizontal: 'left', vertical: 'top', wrapText: true };\n worksheet.getCell(`D${rowIndex}`).border = {\n top: { style: 'thin' }, right: { style: 'thick' }, left: { style: 'thin' }, bottom: { style: 'thin' },\n };\n worksheet.getRow(rowIndex++).height = defaultRowHeight * 5;\n\n const clientInfo = [`地址：${formatAddress(clientAddress, { includeZipCode: false })}`];\n if (taxIdNumber) {\n clientInfo.push(`統一編號： ${taxIdNumber}`);\n }\n if (phoneNumber) {\n clientInfo.push(`電話：${phoneNumber}`);\n }\n if (faxNumber) {\n clientInfo.push(`傳真：${faxNumber}`);\n }\n if (displayedBankName) {\n clientInfo.push(`銀行名稱：${displayedBankName}`);\n }\n if (displayedAccountNumber) {\n clientInfo.push(`匯款帳號：${displayedAccountNumber}`);\n }\n if (displayedAccountName) {\n clientInfo.push(`帳戶名：${displayedAccountName}`);\n }\n if (note) {\n clientInfo.push(`備註：${note}`);\n }\n const rowHeights = [];\n worksheet.mergeCells(`A${rowIndex}:F${rowIndex + 7}`);\n const clientInfoString = clientInfo.join('\\n');\n worksheet.getCell(`A${rowIndex}`).value = clientInfoString;\n worksheet.getCell(`A${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`A${rowIndex}`).alignment = { horizontal: 'left', vertical: 'top', wrapText: true };\n worksheet.getCell(`A${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thick' } };\n worksheet.mergeCells(`G${rowIndex}:N${rowIndex + 3}`);\n worksheet.getCell(`G${rowIndex}`).value = `費用總計：$ ${total}`;\n worksheet.getCell(`G${rowIndex}`).font = { bold: true, size: 9.5, name: fontName };\n worksheet.getCell(`G${rowIndex}`).alignment = { vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n worksheet.mergeCells(`O${rowIndex}:R${rowIndex + 7}`);\n worksheet.getCell(`O${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thick' }, left: { style: 'thin' } };\n for (let i = 0; i < 4; i++) {\n worksheet.getRow(rowIndex++).height = rowHeights[i] || defaultRowHeight;\n }\n\n worksheet.mergeCells(`G${rowIndex}:N${rowIndex + 3}`);\n worksheet.getCell(`G${rowIndex}`).value = `茲收到新台幣 ${numberToChineseUpper(total)} 元整`;\n worksheet.getCell(`G${rowIndex}`).font = { size: 9, name: fontName };\n worksheet.getCell(`G${rowIndex}`).alignment = { vertical: 'middle' };\n worksheet.getCell(`G${rowIndex}`).border = { top: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n for (let i = 0; i < 4; i++) {\n worksheet.getRow(rowIndex++).height = rowHeights[i + 4] || defaultRowHeight;\n }\n\n worksheet.mergeCells(`S${rowIndex - 10 - elderRowsCount}:S${rowIndex - 1}`);\n worksheet.getCell(`S${rowIndex - 10 - elderRowsCount}`).value = copyType[receiptType][copyCount];\n worksheet.getCell(`S${rowIndex - 10 - elderRowsCount}`).font = { size: 6, name: fontName };\n worksheet.getCell(`S${rowIndex - 10 - elderRowsCount}`).alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };\n\n worksheet.mergeCells(`A${rowIndex}:C${rowIndex}`);\n if (stampImages.chairman && stampImages.chairman.imageId !== undefined) {\n worksheet.getCell(`A${rowIndex}`).value = managerTitle ? `${managerTitle}：` : '理事長：';\n } else {\n worksheet.getCell(`A${rowIndex}`).value = managerTitle ? `${managerTitle}： ${chairmanName || ''}` : `理事長： ${chairmanName || ''}`;\n }\n worksheet.mergeCells(`G${rowIndex}:I${rowIndex}`);\n if (stampImages.accountant && stampImages.accountant.imageId !== undefined) {\n worksheet.getCell(`G${rowIndex}`).value = '會計：';\n } else {\n worksheet.getCell(`G${rowIndex}`).value = `會計： ${accountantName || ''}`;\n }\n worksheet.mergeCells(`M${rowIndex}:O${rowIndex}`);\n if (stampImages.handler && stampImages.handler.imageId !== undefined) {\n worksheet.getCell(`M${rowIndex}`).value = '經手人：';\n } else {\n worksheet.getCell(`M${rowIndex}`).value = `經手人： ${handlerName || ''}`;\n }\n worksheet.getRow(rowIndex).font = { size: 9, name: fontName };\n worksheet.getRow(rowIndex).alignment = { horizontal: 'left', vertical: 'middle' };\n ['A', 'C', 'D', 'E', 'F', 'G', 'I', 'J', 'K', 'L', 'M', 'O', 'P', 'Q', 'R'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { top: { style: 'thick' } };\n });\n if (stampImages.company && stampImages.company.imageId !== undefined) {\n worksheet.addImage(stampImages.company.imageId, {\n tl: { col: 14 + 0.3, row: rowIndex - 9 + 0.3 },\n ext: { width: stampImages.company.width, height: stampImages.company.height },\n });\n }\n if (stampImages.chairman && stampImages.chairman.imageId !== undefined) {\n worksheet.addImage(stampImages.chairman.imageId, {\n tl: { col: 1 + 0.3, row: rowIndex - 1 + 0.3 },\n ext: { width: stampImages.chairman.width, height: stampImages.chairman.height },\n });\n }\n if (stampImages.accountant && stampImages.accountant.imageId !== undefined) {\n worksheet.addImage(stampImages.accountant.imageId, {\n tl: { col: 7 + 0.3, row: rowIndex - 1 + 0.3 },\n ext: { width: stampImages.accountant.width, height: stampImages.accountant.height },\n });\n }\n if (stampImages.handler && stampImages.handler.imageId !== undefined) {\n worksheet.addImage(stampImages.handler.imageId, {\n tl: { col: 13 + 0.3, row: rowIndex - 1 + 0.3 },\n ext: { width: stampImages.handler.width, height: stampImages.handler.height },\n });\n }\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n\n copyCount++;\n\n if (copyCount < copyType[receiptType].length) {\n ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S'].forEach((col) => {\n worksheet.getCell(`${col}${rowIndex}`).border = { bottom: { style: 'dashDot' } };\n });\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n worksheet.getRow(rowIndex++).height = defaultRowHeight;\n }\n }\n\n worksheet.pageSetup.printArea = `A1:S${rowIndex}`;\n\n return worksheet;\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { elderPaymentMethod } from '@silvergatedelivery/constants';\nimport LabelWithToolTip from '../LabelWithToolTip';\n\nimport {\n counties,\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\n\nimport issueReceipts from './issueReceipts';\n\nimport {\n getEldersByClientByStatus,\n getOrdersByClientByDate,\n getPandagoOrdersByOrderByCreatedAt,\n} from '../queries';\nimport { getClient } from 'graphql/queries';\n\nimport { processShareOrder } from '../CountyPrsReport/workbooks/helpers';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function SelfPayingReceipt({ clientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const [selectedPaymentMethod, setSelectedPaymentMethod] = useState('all');\n const [groupByDistrict, setGroupByDistrict] = useState(true);\n const excludeNonFoodDeliveryOrders = true;\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n // const monthString = from.format('YYYY/MM');\n const period = `${fromDate}__${toDate}`;\n const { id: clientId } = clientOptions.find(({ id }) => id === selectedClientId);\n\n global.logger.debug({\n selectedClientId,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n elders,\n orders,\n { data: { getClient: client } },\n ] = await Promise.all([\n asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n filter: {\n isDisadvantaged: {\n eq: 0,\n },\n },\n limit: 1000,\n }),\n asyncListAll(getOrdersByClientByDate, {\n clientId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n request(getClient, { id: clientId }),\n ]);\n\n const selfPayingOrders = orders.filter(({ elderId }) => elders.findIndex(({ id }) => id === elderId) !== -1);\n\n const deliveryStaffIds = [];\n selfPayingOrders.forEach(({ deliveryStaffId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n });\n\n let pandagoDeliveryStaffId;\n const deliveryStaffs = await Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n username\n identificationCardId\n }\n }\n `, { id });\n\n if (data.username === 'pandago') {\n pandagoDeliveryStaffId = id;\n }\n\n return data;\n }));\n\n const pandagoOrders = await Promise.all(selfPayingOrders\n .filter(({ deliveryStaffId }) => deliveryStaffId === pandagoDeliveryStaffId)\n .map(async ({ id: orderId }) => {\n const [pandagoOrder] = await asyncListAll(getPandagoOrdersByOrderByCreatedAt, {\n orderId,\n limit: 1,\n });\n\n return pandagoOrder;\n }));\n\n processShareOrder(elders, selfPayingOrders);\n\n issueReceipts({\n county: selectedCounty,\n elders,\n orders: selfPayingOrders,\n deliveryStaffs, pandagoOrders, selectedMonth, client, includeUndeliveredOrders, excludeNonFoodDeliveryOrders,\n selectedPaymentMethod, groupByDistrict,\n });\n };\n\n const triggerDownload = async () => {\n try {\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [clientOptions]);\n\n return (\n 餐飲服務費收據(弱勢長輩)
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n \n 收費方式 \n setSelectedPaymentMethod(event.target.value)}\n disabled={isLoading}\n >\n \n {/* value是'null', 會無法顯示'無', 用'none'處理 */}\n {elderPaymentMethod.map(({ value, label }) => (\n \n ))}\n \n \n
\n \n {\n setIncludeNonDisElders(e.target.checked);\n }}\n />\n }\n label={ {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n {\n setGroupByDistrict(e.target.checked);\n }}\n />\n }\n label={
\n\n \n \n 下載\n {isLoading &&
\n );\n}\n\nSelfPayingReceipt.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { sortBy } from 'utilities/sorting';\nimport { buildColumnsArray, getROCYear, getMonthDates } from '../../CountyPrsReport/workbooks/helpers';\n\n// TODO: 目前只能兩組\nconst districtPrice = [{\n districts: ['大城鄉', '竹塘鄉', '員林市', '永靖鄉'],\n price: 30,\n}, {\n districts: ['二林鎮', '北斗鎮', '田尾鄉', '芳苑鄉', '埔心鄉', '埔鹽鄉', '埤頭鄉', '溪湖鎮'],\n price: 25,\n}];\n\nexport default async function byDistrict({\n elders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth: selectedYearMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n applyDefaultDeliveryStaff = false,\n}) {\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) =>\n ['送餐', '送餐和物資', '愛心餐', '自費餐'].includes(category));\n }\n\n const [selectedYear, selectedMonth] = selectedYearMonth.split('-');\n const ROCYear = parseInt(selectedYear) - 1911;\n\n const zip = new JSZip();\n\n const workbookDeliveryStaff = new ExcelJS.Workbook();\n const worksheet = workbookDeliveryStaff.addWorksheet(`${ROCYear}${selectedMonth}送餐大使薪資表`);\n getWorksheetDeliveryStaff(worksheet, deliveryStaffs, orders, elders, selectedYearMonth, selectedMonth, applyDefaultDeliveryStaff);\n const worksheetSetting = workbookDeliveryStaff.addWorksheet('費用設定');\n getWorksheetSetting(worksheetSetting);\n try {\n if (workbookDeliveryStaff && workbookDeliveryStaff.worksheets && workbookDeliveryStaff.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookDeliveryStaff.xlsx.writeBuffer();\n zip.file(`${ROCYear}${selectedMonth}送餐大使薪資表.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedYearMonth}送餐大使薪資表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetDeliveryStaff(worksheet, deliveryStaffs = [], orders = [], elders, selectedYearMonth, selectedMonth, applyDefaultDeliveryStaff) {\n const monthDates = getMonthDates(selectedYearMonth, 'dddd');\n const deliveryStaffRows = [];\n deliveryStaffs\n .sort((a, b) => a.name > b.name ? 1 : - 1)\n .map(({ id, name }) => {\n const deliveryStaffOrders = orders.filter(({ deliveryStaffId }) => deliveryStaffId === id);\n if (deliveryStaffOrders.length === 0) {\n return;\n }\n const statistics = [];\n deliveryStaffOrders.sort(sortBy('deliveryBy')).forEach(({ mealSlot, date, elderId }) => {\n const elder = elders.find(({ id }) => id === elderId);\n if (!elder) return;\n const elderDistrict = elder.fixedDeliveryStaffFee === 0 ? `${elder.address.district}(0元)`: elder.address.district;\n const matched = statistics.find((item) => item.date === date && item.mealSlot === mealSlot && item.district === elderDistrict);\n if (matched) {\n matched.mealCount += 1;\n } else {\n statistics.push({\n date,\n mealSlot,\n district: elderDistrict,\n mealCount: 1,\n });\n }\n });\n deliveryStaffRows.push({ name, statistics });\n });\n\n const fontName = 'Calibri';\n const range = 'A:CZ';\n const columnArray = buildColumnsArray(range);\n\n const ROCYear = getROCYear(selectedYearMonth);\n\n let rowIndex = 1;\n\n const defaultBorder = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n let cell;\n worksheet.mergeCells(`A${rowIndex}:S${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `${ROCYear}年${selectedMonth}月送餐大使薪資表`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 48, name: fontName };\n rowIndex += 1;\n\n // column A\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n cell = worksheet.getCell(`A${rowIndex + 1}`);\n cell.value = '';\n cell.border = defaultBorder;\n cell = worksheet.getCell(`A${rowIndex + 2}`);\n cell.value = '日期';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach(({ label }, index) => {\n cell = worksheet.getCell(`A${rowIndex + 3 + index}`);\n cell.value = `${index + 1}(${label.replace('星期', '')})`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n ['小計', '送餐員合計', '當月總計',\n { formula: `= 費用設定!A2 & \"元數量\"` },\n { formula: `= 費用設定!A3 & \"元數量\"` },\n '0元數量', '合計薪資'].forEach((value, index) => {\n cell = worksheet.getCell(`A${rowIndex + 3 + monthDates.length + index}`);\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n\n worksheet.getColumn('A').width = 20;\n\n let columnIndex = 1;\n deliveryStaffRows.forEach(({ name, statistics }) => {\n const mealCountByPriceCells = JSON.parse(JSON.stringify(districtPrice));\n const freeCells = [];\n let currentRowIndex = rowIndex;\n const lunchDistricts = new Set(\n statistics.filter(({ mealSlot }) => mealSlot === 'lunch').map(({ district }) => district),\n );\n const lunchDistrictsCount = lunchDistricts.size;\n const dinnerDistricts = new Set(\n statistics.filter(({ mealSlot }) => mealSlot === 'dinner').map(({ district }) => district),\n );\n const dinnerDistrictsCount = dinnerDistricts.size;\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = name;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n if (lunchDistrictsCount) {\n if (lunchDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '午餐';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n }\n if (dinnerDistrictsCount) {\n if (dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n // eslint-disable-next-line max-len\n `${columnArray[columnIndex + lunchDistrictsCount]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount]}${currentRowIndex}`);\n cell.value = '晚餐';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n }\n currentRowIndex += 1;\n\n if (lunchDistrictsCount) {\n Array.from(lunchDistricts).sort().forEach((district, districtIndex) => {\n cell = worksheet.getCell(`${columnArray[columnIndex + districtIndex]}${currentRowIndex}`);\n cell.value = district;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach(({ date }, dateIndex) => {\n const matched = statistics.find((item) => item.date === date && item.mealSlot === 'lunch' && item.district === district);\n let value = '';\n if (matched) {\n value = matched.mealCount;\n }\n cell = worksheet.getCell(`${columnArray[columnIndex + districtIndex]}${currentRowIndex + dateIndex + 1}`);\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n const currentCell = `${columnArray[columnIndex + districtIndex]}${currentRowIndex + monthDates.length + 1}`;\n cell = worksheet.getCell(currentCell);\n // eslint-disable-next-line max-len\n cell.value = { formula: `=SUM(${columnArray[columnIndex + districtIndex]}5:${columnArray[columnIndex + districtIndex]}${currentRowIndex + monthDates.length})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n worksheet.getColumn(columnArray[columnIndex + districtIndex]).width = 15;\n\n let isFreeCell = true;\n mealCountByPriceCells.forEach((item, index) => {\n if (item.districts.includes(district)) {\n if (!mealCountByPriceCells[index].cells) {\n mealCountByPriceCells[index].cells = [];\n }\n mealCountByPriceCells[index].cells.push(currentCell);\n isFreeCell = false;\n }\n });\n if (isFreeCell) {\n freeCells.push(currentCell);\n }\n });\n }\n if (dinnerDistrictsCount) {\n Array.from(dinnerDistricts).sort().forEach((district, districtIndex) => {\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex}`);\n cell.value = district;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach(({ date }, dateIndex) => {\n const matched = statistics.find((item) => item.date === date && item.mealSlot === 'dinner' && item.district === district);\n let value = '';\n if (matched) {\n value = matched.mealCount;\n }\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex + dateIndex + 1}`);\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n const currentCell = `${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex + monthDates.length + 1}`;\n cell = worksheet.getCell(currentCell);\n // eslint-disable-next-line max-len\n cell.value = { formula: `=SUM(${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}5:${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex + monthDates.length})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n worksheet.getColumn(columnArray[columnIndex + lunchDistrictsCount + districtIndex]).width = 15;\n\n let isFreeCell = true;\n mealCountByPriceCells.forEach((item, index) => {\n if (item.districts.includes(district)) {\n if (!mealCountByPriceCells[index].cells) {\n mealCountByPriceCells[index].cells = [];\n }\n // eslint-disable-next-line max-len\n mealCountByPriceCells[index].cells.push(currentCell);\n isFreeCell = false;\n }\n });\n if (isFreeCell) {\n freeCells.push(currentCell);\n }\n });\n }\n currentRowIndex += monthDates.length + 2;\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n // eslint-disable-next-line max-len\n cell.value = { formula: `=SUM(${columnArray[columnIndex]}${currentRowIndex - 1}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex - 1})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n\n currentRowIndex += 1;\n\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = { formula: `=SUMPRODUCT((ISNUMBER(MATCH(\\\n${columnArray[columnIndex]}4:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}4,\\\n費用設定!B2:Z2, 0))) *\\\n(${columnArray[columnIndex]}${currentRowIndex - 3}:\\\n${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex - 3}))` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = { formula: `=SUMPRODUCT((ISNUMBER(MATCH(\\\n${columnArray[columnIndex]}4:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}4,\\\n費用設定!B3:Z3, 0))) *\\\n(${columnArray[columnIndex]}${currentRowIndex - 4}:\\\n${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex - 4}))` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = { formula: `=SUMPRODUCT((\\\nISNA(MATCH(\\\n${columnArray[columnIndex]}4:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}4,\\\n費用設定!B2:Z2, 0)) *\\\nISNA(MATCH(\\\n${columnArray[columnIndex]}4:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}4,\\\n費用設定!B3:Z3, 0))) *\\\n(${columnArray[columnIndex]}${currentRowIndex - 5}:\\\n${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex - 5}))` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n if (lunchDistrictsCount + dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = { formula: `=\\\n${columnArray[columnIndex]}${currentRowIndex - 3} * 費用設定!A2 +\\\n${columnArray[columnIndex]}${currentRowIndex - 2} * 費用設定!A3` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n\n columnIndex += lunchDistrictsCount + dinnerDistrictsCount;\n });\n\n // day total column\n {\n let currentRowIndex = rowIndex;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '當天總數';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n currentRowIndex += 1;\n monthDates.forEach((_, dateIndex) => {\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex + dateIndex}`);\n let value = '';\n if (columnIndex > 1) {\n value = { formula: `=SUM(B${currentRowIndex + dateIndex}:${columnArray[columnIndex - 1]}${currentRowIndex + dateIndex})` };\n }\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n currentRowIndex += monthDates.length;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n currentRowIndex += 1;\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = { formula: `=SUM(${columnArray[columnIndex]}5:${columnArray[columnIndex]}${monthDates.length + 4})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n let count = 0;\n while (count < 4) {\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n let value = '';\n if (columnIndex > 1) {\n value = { formula: `=SUM(B${currentRowIndex}:${columnArray[columnIndex - 1]}${currentRowIndex})` };\n }\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n count++;\n }\n worksheet.getColumn(columnArray[columnIndex]).width = 13;\n }\n\n rowIndex += monthDates.length + 10;\n worksheet.mergeCells(`A${rowIndex}:S${rowIndex + 4}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '業務承辦： 業務主管： 主任： 董事長：';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 36, name: fontName };\n\n return worksheet;\n}\n\nfunction getWorksheetSetting(worksheet) {\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n let rowIndex = 1;\n\n let cell;\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '費用';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell = worksheet.getCell(`B${rowIndex}`);\n cell.value = '鄉鎮市區';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n rowIndex += 1;\n\n worksheet.getColumn('A').width = 13;\n districtPrice.forEach(({ price, districts }) => {\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = price;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n districts.forEach((district, index) => {\n cell = worksheet.getCell(`${columnArray[index + 1]}${rowIndex}`);\n cell.value = district;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n worksheet.getColumn(columnArray[index + 1]).width = 13;\n });\n rowIndex += 1;\n });\n\n return worksheet;\n}\n","import JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { sortBy } from 'utilities/sorting';\nimport {\n buildColumnsArray,\n getROCYear,\n getMonthDates,\n} from '../../CountyPrsReport/workbooks/helpers';\n\n\nconst specialDistrictPrice = ['豐濱', '銅門', '和平'];\n\nexport default async function byTripsAndDistrict({\n elders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth: selectedYearMonth = 'YYYY-MM',\n clientName,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n applyDefaultDeliveryStaff = false,\n}) {\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) =>\n ['送餐', '送餐和物資', '愛心餐', '自費餐'].includes(category));\n }\n\n const [selectedYear, selectedMonth] = selectedYearMonth.split('-');\n const ROCYear = parseInt(selectedYear) - 1911;\n\n const zip = new JSZip();\n\n const workbookDeliveryStaff = new ExcelJS.Workbook();\n const worksheet = workbookDeliveryStaff.addWorksheet(`${ROCYear}${selectedMonth}送餐大使薪資表`);\n getWorksheetDeliveryStaff(worksheet, deliveryStaffs, orders, elders, selectedYearMonth, selectedMonth, applyDefaultDeliveryStaff);\n try {\n if (workbookDeliveryStaff && workbookDeliveryStaff.worksheets && workbookDeliveryStaff.worksheets.length > 0) {\n const bufferDataByDistrict = await workbookDeliveryStaff.xlsx.writeBuffer();\n zip.file(`${ROCYear}${selectedMonth}送餐大使薪資表.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${clientName}__${selectedYearMonth}送餐大使薪資表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetDeliveryStaff(worksheet, deliveryStaffs = [], orders = [], elders, selectedYearMonth, selectedMonth, applyDefaultDeliveryStaff) {\n const monthDates = getMonthDates(selectedYearMonth, 'dddd');\n const deliveryStaffRows = [];\n deliveryStaffs\n .sort((a, b) => a.name > b.name ? 1 : - 1)\n .map(({ id, name }) => {\n // find staff's order\n const deliveryStaffOrders = orders.filter(({ deliveryStaffId }) => deliveryStaffId === id);\n // if order =0\n if (deliveryStaffOrders.length === 0) {\n return;\n }\n // if order != 0\n const statistics = [];\n\n deliveryStaffOrders.sort(sortBy('deliveryBy')).forEach(({ mealSlot, date, elderId }) => {\n // find order's elder\n const elder = elders.find(({ id }) => id === elderId);\n if (!elder) return;\n\n\n let elderDistrict = elder.address.district;\n specialDistrictPrice.forEach((specialDistrict, _) => {\n if (Object.values(elder.address).some( (Address) =>{\n return String(Address).includes(specialDistrict);\n })) {\n elderDistrict = elderDistrict + '(偏遠)';\n }\n });\n\n\n // count district's orders\n const matched = statistics.find((item) => item.date === date && item.mealSlot === mealSlot && item.district === elderDistrict);\n if (matched) {\n matched.mealCount += 1;\n } else {\n statistics.push({\n date,\n mealSlot,\n district: elderDistrict,\n mealCount: 1,\n });\n }\n });\n deliveryStaffRows.push({ name, statistics });\n });\n\n\n const fontName = 'Calibri';\n const range = 'A:CZ';\n const columnArray = buildColumnsArray(range);\n\n const ROCYear = getROCYear(selectedYearMonth);\n\n let rowIndex = 1;\n\n const defaultBorder = { top: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' }, left: { style: 'thin' } };\n\n let cell;\n worksheet.mergeCells(`A${rowIndex}:S${rowIndex}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = `${ROCYear}年${selectedMonth}月送餐大使薪資表`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 48, name: fontName };\n rowIndex += 1;\n\n // column A\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '';\n cell.border = defaultBorder;\n cell = worksheet.getCell(`A${rowIndex + 1}`);\n cell.value = '';\n cell.border = defaultBorder;\n cell = worksheet.getCell(`A${rowIndex + 2}`);\n cell.value = '日期';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach(({ label }, index) => {\n cell = worksheet.getCell(`A${rowIndex + 3 + index}`);\n cell.value = `${index + 1}(${label.replace('星期', '')})`;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n ['小計', '送餐員合計', '總送餐日', '當月最高日薪', '合計薪資'].forEach((value, index) => {\n cell = worksheet.getCell(`A${rowIndex + 3 + monthDates.length + index}`);\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n\n worksheet.getColumn('A').width = 20;\n\n let columnIndex = 1;\n deliveryStaffRows.forEach(({ name, statistics }) => {\n let currentRowIndex = rowIndex;\n const lunchDistricts = new Set(\n statistics.filter(({ mealSlot }) => mealSlot === 'lunch').map(({ district }) => district),\n );\n const lunchDistrictsCount = lunchDistricts.size;\n const dinnerDistricts = new Set(\n statistics.filter(({ mealSlot }) => mealSlot === 'dinner').map(({ district }) => district),\n );\n const dinnerDistrictsCount = dinnerDistricts.size;\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = name;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n // title\n if (lunchDistrictsCount) {\n if (lunchDistrictsCount > 1) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n cell.value = '午餐';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n }\n if (dinnerDistrictsCount) {\n if (dinnerDistrictsCount > 1) {\n worksheet.mergeCells(\n // eslint-disable-next-line max-len\n `${columnArray[columnIndex + lunchDistrictsCount]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount]}${currentRowIndex}`);\n cell.value = '晚餐';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n }\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`);\n cell.value = '當日薪資';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n worksheet.getColumn(columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]).width = 15;\n }\n currentRowIndex += 1;\n\n // 填值\n if (lunchDistrictsCount) {\n Array.from(lunchDistricts).sort().forEach((district, districtIndex) => {\n cell = worksheet.getCell(`${columnArray[columnIndex + districtIndex]}${currentRowIndex}`);\n // fill distict\n cell.value = district;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n\n // fill each day's meals\n monthDates.forEach(({ date }, dateIndex) => {\n const matched = statistics.find((item) => item.date === date && item.mealSlot === 'lunch' && item.district === district);\n let value = '';\n if (matched) {\n value = matched.mealCount;\n }\n cell = worksheet.getCell(`${columnArray[columnIndex + districtIndex]}${currentRowIndex + dateIndex + 1}`);\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n\n //\n const currentCell = `${columnArray[columnIndex + districtIndex]}${currentRowIndex + monthDates.length + 1}`;\n cell = worksheet.getCell(currentCell);\n // 計算小計\n // eslint-disable-next-line max-len\n cell.value = { formula: `SUM(${columnArray[columnIndex + districtIndex]}5:${columnArray[columnIndex + districtIndex]}${currentRowIndex + monthDates.length})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n worksheet.getColumn(columnArray[columnIndex + districtIndex]).width = 25;\n });\n }\n if (dinnerDistrictsCount) {\n Array.from(dinnerDistricts).sort().forEach((district, districtIndex) => {\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex}`);\n\n cell.value = district;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n monthDates.forEach(({ date }, dateIndex) => {\n const matched = statistics.find((item) => item.date === date && item.mealSlot === 'dinner' && item.district === district);\n let value = '';\n if (matched) {\n value = matched.mealCount;\n }\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex + dateIndex + 1}`);\n cell.value = value;\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n const currentCell = `${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex + monthDates.length + 1}`;\n cell = worksheet.getCell(currentCell);\n // eslint-disable-next-line max-len\n cell.value = { formula: `SUM(${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}5:${columnArray[columnIndex + lunchDistrictsCount + districtIndex]}${currentRowIndex + monthDates.length})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n worksheet.getColumn(columnArray[columnIndex + lunchDistrictsCount + districtIndex]).width = 25;\n });\n }\n // 計算當日薪資\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`);\n cell.border = defaultBorder;\n // 計算非偏遠地區的數量 * 錢 + 偏遠地區 * 500\n monthDates.forEach(({ date }, dateIndex) => {\n const notRemoteOrder = statistics.filter((item) =>{\n return item.date == date && !item.district.includes('偏遠');\n } );\n const notRemoteOrderCount = Object.values(notRemoteOrder).reduce((acc, { mealCount }) => acc + mealCount, 0);\n const RemoteOrder = statistics.filter((item) =>{\n return item.date == date && item.district.includes('偏遠');\n } );\n const RemoteOrderCount = Object.values(RemoteOrder).reduce((acc, { mealCount }) => acc + mealCount, 0);\n\n let dailySalary = 0;\n if (notRemoteOrderCount > 0) {\n dailySalary = 200 + 50 * Math.floor((notRemoteOrderCount-1) / 5 );\n }\n\n if (RemoteOrderCount > 0) {\n dailySalary = dailySalary + 500;\n }\n\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex + dateIndex + 1}`);\n if (dailySalary > 0) {\n cell.value = dailySalary;\n }\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n });\n\n cell = worksheet.getCell(`${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex + monthDates.length + 1}`);\n cell.border = defaultBorder;\n }\n\n //\n // 計算送餐員合計\n currentRowIndex += monthDates.length + 2;\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n // eslint-disable-next-line max-len\n cell.value = { formula: `SUM(${columnArray[columnIndex]}${currentRowIndex - 1}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount - 1]}${currentRowIndex - 1})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n // 總送餐日\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n // eslint-disable-next-line max-len\n cell.value = { formula: `COUNTA(${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}5:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${monthDates.length + 4})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n currentRowIndex += 1;\n\n // 每月最高日薪\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n // eslint-disable-next-line max-len\n cell.value = { formula: `MAX(${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}5:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${monthDates.length + 4})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n\n currentRowIndex += 1;\n\n // 合計薪資\n\n if (lunchDistrictsCount + dinnerDistrictsCount > 0) {\n worksheet.mergeCells(\n `${columnArray[columnIndex]}${currentRowIndex}:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${currentRowIndex}`,\n );\n }\n cell = worksheet.getCell(`${columnArray[columnIndex]}${currentRowIndex}`);\n // eslint-disable-next-line max-len\n cell.value = { formula: `${columnArray[columnIndex]}${currentRowIndex -1} *COUNTA(${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}5:${columnArray[columnIndex + lunchDistrictsCount + dinnerDistrictsCount]}${monthDates.length + 4})` };\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 16, name: fontName };\n cell.border = defaultBorder;\n\n columnIndex += lunchDistrictsCount + dinnerDistrictsCount + 1;\n });\n\n rowIndex += monthDates.length + 10;\n worksheet.mergeCells(`A${rowIndex}:S${rowIndex + 4}`);\n cell = worksheet.getCell(`A${rowIndex}`);\n cell.value = '業務承辦： 業務主管： 主任： 董事長：';\n cell.alignment = { horizontal: 'center', vertical: 'middle' };\n cell.font = { size: 36, name: fontName };\n\n\n return worksheet;\n}\n\n\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport LabelWithToolTip from '../LabelWithToolTip';\nimport {\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\n\nimport byDistrict from './workbooks/byDistrict';\nimport byTripsAndDistrict from './workbooks/byTripsAndDistrict';\n\nimport {\n getEldersByClientByStatus,\n getOrdersByClientByDate,\n} from '../queries';\n\nimport { processShareOrder, processDisadvantagedTypes } from '../CountyPrsReport/workbooks/helpers';\n\nconst calculations = [{\n label: '依送餐地區',\n func: byDistrict,\n},\n{\n label: '依趟數及送餐地區',\n func: byTripsAndDistrict,\n}];\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nexport default function DeliveryStaffSalary({ clientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [message, setMessage] = useState('');\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [selectedCalculation, setSelectedCalculation] = useState(calculations[0].label);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeNonDisElders, setIncludeNonDisElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n // const monthString = from.format('YYYY/MM');\n const period = `${fromDate}__${toDate}`;\n const {\n id: clientId,\n name,\n facilitySettings: { dba },\n } = clientOptions.find(({ id }) => id === selectedClientId);\n\n const clientName = dba || name;\n\n global.logger.debug({\n selectedClientId,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n elders,\n orders,\n ] = await Promise.all([\n asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n filter: includeNonDisElders ? undefined : {\n isDisadvantaged: {\n eq: 1,\n },\n },\n limit: 1000,\n }),\n asyncListAll(getOrdersByClientByDate, {\n clientId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n ]);\n\n const deliveryStaffIds = [];\n orders.forEach(({ deliveryStaffId, elderId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n const elder = elders.find(({ id }) => id === elderId);\n if (elder?.defaultDeliveryStaffId && !deliveryStaffIds.includes(elder.defaultDeliveryStaffId)) {\n deliveryStaffIds.push(elder.defaultDeliveryStaffId);\n }\n });\n\n const deliveryStaffs = await Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n username\n identificationCardId\n birthday\n address {\n county\n district\n street\n }\n }\n }\n `, { id });\n\n return data;\n }));\n\n processShareOrder(elders, orders);\n processDisadvantagedTypes(selectedMonth, elders);\n\n const matched = calculations.find(({ label }) => label === selectedCalculation);\n if (matched) {\n await matched.func({ elders, orders, deliveryStaffs, selectedMonth, clientName,\n includeUndeliveredOrders, excludeNonFoodDeliveryOrders });\n }\n return;\n };\n\n const triggerDownload = async () => {\n try {\n setMessage('');\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n }\n }, [clientOptions]);\n\n return (\n 餐飲服務費收據(自費戶)
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n \n 收費方式 \n setSelectedPaymentMethod(event.target.value)}\n disabled={isLoading}\n >\n \n {/* value是'null', 會無法顯示'無', 用'none'處理 */}\n {elderPaymentMethod.map(({ value, label }) => (\n \n ))}\n \n \n
\n \n {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n {\n setGroupByDistrict(e.target.checked);\n }}\n />\n }\n label={
\n\n \n \n 下載\n {isLoading &&
\n );\n}\n\nDeliveryStaffSalary.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { elderPaymentMethod } from '@silvergatedelivery/constants';\nimport {\n counties,\n TIME_ZONE,\n} from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\nimport {\n getEldersByClientByStatus,\n getOrdersByClientByDate,\n getPandagoOrdersByOrderByCreatedAt,\n} from './queries';\nimport { getClient } from 'graphql/queries';\nimport { processShareOrder, processDisadvantagedTypes, buildColumnsArray } from './CountyPrsReport/workbooks/helpers';\nimport JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { toastr } from 'react-redux-toastr';\nimport LabelWithToolTip from './LabelWithToolTip';\n\nconst monthOptions = Array(10).fill('').map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n});\n\nasync function writeReport({\n county: inCounty,\n elders: allElders,\n orders: allOrders,\n deliveryStaffs,\n selectedMonth: selectedYearMonth = 'YYYY-MM',\n client,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n selectedPaymentMethod = 'all',\n}) {\n let elders = allElders.filter(({ address }) => address.county === inCounty);\n if (selectedPaymentMethod !== 'all') {\n if (selectedPaymentMethod === 'none') {\n elders = elders.filter(({ paymentMethod }) => paymentMethod === null);\n } else {\n elders = elders.filter(({ paymentMethod }) => paymentMethod === selectedPaymentMethod);\n }\n }\n if (elders.length == 0) {\n toastr.error('沒有符合設定條件的送餐對象');\n }\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat(['ready', 'readyForPickup', 'delivering']);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(({ category }) =>\n ['送餐', '送餐和物資', '愛心餐', '自費餐'].includes(category));\n }\n if (orders.length === 0) {\n toastr.error('沒有符合設定條件的訂單');\n }\n const zip = new JSZip();\n\n const workbook = new ExcelJS.Workbook();\n const [selectedYear, selectedMonth] = selectedYearMonth.split('-');\n const ROCYear = parseInt(selectedYear) - 1911;\n const worksheet = workbook.addWorksheet(`${ROCYear}${selectedMonth}會計對賬與簡訊表`);\n getWorksheetElder(worksheet, client, elders, orders, deliveryStaffs, selectedMonth);\n\n try {\n if (workbook && workbook.worksheets && workbook.worksheets.length > 0) {\n const bufferDataByDistrict = await workbook.xlsx.writeBuffer();\n zip.file(`${ROCYear}${selectedMonth}會計對賬與簡訊表.xlsx`, bufferDataByDistrict, { binary: true });\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${ROCYear}${selectedMonth}會計對賬與簡訊表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetElder(worksheet, client, elders, orders = [], deliveryStaffs, selectedMonth) {\n let clientCopaymentSetting;\n if (client?.facilitySettings?.receiptSettings) {\n const { originalPrice = 0, copaymentSettings = [] } = client?.facilitySettings?.receiptSettings;\n if (originalPrice && copaymentSettings.length !== 0) {\n clientCopaymentSetting = {\n originalPrice,\n };\n copaymentSettings.forEach(({ disadvantagedType, disadvantagedLabel, copayment }) => {\n clientCopaymentSetting[disadvantagedType] = {\n label: disadvantagedLabel,\n value: copayment,\n };\n });\n }\n }\n\n if (!clientCopaymentSetting) {\n toastr.error('請先新增收據費用設定');\n return;\n }\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const columnWidth = [9, 12, 15, 9, 9, 12, 12, 12, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 70];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n let rowIndex = 1;\n\n let cell;\n ['姓名', '身份證字號', '繳費方式', '身份別', '長照等級', '聯絡電話', '午餐送餐員', '晚餐送餐員', '居服員', '午餐次數',\n '晚餐次數', '用餐總次數', '補助次數', '自購次數', '部分負擔', '自購費用', '耗材費', '加飯菜費', '總費用', '匯款簡訊']\n .forEach((header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 11, name: fontName };\n });\n rowIndex += 1;\n\n elders.sort((a, b) => a.name > b.name ? 1 : -1).forEach((elder) => {\n const {\n id,\n name,\n identificationCardId,\n disadvantagedTypesSlot,\n cmsLevel,\n phoneNumber,\n paymentMethod,\n } = elder;\n const elderOrders = orders.filter(({ elderId }) => elderId === id);\n\n if (disadvantagedTypesSlot && disadvantagedTypesSlot.length !== 0) {\n disadvantagedTypesSlot.forEach(({ start, end, type }) => {\n const filterOrders = elderOrders.filter(({ date }) => date >= start && date < end);\n const nonSelfPayOrders = filterOrders.filter(({ date, category }) => {\n if (!['一般', '一般戶'].includes(type)) { // 弱勢長輩的\"送餐\"和\"送餐和物資\"訂單\n if (['送餐', '送餐和物資'].includes(category)) {\n return true;\n }\n }\n return false;\n });\n const selfPayOrders = filterOrders.filter(({ date, category }) => {\n if (!['一般', '一般戶'].includes(type)) { // 弱勢長輩的\"自費餐\"訂單\n if (['自費餐'].includes(category)) {\n return true;\n }\n return false;\n }\n return true;\n });\n if (selfPayOrders.length === 0 && nonSelfPayOrders.length === 0) {\n return;\n }\n if ((!clientCopaymentSetting || clientCopaymentSetting[type] === undefined) && type !== '一般' && type !== '一般戶') {\n toastr.warning(`${elder.name}的\"${type}\"身份沒有對應的收據費用設定`);\n console.error(`${elder.name}的\"${type}\"身份沒有對應的收據費用設定`);\n return;\n }\n console.log(nonSelfPayOrders);\n console.log(selfPayOrders);\n const copayment = clientCopaymentSetting[type]?.value || 0;\n const nonSelfPayLunchCount = nonSelfPayOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length;\n const nonSelfPayDinnerCount = nonSelfPayOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length;\n const selfPayLunchCount = selfPayOrders.filter(({ mealSlot }) => mealSlot === 'lunch').length;\n const selfPayDinnerCount = selfPayOrders.filter(({ mealSlot }) => mealSlot === 'dinner').length;\n const lunchOrderWithDeliveryStaff = filterOrders.find(({ mealSlot, deliveryStaffId }) => mealSlot === 'lunch' && deliveryStaffId);\n let lunchDeliveryStaff;\n if (lunchOrderWithDeliveryStaff) {\n lunchDeliveryStaff = deliveryStaffs.find(({ id }) => id === lunchOrderWithDeliveryStaff.deliveryStaffId);\n }\n const dinnerOrderWithDeliveryStaff = filterOrders.find(({ mealSlot, deliveryStaffId }) => mealSlot === 'dinner' && deliveryStaffId);\n let dinnerDeliveryStaff;\n if (dinnerOrderWithDeliveryStaff) {\n dinnerDeliveryStaff = deliveryStaffs.find(({ id }) => id === dinnerOrderWithDeliveryStaff.deliveryStaffId);\n }\n let selfPayTotalPrice = 0;\n let nonSelfPayTotalPrice = 0;\n let paperBoxTotalPrice = 0;\n let addFoodTotalPrice = 0;\n selfPayOrders.forEach(({ mealItems }) => {\n mealItems.forEach(({ price, surcharges }) => {\n selfPayTotalPrice += price;\n if (surcharges?.length) {\n const paperBox = surcharges.find(({ name }) => name === '紙盒');\n if (paperBox) {\n selfPayTotalPrice -= paperBox.price;\n paperBoxTotalPrice += paperBox.price;\n }\n const addFood = surcharges.find(({ name }) => name === '加飯菜');\n if (addFood) {\n selfPayTotalPrice -= addFood.price;\n addFoodTotalPrice += addFood.price;\n }\n }\n });\n });\n nonSelfPayOrders.forEach(({ mealItems }) => {\n mealItems.forEach(({ surcharges }) => {\n if (surcharges?.length) {\n const paperBox = surcharges.find(({ name }) => name === '紙盒');\n if (paperBox) {\n paperBoxTotalPrice += paperBox.price;\n }\n const addFood = surcharges.find(({ name }) => name === '加飯菜');\n if (addFood) {\n addFoodTotalPrice += addFood.price;\n }\n }\n });\n });\n nonSelfPayTotalPrice = (nonSelfPayLunchCount + nonSelfPayDinnerCount) * copayment;\n let smsMessage = '';\n if (paymentMethod === '匯款-簡訊通知') {\n const total = selfPayTotalPrice + nonSelfPayTotalPrice + paperBoxTotalPrice + addFoodTotalPrice;\n let mealDetail = `共${nonSelfPayLunchCount + nonSelfPayDinnerCount + selfPayLunchCount + selfPayDinnerCount}餐`;\n if (paperBoxTotalPrice) {\n mealDetail += `、紙盒費 ${paperBoxTotalPrice} 元`;\n }\n if (addFoodTotalPrice) {\n mealDetail += `、加飯菜費 ${addFoodTotalPrice} 元`;\n }\n smsMessage = `您好，通知長輩 ${name} ${selectedMonth}月份送餐費用共 ${total}元 (${mealDetail}）\\n\\\n煩請在15日前匯款完成，謝謝。\\n\\\n匯款帳戶：合作金庫溪湖分行 (006) 1184-717-038026\\n\\\n戶名：財團法人彰化縣私立慈恩社會福利慈善事業基金會附設彰化縣私立慈恩居家式服務類長期照顧服務機構\\n\\\n有任何問題可來電：04-8683143慈恩送餐`;\n }\n const elderRowValue = [\n name, identificationCardId || '', paymentMethod || '',\n ['一般', '一般戶'].includes(type) ? '全自購' : type,\n cmsLevel || '',\n phoneNumber || '',\n lunchDeliveryStaff?.name || '', // 午餐送餐員 // 慈恩說可以略過，不過還是先放某張訂單的大使\n dinnerDeliveryStaff?.name || '', // 晚餐餐送餐員 // 慈恩說可以略過，不過還是先放某張訂單的大使\n '', // 居服員 // 慈恩說不用放\n nonSelfPayLunchCount + selfPayLunchCount,\n nonSelfPayDinnerCount + selfPayDinnerCount,\n nonSelfPayLunchCount + selfPayLunchCount + nonSelfPayDinnerCount + selfPayDinnerCount,\n nonSelfPayLunchCount + nonSelfPayDinnerCount,\n selfPayLunchCount + selfPayDinnerCount,\n nonSelfPayTotalPrice, // 部分負擔\n selfPayTotalPrice, // 自購費用\n paperBoxTotalPrice, // 耗材費\n addFoodTotalPrice, // 加飯費\n selfPayTotalPrice + nonSelfPayTotalPrice + paperBoxTotalPrice + addFoodTotalPrice, // 總費用\n smsMessage,\n ];\n elderRowValue.forEach((value, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = value;\n cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };\n cell.font = { size: 11, name: fontName };\n });\n\n rowIndex += 1;\n });\n }\n });\n\n return worksheet;\n}\n\nexport default function AccountingSMS({ clientOptions = [] }) {\n const [isLoading, setIsLoading] = useState(false);\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeNonDisElders, setIncludeNonDisElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] = useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] = useState(false);\n const [selectedPaymentMethod, setSelectedPaymentMethod] = useState('all');\n const excludeNonFoodDeliveryOrders = false;\n\n const collectData = async () => {\n const from = moment(selectedMonth).tz(TIME_ZONE).startOf('month');\n const to = moment(selectedMonth).tz(TIME_ZONE).endOf('month');\n const fromDate = from.format('YYYY-MM-DD');\n const toDate = to.format('YYYY-MM-DD');\n const fromISOString = from.toISOString();\n const toISOString = to.toISOString();\n // const monthString = from.format('YYYY/MM');\n const period = `${fromDate}__${toDate}`;\n const { id: clientId } = clientOptions.find(({ id }) => id === selectedClientId);\n\n global.logger.debug({\n selectedClientId,\n period,\n selectedMonth,\n fromDate,\n toDate,\n fromISOString,\n toISOString,\n });\n\n const [\n elders,\n orders,\n { data: { getClient: client } },\n ] = await Promise.all([\n asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n filter: includeNonDisElders ? undefined : {\n isDisadvantaged: {\n eq: 1,\n },\n },\n limit: 1000,\n }),\n asyncListAll(getOrdersByClientByDate, {\n clientId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n request(getClient, { id: clientId }),\n ]);\n\n const deliveryStaffIds = [];\n orders.forEach(({ deliveryStaffId }) => {\n if (deliveryStaffId && !deliveryStaffIds.includes(deliveryStaffId)) {\n deliveryStaffIds.push(deliveryStaffId);\n }\n });\n\n let pandagoDeliveryStaffId;\n const deliveryStaffs = await Promise.all(deliveryStaffIds.map(async (id) => {\n const { data: { getDeliveryStaff: data } } = await request( /* GraphQL */ `\n query GetDeliveryStaff($id: ID!) {\n getDeliveryStaff(id: $id) {\n id\n name\n username\n identificationCardId\n }\n }\n `, { id });\n\n if (data.username === 'pandago') {\n pandagoDeliveryStaffId = id;\n }\n\n return data;\n }));\n\n const pandagoOrders = await Promise.all(orders\n .filter(({ deliveryStaffId }) => deliveryStaffId === pandagoDeliveryStaffId)\n .map(async ({ id: orderId }) => {\n const [pandagoOrder] = await asyncListAll(getPandagoOrdersByOrderByCreatedAt, {\n orderId,\n limit: 1,\n });\n\n return pandagoOrder;\n }));\n\n processShareOrder(elders, orders);\n processDisadvantagedTypes(selectedMonth, elders);\n\n writeReport({\n county: selectedCounty,\n elders, orders, deliveryStaffs, pandagoOrders, selectedMonth, client, includeUndeliveredOrders, excludeNonFoodDeliveryOrders,\n selectedPaymentMethod,\n });\n };\n\n const triggerDownload = async () => {\n try {\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [clientOptions]);\n\n return (\n 送餐大使薪資表
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 薪資計算方法 \n setSelectedCalculation(event.target.value)}\n disabled={isLoading}\n >\n {calculations.map(({ label }) => (\n \n ))}\n \n \n
\n \n {\n setIncludeNonDisElders(e.target.checked);\n }}\n />\n }\n label={ {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n />\n
\n\n \n {message}\n
\n\n \n 下載\n {isLoading &&
\n );\n}\n\nAccountingSMS.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport moment from 'moment-timezone';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport AutoSelect from 'forms/AdminBulkOrderForm/AutoSelect';\nimport { counties } from '@silvergatedelivery/constants';\nimport { asyncListAll, request } from 'utilities/graph';\nimport { getEldersByClientByStatus, getOrdersByClientByDate } from './queries';\nimport { getClient } from 'graphql/queries';\nimport {\n processShareOrder,\n processDisadvantagedTypes,\n buildColumnsArray,\n getWeeksOfMonth,\n} from './CountyPrsReport/workbooks/helpers';\nimport JSZip from 'jszip';\nimport { download } from 'utilities/file';\nimport ExcelJS from 'exceljs';\nimport { toastr } from 'react-redux-toastr';\nimport LabelWithToolTip from './LabelWithToolTip';\n\nconst monthOptions = Array(10)\n .fill('')\n .map((x, index) => {\n return moment().add(-index, 'months').format('YYYY-MM');\n });\n\nasync function writeReport({\n county: inCounty,\n elders: allElders,\n orders: allOrders,\n selectedMonth: selectedYearMonth = 'YYYY-MM',\n client,\n includeUndeliveredOrders = false,\n excludeNonFoodDeliveryOrders = false,\n}) {\n const elders = allElders.filter(({ address }) => address.county === inCounty);\n if (elders.length == 0) {\n toastr.error('沒有符合設定條件的送餐對象');\n }\n let includedOrderStatus = ['delivered', 'completed'];\n if (includeUndeliveredOrders) {\n includedOrderStatus = includedOrderStatus.concat([\n 'ready',\n 'readyForPickup',\n 'delivering',\n ]);\n }\n let orders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n if (excludeNonFoodDeliveryOrders) {\n orders = orders.filter(\n ({ category }) =>\n ['送餐', '送餐和物資', '愛心餐', '自費餐'].includes(category));\n }\n if (orders.length === 0) {\n toastr.error('沒有符合設定條件的訂單');\n }\n\n const zip = new JSZip();\n\n const workbook = new ExcelJS.Workbook();\n const [selectedYear, selectedMonth] = selectedYearMonth.split('-');\n const ROCYear = parseInt(selectedYear) - 1911;\n const firstDayOfMonth = moment(selectedYearMonth, 'YYYY-MM')\n .startOf('month')\n .format('YYYY-MM-DD');\n const lastDayOfMonth = moment(selectedYearMonth, 'YYYY-MM')\n .endOf('month')\n .format('YYYY-MM-DD');\n\n // 月統計\n const worksheetCountry = workbook.addWorksheet(\n `${ROCYear}${selectedMonth}依鄉鎮`,\n );\n getWorksheetClassifyByCountry(\n worksheetCountry,\n elders,\n orders,\n firstDayOfMonth,\n lastDayOfMonth,\n );\n\n const worksheetIdentity = workbook.addWorksheet(\n `${ROCYear}${selectedMonth}依身分別`,\n );\n getWorksheetClassifyByIdentity(\n worksheetIdentity,\n elders,\n orders,\n firstDayOfMonth,\n lastDayOfMonth,\n );\n\n const worksheetByLevel = workbook.addWorksheet(\n `${ROCYear}${selectedMonth}依等級`,\n );\n getWorksheetClassifyByLevel(\n worksheetByLevel,\n elders,\n orders,\n firstDayOfMonth,\n lastDayOfMonth,\n );\n\n const worksheetByGender = workbook.addWorksheet(\n `${ROCYear}${selectedMonth}依性別`,\n );\n getWorksheetClassifyByGender(\n worksheetByGender,\n elders,\n orders,\n firstDayOfMonth,\n lastDayOfMonth,\n );\n\n const worksheetByPay = workbook.addWorksheet(\n `${ROCYear}${selectedMonth}依補助_自購`,\n );\n getWorksheetClassifyByPay(\n worksheetByPay,\n elders,\n orders,\n firstDayOfMonth,\n lastDayOfMonth,\n );\n\n // 週統計\n const weeksOfMonth = getWeeksOfMonth(selectedYearMonth);\n\n const periodOrders = allOrders\n .filter(({ elderId }) => elders.some(({ id }) => id === elderId))\n .filter(({ status }) => includedOrderStatus.includes(status));\n\n weeksOfMonth.forEach(({ start, end }) => {\n const [startYear, startMonth, startDay] = start.split('-');\n const [, endMonth, endDay] = end.split('-');\n const ROCYear = parseInt(startYear) - 1911;\n const ordersInPeriod = periodOrders.filter(\n ({ date }) => date >= start && date <= end,\n );\n const worksheetCountry = workbook.addWorksheet(\n `${ROCYear}${startMonth}${startDay}-${endMonth}${endDay}依鄉鎮`,\n );\n getWorksheetClassifyByCountry(\n worksheetCountry,\n elders,\n ordersInPeriod,\n start,\n end,\n );\n\n const worksheetIdentity = workbook.addWorksheet(\n `${ROCYear}${startMonth}${startDay}-${endMonth}${endDay}依身分別`,\n );\n getWorksheetClassifyByIdentity(\n worksheetIdentity,\n elders,\n ordersInPeriod,\n start,\n end,\n );\n\n const worksheetByLevel = workbook.addWorksheet(\n `${ROCYear}${startMonth}${startDay}-${endMonth}${endDay}依等級`,\n );\n getWorksheetClassifyByLevel(\n worksheetByLevel,\n elders,\n ordersInPeriod,\n start,\n end,\n );\n\n const worksheetByGender = workbook.addWorksheet(\n `${ROCYear}${startMonth}${startDay}-${endMonth}${endDay}依性別`,\n );\n getWorksheetClassifyByGender(\n worksheetByGender,\n elders,\n ordersInPeriod,\n start,\n end,\n );\n\n const worksheetByPay = workbook.addWorksheet(\n `${ROCYear}${startMonth}${startDay}-${endMonth}${endDay}依補助_自購`,\n );\n getWorksheetClassifyByPay(\n worksheetByPay,\n elders,\n ordersInPeriod,\n start,\n end,\n );\n });\n\n try {\n if (workbook && workbook.worksheets && workbook.worksheets.length > 0) {\n const bufferDataByDistrict = await workbook.xlsx.writeBuffer();\n zip.file(\n `${ROCYear}${selectedMonth}服務使用者分類統計表.xlsx`,\n bufferDataByDistrict,\n { binary: true },\n );\n }\n } catch (e) {\n console.error(e);\n }\n\n const files = Object.keys(zip.files);\n if (files.length !== 0) {\n const zipContent = zip.generate({ type: 'blob' });\n download(`${ROCYear}${selectedMonth}服務使用者分類統計表.zip`, zipContent);\n }\n}\n\nfunction getWorksheetClassifyByCountry(\n worksheet,\n elders,\n orders = [],\n startDay,\n endDay,\n) {\n // 每區elders 數量\n const periodOrders = orders.filter(\n ({ date }) => date >= startDay && date <= endDay,\n );\n const elderIds = [...new Set(periodOrders.map((item) => item.elderId))];\n const districtCounts = {};\n\n elderIds.forEach((elderId) => {\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const district = elderInfo.address.district;\n\n if (!districtCounts[district]) {\n districtCounts[district] = 0;\n }\n\n districtCounts[district] += 1;\n });\n\n // 午晚餐數量\n const mealCounts = periodOrders.reduce((acc, order) => {\n const elderInfo = elders.find((elder) => elder.id === order.elderId);\n if (!elderInfo) {\n console.log(`can not find elder ${order.elderId} for order ${order.id}`);\n return;\n }\n\n const district = elderInfo.address.district;\n\n if (!acc[district]) {\n acc[district] = { lunch: 0, dinner: 0 };\n }\n\n const mealCount = order.mealItems.reduce(\n (sum, item) => sum + item.quantity,\n 0,\n );\n acc[district][order.mealSlot] += mealCount;\n\n return acc;\n }, {});\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const columnWidth = [10, 10, 10, 10, 10];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n let rowIndex = 1;\n\n // 標題\n let cell;\n ['項目', '個案數', '全部數量', '午餐數量', '晚餐數量'].forEach(\n (header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 11, name: fontName };\n },\n );\n rowIndex += 1;\n\n Object.entries(districtCounts).forEach(([district, count]) => {\n worksheet.getCell(`A${rowIndex}`).value = district;\n worksheet.getCell(`B${rowIndex}`).value = count;\n // 午晚餐數量\n const mealCount = mealCounts[district] || { lunch: 0, dinner: 0 };\n worksheet.getCell(`D${rowIndex}`).value = mealCount.lunch;\n worksheet.getCell(`E${rowIndex}`).value = mealCount.dinner;\n // 總數\n worksheet.getCell(`C${rowIndex}`).value = {\n formula: `D${rowIndex} + E${rowIndex}`,\n };\n\n rowIndex++;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetClassifyByIdentity(\n worksheet,\n elders,\n orders = [],\n startDay,\n endDay,\n) {\n // elders 身分別數量\n const periodOrders = orders.filter(\n ({ date }) => date >= startDay && date <= endDay,\n );\n\n const elderIds = [...new Set(periodOrders.map((item) => item.elderId))];\n const identityCounts = {};\n\n elderIds.forEach((elderId, _) => {\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const { disadvantagedTypesSlot } = elderInfo;\n if (disadvantagedTypesSlot.length != 0) {\n disadvantagedTypesSlot.forEach(({ start: slotStart, end: slotEnd, type: identity }) => {\n if (slotStart <= endDay && startDay <= slotEnd) {\n if (!identityCounts[identity]) {\n identityCounts[identity] = 0;\n }\n identityCounts[identity] += 1;\n }\n });\n } else {\n if (!identityCounts['未設定']) {\n identityCounts['未設定'] = 0;\n }\n identityCounts['未設定'] += 1;\n }\n });\n\n // 午晚餐數量\n const mealCounts = periodOrders.reduce((acc, order) => {\n const elderId = order.elderId;\n const elderInfo = elders.find((elder) => elder.id === elderId);\n if (elderInfo.disadvantagedTypesSlot) {\n elderInfo.disadvantagedTypesSlot.forEach(({ start: slotStart, end: slotEnd, type: identity }) => {\n if (order.date >= slotStart && order.date <= slotEnd) {\n if (!acc[identity]) {\n acc[identity] = { lunch: 0, dinner: 0 };\n }\n\n const mealCount = order.mealItems.reduce(\n (sum, item) => sum + item.quantity,\n 0,\n );\n acc[identity][order.mealSlot] += mealCount;\n }\n });\n }\n\n return acc;\n }, {});\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const columnWidth = [10, 10, 10, 10, 10];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n let rowIndex = 1;\n\n // 標題\n let cell;\n ['項目', '個案數', '全部數量', '午餐數量', '晚餐數量'].forEach(\n (header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 11, name: fontName };\n },\n );\n rowIndex += 1;\n Object.entries(identityCounts).forEach(([identity, count]) => {\n worksheet.getCell(`A${rowIndex}`).value = identity;\n worksheet.getCell(`B${rowIndex}`).value = count;\n // 午晚餐數量\n const mealCount = mealCounts[identity] || { lunch: 0, dinner: 0 };\n worksheet.getCell(`D${rowIndex}`).value = mealCount.lunch;\n worksheet.getCell(`E${rowIndex}`).value = mealCount.dinner;\n // 總數\n worksheet.getCell(`C${rowIndex}`).value = {\n formula: `D${rowIndex} + E${rowIndex}`,\n };\n\n rowIndex++;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetClassifyByGender(\n worksheet,\n elders,\n orders = [],\n startDay,\n endDay,\n) {\n // elders 性別數量\n const periodOrders = orders.filter(\n ({ date }) => date >= startDay && date <= endDay,\n );\n const elderIds = [...new Set(periodOrders.map((item) => item.elderId))];\n const genderCounts = {};\n\n elderIds.forEach((elderId, _) => {\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const gender = elderInfo.gender;\n\n if (!genderCounts[gender]) {\n genderCounts[gender] = 0;\n }\n\n genderCounts[gender] += 1;\n });\n\n // 午晚餐數量\n const mealCounts = periodOrders.reduce((acc, order) => {\n if (order.date <= endDay && order.date >= startDay) {\n const elderId = order.elderId;\n const elderInfo = elders.find((elder) => elder.id === elderId);\n if (!acc[elderInfo.gender]) {\n acc[elderInfo.gender] = { lunch: 0, dinner: 0 };\n }\n\n const mealCount = order.mealItems.reduce(\n (sum, item) => sum + item.quantity,\n 0,\n );\n acc[elderInfo.gender][order.mealSlot] += mealCount;\n }\n return acc;\n }, {});\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const columnWidth = [10, 10, 10, 10, 10];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n let rowIndex = 1;\n\n // 標題\n let cell;\n ['項目', '個案數', '全部數量', '午餐數量', '晚餐數量'].forEach(\n (header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 11, name: fontName };\n },\n );\n rowIndex += 1;\n\n const genderType = ['male', 'female'];\n\n genderType.forEach((val, _) => {\n const gender = val === 'male' ? '男' : '女';\n\n worksheet.getCell(`A${rowIndex}`).value = gender;\n worksheet.getCell(`B${rowIndex}`).value = genderCounts[val] || 0;\n // 午晚餐數量\n const mealCount = mealCounts[val] || { lunch: 0, dinner: 0 };\n\n worksheet.getCell(`D${rowIndex}`).value = mealCount.lunch;\n worksheet.getCell(`E${rowIndex}`).value = mealCount.dinner;\n // 總數\n worksheet.getCell(`C${rowIndex}`).value = {\n formula: `D${rowIndex} + E${rowIndex}`,\n };\n\n rowIndex++;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetClassifyByLevel(\n worksheet,\n elders,\n orders = [],\n startDay,\n endDay,\n) {\n // elders 級別數量\n const periodOrders = orders.filter(\n ({ date }) => date >= startDay && date <= endDay,\n );\n const elderIds = [...new Set(periodOrders.map((item) => item.elderId))];\n const levelCounts = {};\n\n elderIds.forEach((elderId, _) => {\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const cmsLevel = elderInfo.cmsLevel;\n\n if (cmsLevel) {\n if (!levelCounts[cmsLevel]) {\n levelCounts[cmsLevel] = 0;\n }\n\n levelCounts[cmsLevel] += 1;\n } else {\n if (!levelCounts['未設定']) {\n levelCounts['未設定'] = 0;\n }\n\n levelCounts['未設定'] += 1;\n }\n });\n\n // 午晚餐數量\n const mealCounts = periodOrders.reduce((acc, order) => {\n const elderId = order.elderId;\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const cmsLevel = elderInfo.cmsLevel || '未設定';\n\n if (cmsLevel) {\n if (order.date <= endDay && order.date >= startDay) {\n if (!acc[cmsLevel]) {\n acc[cmsLevel] = { lunch: 0, dinner: 0 };\n }\n\n const mealCount = order.mealItems.reduce(\n (sum, item) => sum + item.quantity,\n 0,\n );\n acc[cmsLevel][order.mealSlot] += mealCount;\n }\n return acc;\n }\n }, {});\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const columnWidth = [10, 10, 10, 10, 10];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n let rowIndex = 1;\n\n // 標題\n let cell;\n ['項目', '個案數', '全部數量', '午餐數量', '晚餐數量'].forEach(\n (header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 11, name: fontName };\n },\n );\n rowIndex += 1;\n\n const cmsLevels = [\n '1a級',\n '1b級',\n '1級',\n '2級',\n '3級',\n '4級',\n '5級',\n '6級',\n '7級',\n '8級',\n '未設定',\n ];\n\n cmsLevels.forEach((cms, _) => {\n const cmsCellName = cms === '未設定' ? '未設定' : '第' + cms;\n\n worksheet.getCell(`A${rowIndex}`).value = cmsCellName;\n worksheet.getCell(`B${rowIndex}`).value = levelCounts[cms] || 0;\n // 午晚餐數量\n const mealCount = mealCounts[cms] || { lunch: 0, dinner: 0 };\n worksheet.getCell(`D${rowIndex}`).value = mealCount.lunch;\n worksheet.getCell(`E${rowIndex}`).value = mealCount.dinner;\n // 總數\n worksheet.getCell(`C${rowIndex}`).value = {\n formula: `D${rowIndex} + E${rowIndex}`,\n };\n\n rowIndex++;\n });\n\n return worksheet;\n}\n\nfunction getWorksheetClassifyByPay(\n worksheet,\n elders,\n orders = [],\n startDay,\n endDay,\n) {\n // elders 補助自費數量\n const payType = ['全補助個案', '全自購個案'];\n const periodOrder = orders.filter(\n ({ date }) => date >= startDay && date <= endDay,\n );\n const elderIds = [...new Set(periodOrder.map((item) => item.elderId))];\n const payCounts = {};\n\n elderIds.forEach((elderId, _) => {\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const pay = elderInfo.isDisadvantaged;\n\n if (!payCounts[pay]) {\n payCounts[pay] = 0;\n }\n\n payCounts[pay] += 1;\n });\n\n // 午晚餐數量\n const mealCounts = orders.reduce((acc, order) => {\n const elderId = order.elderId;\n const elderInfo = elders.find((elder) => elder.id === elderId);\n const isDisadvantaged = elderInfo.isDisadvantaged;\n\n if (order.date <= endDay && order.date >= startDay) {\n if (!acc[isDisadvantaged]) {\n acc[isDisadvantaged] = { lunch: 0, dinner: 0 };\n }\n\n const mealCount = order.mealItems.reduce(\n (sum, item) => sum + item.quantity,\n 0,\n );\n acc[isDisadvantaged][order.mealSlot] += mealCount;\n }\n\n return acc;\n }, {});\n\n const fontName = 'Calibri';\n const range = 'A:Z';\n const columnArray = buildColumnsArray(range);\n\n const columnWidth = [10, 10, 10, 10, 10];\n columnWidth.forEach((_, index) => {\n worksheet.getColumn(columnArray[index]).width = columnWidth[index];\n });\n\n let rowIndex = 1;\n\n // 標題\n let cell;\n ['項目', '個案數', '全部數量', '午餐數量', '晚餐數量'].forEach(\n (header, index) => {\n cell = worksheet.getCell(`${columnArray[index]}${rowIndex}`);\n cell.value = header;\n cell.alignment = { horizontal: 'left', vertical: 'middle' };\n cell.font = { size: 11, name: fontName };\n },\n );\n rowIndex += 1;\n\n payType.forEach((payType, _) => {\n const paymentMethod = payType === '全補助個案' ? 1 : 0;\n\n worksheet.getCell(`A${rowIndex}`).value = payType;\n worksheet.getCell(`B${rowIndex}`).value = payCounts[paymentMethod] || 0;\n // 午晚餐數量\n const mealCount = mealCounts[paymentMethod] || { lunch: 0, dinner: 0 };\n\n worksheet.getCell(`D${rowIndex}`).value = mealCount.lunch;\n worksheet.getCell(`E${rowIndex}`).value = mealCount.dinner;\n // 總數\n worksheet.getCell(`C${rowIndex}`).value = {\n formula: `D${rowIndex} + E${rowIndex}`,\n };\n\n rowIndex++;\n });\n\n return worksheet;\n}\n\nexport default function UserTypeReport({ clientOptions }) {\n const [isLoading, setIsLoading] = useState(false);\n const [selectedMonth, setSelectedMonth] = useState(monthOptions[0]);\n const [selectedCounty, setSelectedCounty] = useState(counties[0]);\n const [selectedClientId, setSelectedClientId] = useState();\n const [includeInactiveElders, setIncludeInactiveElders] = useState(false);\n const [includeNonDisElders, setIncludeNonDisElders] = useState(false);\n const [includeUndeliveredOrders, setIncludeUndeliveredOrders] =\n useState(false);\n // const [excludeNonFoodDeliveryOrders, setExcludeNonFoodDeliveryOrders] =\n // useState(false);\n const excludeNonFoodDeliveryOrders = true;\n\n const collectData = async () => {\n const weeksOfMonth = getWeeksOfMonth(selectedMonth);\n const fromDate = weeksOfMonth[0].start;\n const toDate = weeksOfMonth[weeksOfMonth.length - 1].end;\n const period = `${fromDate}__${toDate}`;\n const { id: clientId } = clientOptions.find(\n ({ id }) => id === selectedClientId,\n );\n\n global.logger.debug({\n selectedClientId,\n period,\n selectedMonth,\n fromDate,\n toDate,\n });\n\n const [\n elders,\n orders,\n {\n data: { getClient: client },\n },\n ] = await Promise.all([\n asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: includeInactiveElders ? undefined : { eq: '使用中' },\n filter: includeNonDisElders ?\n undefined :\n {\n isDisadvantaged: {\n eq: 1,\n },\n },\n limit: 1000,\n }),\n asyncListAll(getOrdersByClientByDate, {\n clientId,\n date: {\n between: [fromDate, toDate],\n },\n limit: 1000,\n }),\n request(getClient, { id: clientId }),\n ]);\n\n processShareOrder(elders, orders);\n processDisadvantagedTypes(selectedMonth, elders, fromDate, toDate);\n\n writeReport({\n county: selectedCounty,\n elders,\n orders,\n selectedMonth,\n client,\n includeUndeliveredOrders,\n excludeNonFoodDeliveryOrders,\n });\n };\n\n const triggerDownload = async () => {\n try {\n setIsLoading(true);\n await collectData();\n } catch (e) {\n global.logger.debug(e);\n } finally {\n setIsLoading(false);\n }\n };\n\n const updateCounty = (client) => {\n if (client && client.county) {\n const targetCounty = counties.find((county) => county === client.county);\n if (targetCounty) {\n setSelectedCounty(targetCounty);\n }\n }\n };\n\n useEffect(() => {\n if (clientOptions[0]) {\n setSelectedClientId(clientOptions[0].id);\n updateCounty(clientOptions[0]);\n }\n }, [clientOptions]);\n\n return (\n 會計對賬與簡訊表
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label=\"機構\"\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n \n 收費方式 \n setSelectedPaymentMethod(event.target.value)}\n disabled={isLoading}\n >\n \n {/* value是'null', 會無法顯示'無', 用'none'處理 */}\n {elderPaymentMethod.map(({ value, label }) => (\n \n ))}\n \n \n
\n \n {\n setIncludeNonDisElders(e.target.checked);\n }}\n />\n }\n label={ {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n
\n\n \n \n 下載\n {isLoading && (\n
\n );\n}\n\nUserTypeReport.propTypes = {\n clientOptions: PropTypes.array,\n};\n","import React, { useState, useEffect } from 'react';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Container from '@material-ui/core/Container';\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\n\nimport MohwPrsReport from './MohwPrsReport';\nimport RestaurantReport from './RestaurantReport';\nimport RestaurantReportByOrg from './RestaurantReportByOrg';\nimport PandagoReport from './PandagoReport';\nimport UberReport from './UberReport';\nimport LalamoveReport from './LalamoveReport';\nimport CountyPrsReport from './CountyPrsReport/CountyPrsReport';\nimport VulnerableReport from './VulnerableReport';\nimport YearlyReport from './YearlyReport/YearlyReport';\nimport ElderReceipt from './ElderReceipt/ElderReceipt';\nimport SelfPayingReceipt from './SelfPayingReceipt/SelfPayingReceipt';\nimport DeliveryStaffSalary from './DeliveryStaffSalary/DeliveryStaffSalary';\nimport AccountingSMS from './AccountingSMS';\nimport UserTypeReport from './UserTypeReport';\nimport { sortBy } from 'utilities/sorting';\nimport cache from 'utilities/cache';\nimport { request, asyncListAll } from 'utilities/graph';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n padding: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '100%',\n },\n}));\n\nconst reportFunctions = [\n {\n value: 'mohwPrsReport',\n component: MohwPrsReport,\n },\n {\n value: 'countyPrsReport',\n component: CountyPrsReport,\n },\n {\n value: 'vulnerableReport',\n component: VulnerableReport,\n },\n {\n value: 'pandagoReport',\n component: PandagoReport,\n },\n {\n value: 'uberReport',\n component: UberReport,\n },\n {\n value: 'lalamoveReport',\n component: LalamoveReport,\n },\n {\n value: 'restaurantReport',\n component: RestaurantReport,\n },\n {\n value: 'restaurantReportByOrg',\n component: RestaurantReportByOrg,\n },\n {\n value: 'yearlyReport',\n component: YearlyReport,\n },\n {\n value: 'elderReceipt',\n component: ElderReceipt,\n },\n {\n value: 'selfPayingReceipt',\n component: SelfPayingReceipt,\n },\n {\n value: 'deliveryStaffSalary',\n component: DeliveryStaffSalary,\n },\n {\n value: 'accountingSMS',\n component: AccountingSMS,\n },\n // 2025-0206 add\n {\n value: 'userType',\n component: UserTypeReport,\n },\n];\n\nexport default function Reports() {\n const classes = useStyles();\n const [clientOptions, setClientOptions] = useState([]);\n const [enabledReportFunctions, setEnabledReportFunctions] =\n useState(reportFunctions);\n\n useEffect(() => {\n (async () => {\n const clientId = cache.get('app:facilityId');\n // const county = cache.get('app:location');\n if (clientId) {\n const {\n data: { getClient: client },\n } = await request(\n /* GraphQL */ `\n query GetClient($id: ID!) {\n getClient(id: $id) {\n id\n county\n name\n facilitySettings {\n dba\n govQualifiedPrice\n lunchStartTime\n lunchEndTime\n dinnerStartTime\n dinnerEndTime\n receiptSettings {\n originalPrice\n copaymentSettings {\n disadvantagedType\n disadvantagedLabel\n copayment\n }\n }\n }\n featureConfiguration {\n reportTypes\n }\n }\n }\n `,\n { id: clientId },\n );\n if (client) {\n setEnabledReportFunctions(\n reportFunctions.filter((f) => {\n return !!client.featureConfiguration.reportTypes.find(\n (reportType) => reportType === f.value,\n );\n }),\n );\n setClientOptions([client]);\n }\n } else {\n const clients = await asyncListAll(\n /* GraphQL */ `\n query GetClientsByTypeByCounty(\n $type: ClientType\n $county: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelClientFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getClientsByTypeByCounty(\n type: $type\n county: $county\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n county\n name\n facilitySettings {\n dba\n govQualifiedPrice\n lunchStartTime\n lunchEndTime\n dinnerStartTime\n dinnerEndTime\n receiptSettings {\n originalPrice\n copaymentSettings {\n disadvantagedType\n disadvantagedLabel\n copayment\n }\n }\n }\n }\n nextToken\n }\n }\n `,\n {\n type: 'facility',\n },\n );\n setClientOptions(clients.sort(sortBy('name')));\n }\n })();\n }, []);\n\n return (\n 服務使用者分類統計
\n\n \n name)}\n values={clientOptions.map(({ id }) => id)}\n required={true}\n value={selectedClientId}\n label='機構'\n onChange={(value) => {\n setSelectedClientId(value);\n if (value) {\n const client = clientOptions.find(({ id }) => id === value);\n updateCounty(client);\n }\n }}\n />\n \n \n 月份 \n setSelectedMonth(event.target.value)}\n disabled={isLoading}\n >\n {monthOptions.map((item) => (\n \n ))}\n \n \n \n 縣市 \n setSelectedCounty(event.target.value)}\n disabled={isLoading}\n >\n {counties.map((item) => (\n \n ))}\n \n \n
\n \n {\n setIncludeNonDisElders(e.target.checked);\n }}\n />\n }\n label={\n {\n setIncludeInactiveElders(e.target.checked);\n }}\n />\n }\n label={'包含已停用的個案'}\n />\n {\n setIncludeUndeliveredOrders(e.target.checked);\n }}\n />\n }\n label={'包含未送達的訂單'}\n />\n {/* {\n setExcludeNonFoodDeliveryOrders(e.target.checked);\n }}\n />\n }\n label={'排除非送餐的訂單'}\n /> */}\n
\n\n Pandago 餐廳同步
\n未來如果銀色大門有新增門市都要填到這張表上，通知我們開通，總公司帳號才看得到各門市的定單喔
\n \n\n
}\n \n {!facilityMode && <>機構：{order.client.name}
}\n {order.deliveryStaff ? `大使：${deliveryStaffName}` : ''}\n
\n
\n \n \n
\n \n {\n if (location.name) {\n setSearchText(location.name);\n const input = searchRef.current.querySelector('input');\n if (input) {\n input.focus();\n }\n }\n }}\n />\n
\n \n {item.name} {item.unitValue}/{item.unit} * {item.qty} = ${item.subTotal}\n
\n ))}\n \n {item.name} {item.unitValue}/{item.unit} * {item.qty} = ${item.subTotal}\n
\n ))}\n \n 
\n {name}\n
\n ))}\n \n 
\n
\n | 欄位 | \n舊 | \n新 | \n
|---|---|---|
| \n {diff.key}\n | \n\n {displayValue(diff.old)}\n | \n \n {displayValue(diff.new)}\n | \n
\n {value}\n
\n ),\n },\n },\n {\n name: 'address',\n label: '地址',\n options: {\n filter: false,\n sort: true,\n customBodyRender: formatAddress,\n },\n },\n {\n name: 'createdBy',\n label: '創立者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedBy',\n label: '更新者',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'createdAt',\n label: '創立於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'updatedAt',\n label: '更新於',\n type: 'datetime',\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: 'id',\n label: ' ',\n options: {\n display: 'always',\n filter: false,\n sort: false,\n download: false,\n print: false,\n customBodyRender(id) {\n return (\n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nDeliveryStaffDetails.propTypes = {\n id: PropTypes.string,\n computedMatch: PropTypes.object,\n isNested: PropTypes.bool,\n};\n","const deliveryStaffOrderItems = /* GraphQL */ `\n items {\n id\n deliveryStaffId\n orderId\n clientId\n elderId\n status\n county\n category\n deliveryBy\n mealSlot\n distanceInKilometer\n timeInMilliseconds\n deliveryAcceptedAt\n deliveryStartedAt\n deliveryDeliveredAt\n deliveryCompletedAt\n deliveryAbandonedAt\n deliveryAbandonedReason\n deliveryPositionUpdatedAt\n deliveryStaffFee\n diary\n checkListIsComplete\n deliveryResult\n checkListReminder\n checkListTransfer\n checkListChat\n photoS3Keys\n notes\n favorite\n isPublished\n publishedUrl\n blogId\n deliveryStaff {\n id\n username\n isActive\n county\n clientId\n name\n }\n elderDementiaSurvey {\n items {\n id\n questionId\n response\n date\n dementiaQuestionnaire {\n items {\n id\n category\n type\n question\n }\n nextToken\n }\n }\n nextToken\n }\n issue {\n items {\n id\n priority\n status\n reportedBy\n county\n type\n summary\n description\n orderId\n createdAt\n }\n nextToken\n }\n createdAt\n createdBy\n updatedAt\n updatedBy\n }\n`;\n\nexport const getDeliveryStaffOrdersByClientByDate = /* GraphQL */ `\n query GetDeliveryStaffOrdersByClientByDate(\n $clientId: ID\n $deliveryBy: ModelStringKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelDeliveryStaffOrderFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getDeliveryStaffOrdersByClientByDate(\n clientId: $clientId\n deliveryBy: $deliveryBy\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n ${deliveryStaffOrderItems}\n nextToken\n }\n }\n`;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport Grid from '@material-ui/core/Grid';\nimport moment from 'moment-timezone';\nimport ReactToPrint from 'react-to-print';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport { Storage } from 'aws-amplify';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport { makeStyles } from '@material-ui/core/styles';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { Semaphore } from 'async-mutex';\nimport {\n getDeliveryStaffOrdersByClientByDate,\n} from './queries';\nimport QueryGenerator from 'components/QueryGenerator';\nimport DeliveryStaffOrderDiaryCard from 'views/Admin/DeliveryDiary/DeliveryStaffOrderDiaryCard';\nimport { TIME_ZONE } from '@silvergatedelivery/constants';\nimport { request } from 'utilities/graph';\nimport { useCache } from 'CacheProvider';\n\n// const pastThreeDays = moment().tz(TIME_ZONE).add(-3, 'days').startOf('day').format('YYYY-MM-DD');\nconst today = moment().tz(TIME_ZONE).endOf('day').format('YYYY-MM-DD');\n\nlet componentRef;\n\nconst DEFAULT_IMAGE_URL = '/images/default_delivery_diary.png';\nconst INFINITE_DATA_SHOW_PER_REQUEST = 12;\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(2),\n width: '100%',\n },\n}));\n\nexport default function DeliveryDiary({\n organizationId,\n}) {\n const classes = useStyles();\n const { t } = useTranslation();\n const [data, setData] = useState([]);\n const [showedData, setShowedData] = useState([]);\n const [hideNames, setHideNames] = useState(false);\n const [showTransferOnly, setShowTransferOnly] = useState(false);\n const [showNotAtHome, setShowNotAtHome] = useState(false);\n const [showFavorite, setShowFavorite] = useState(false);\n const [showIssue, setShowIssue] = useState(false);\n const [filteredData, setFilteredData] = useState([]);\n const [itemCount, setItemCount] = useState(0);\n const [orderCount, setOrderCount] = useState(0);\n const [allDataInVisitorMode, setAllDataInVisitorMode] = useState(false);\n const { selectedUserGroupParams } = useCache();\n const { organizationData } = selectedUserGroupParams;\n\n const facilityOptions = useMemo(() => {\n if (organizationData && organizationData.clients && organizationData.clients.items) {\n return organizationData.clients.items.map(({ client }) => (\n { value: client.id, label: client.name }\n ));\n }\n return [];\n }, [organizationData]);\n\n useEffect(() => {\n let newFilteredData = data;\n if (showTransferOnly) {\n newFilteredData = newFilteredData.filter((data) => data.checkListTransfer ||\n (data.order && (data.order.category === '送物資' || data.order.category === '送餐和物資')));\n }\n if (showNotAtHome) {\n newFilteredData = newFilteredData.filter(({ deliveryResult }) => deliveryResult === 'leftThere' || deliveryResult === 'receivedByRelative');\n }\n if (showFavorite) {\n newFilteredData = newFilteredData.filter(({ favorite }) => !!favorite);\n }\n if (showIssue) {\n newFilteredData = newFilteredData.filter(({ hasIssue }) => hasIssue);\n }\n setFilteredData(newFilteredData);\n setShowedData([...newFilteredData.filter((x, index) => index < INFINITE_DATA_SHOW_PER_REQUEST)]);\n }, [data, showTransferOnly, showNotAtHome, showFavorite, showIssue]);\n\n const indexes = [\n {\n name: 'getDeliveryStaffOrdersByClientByDate',\n label: '按客戶查詢',\n partitionKey: 'clientId',\n sortKey: 'deliveryBy',\n fields: [\n {\n label: '機構',\n key: 'clientId',\n type: 'select',\n options: facilityOptions,\n },\n {\n label: '狀態',\n key: 'status',\n type: 'select',\n disabled: true,\n options: [{ value: 'completed', label: t('完成 (送餐日誌)') }],\n },\n {\n label: `${t('送餐')}時間`,\n key: 'deliveryBy',\n type: 'datetime',\n },\n ],\n operation: getDeliveryStaffOrdersByClientByDate,\n },\n ];\n\n const handleUpdate = async (items) => {\n setItemCount(items.length);\n setOrderCount(0);\n const s = new Semaphore(10);\n\n const updatedItems = await Promise.all(items.map((deliveryStaffOrder) =>\n s.runExclusive(async () => {\n if (!deliveryStaffOrder.order) {\n try {\n const { data: { getOrder: order } } = await request( /* GraphQL */ `\n query GetOrder($id: ID!) {\n getOrder(id: $id) {\n county\n elder {\n name\n nickname\n }\n }\n }\n `, { id: deliveryStaffOrder.orderId });\n deliveryStaffOrder.order = order;\n } catch (e) {\n console.log(e);\n }\n }\n\n deliveryStaffOrder.photoS3Keys = deliveryStaffOrder.photoS3Keys || [];\n\n if (deliveryStaffOrder.photoS3Keys[0] && deliveryStaffOrder.thumbnail !== DEFAULT_IMAGE_URL) {\n deliveryStaffOrder.thumbnail = await Storage.get(deliveryStaffOrder.photoS3Keys[0]);\n } else {\n deliveryStaffOrder.thumbnail = DEFAULT_IMAGE_URL;\n }\n let visitorMode = false;\n if (organizationData?.clients?.items && items.length > 0) {\n const clientParams = organizationData?.clients?.items.find((data) => data.clientId === deliveryStaffOrder.clientId);\n if (clientParams && clientParams.visitorMode) {\n visitorMode = true;\n }\n }\n setOrderCount((prevCounter) => prevCounter + 1);\n deliveryStaffOrder.visitorMode = visitorMode;\n return deliveryStaffOrder;\n }),\n ));\n const allData = updatedItems.filter((x) => x);\n setAllDataInVisitorMode(allData.every(({ visitorMode }) => visitorMode));\n setData([...allData]);\n };\n\n const queryDefaultParams = {\n status: 'completed',\n clientId: facilityOptions.length && facilityOptions[0].value,\n deliveryBy: {\n from: today,\n to: today,\n },\n };\n\n return (\n \n
載入中...
\n }\n endMessage={\n\n
\n }\n >\n\n {value}\n
\n );\n },\n },\n },\n {\n name: 'address',\n label: '地址',\n options: {\n display: false,\n filter: false,\n sort: true,\n customBodyRender: (address, tableMeta) => {\n let value = formatAddress(address);\n const clientId = tableMeta.rowData[1];\n const { organizationData } = selectedUserGroupParams;\n if (organizationData?.clients?.items) {\n const clientParams = organizationData?.clients?.items.find((data) => data.clientId === clientId);\n if (clientParams && clientParams.visitorMode) {\n const prefix = value.slice(0, 7);\n const maskedPart = value.slice(7).replace(/./g, '*');\n value = prefix + maskedPart;\n }\n }\n return value;\n },\n },\n },\n ];\n\n useEffect(() => {\n if (organizationId) {\n const { organizationClientIds } = selectedUserGroupParams;\n\n setListQueries(organizationClientIds.map((clientId) => {\n return {\n name: getDeliveryStaffsByClientIdByIsActive,\n params: {\n clientId,\n isActive: { eq: 1 },\n },\n };\n }));\n } else\n if (clientId) {\n setListQueries([{\n name: getDeliveryStaffsByClientIdByIsActive,\n params: {\n clientId,\n isActive: { eq: 1 },\n },\n }]);\n }\n }, [organizationId, clientId]);\n\n return (\n \n {elderName}\n
;\n }\n if (showEldersWithTag && filteredTags.length === 0) {\n return <>;\n }\n return \n {elderName}\n {filteredTags\n .map((tag, index)=>(\n
;\n })}\n {\n onCellClick && onCellClick({ orderIds: inData[tableMeta.rowData[0]].orderIds || [] });\n }}>\n {value}\n
\n ),\n },\n });\n inData[0].deliveryStaffMealCountList.forEach(({ id, name }) => {\n const getCellInfo = (rowIndex) => {\n const { orderIds } = inData[rowIndex].deliveryStaffMealCountList.find((item) => item.id === id);\n return {\n orderIds,\n };\n };\n const deliveryStaffTotal = inData.reduce((sum, row) => {\n let needToCount = true;\n if (restaurantFilter.length !== 0 && !restaurantFilter.includes(row.restaurantName)) {\n needToCount = false;\n }\n if (mealFilter.length !== 0 && !mealFilter.includes(row.mealItemName)) {\n needToCount = false;\n }\n if (needToCount) {\n return sum + (row.deliveryStaffMealCountList.find((item) => item.id === id) || {}).count || 0;\n } else {\n return sum;\n }\n }, 0);\n newColumns.push({\n name: id,\n label: `${name} (${deliveryStaffTotal})`,\n options: {\n display: 'always',\n filter: false,\n sort: true,\n customBodyRender: (value, tableMeta) => {\n const removeTags = tableMeta.rowData[3] || [];\n return (\n {\n onCellClick && onCellClick(getCellInfo(tableMeta.rowData[0]));\n }}>\n {value.count}
\n {(showElders || showEldersAndTags || showEldersWithTag) &&\n
\n );\n },\n },\n });\n });\n inData.forEach(({ index, restaurantName, mealItemName, tags, deliveryStaffMealCountList, total }) => {\n const row = {\n index,\n restaurantName,\n mealItemName,\n tags,\n total,\n };\n deliveryStaffMealCountList.forEach(({ id, count, elders }) => {\n Object.assign(row, { [id]: { count, elders } });\n });\n newData.push(row);\n });\n }\n setData(newData);\n setColumns(newColumns);\n setColumns([...newColumns, actionButtons]);\n }, [inData, filterList, showElders, showEldersAndTags, showEldersWithTag]);\n\n const customDownloadData = (columns, data) => {\n const tagIndex = columns.findIndex(({ name }) => name === 'tags');\n\n const isUUID = (str) => {\n const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;\n return uuidRegex.test(str);\n };\n columns.forEach(({ name }, index) => {\n if (isUUID(name) || name === 'N/A') { // 'N/A' 是未指定送餐大使\n data.forEach((value) => {\n let removeTags = [];\n if (tagIndex !== -1) {\n removeTags = value.data[tagIndex];\n }\n if ((!showElders && !showEldersAndTags && !showEldersWithTag) || !value.data[index].elders || value.data[index].elders.length === 0) {\n value.data[index] = value.data[index].count;\n } else {\n value.data[index] = value.data[index].count + '\\n' +\n value.data[index].elders.map((elder) => {\n let elderName = elder.name;\n if (Number.isInteger(elder.deliveryOrder)) {\n elderName += ` (${elder.deliveryOrder + 1})`;\n }\n const filteredTags = elder.tags.items\n .map(({ tag }) => tag)\n .filter(({ subcategory }) => subcategory === '飲食')\n .filter(({ label }) => !removeTags.includes(label))\n .sort(sortBy('label'));\n\n if (showElders) {\n return elderName;\n }\n if (showEldersWithTag && filteredTags.length === 0) {\n return;\n }\n if (filteredTags.length === 0) {\n return elderName;\n }\n return `${elderName} - ${filteredTags\n .map((tag) => tag.label)\n .join('、')}`;\n }).filter((value) => value !== undefined).join('\\n');\n }\n });\n }\n });\n if (tagIndex !== -1) {\n data.forEach((value) => {\n if (value?.data[tagIndex]) {\n value.data[tagIndex] = value.data[tagIndex].join('、');\n }\n return value;\n });\n }\n return data;\n };\n\n return (\n \n {(showElders || showEldersAndTags || showEldersWithTag) &&\n
\n setSettingAnchorEl(null)}\n getContentAnchorEl={null}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'center',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'center',\n }}\n >\n {mealStatisticsSettingOptions.sort(sortBy('name')).map((item) => {\n return (\n {\n onSettingChange(item);\n setSettingAnchorEl(null);\n }}\n disabled={item.name === originalSettingName}\n >\n {item.name}\n \n );\n })}\n \n
\n \n \n \n 新設定 \n
\n \n \n \n 開啟設定 \n
\n \n \n 儲存設定 \n
\n \n name === settingName)}>\n \n 刪除設定 \n
\n \n \n {mealSlotOptions.map((item, index)=>(\n {\n if (mealSlots.includes(item.value)) {\n const index = mealSlots.indexOf(item.value);\n mealSlots.splice(index, 1);\n setMealSlots([...mealSlots]);\n } else {\n mealSlots.push(item.value);\n setMealSlots([...mealSlots]);\n }\n }}\n >\n {item.label}\n \n ))}\n \n
\n \n \n {periodOptions.map((item, index)=>(\n setPeriod(item.value)}\n >\n {item.label}\n \n ))}\n \n
\n \n {\n setShowElders(e.target.checked);\n if (e.target.checked) {\n if (showEldersWithTag) {\n setShowEldersWithTag(false);\n }\n if (showEldersAndTags) {\n setShowEldersAndTags(false);\n }\n }\n }}\n name={'showElders'}\n color=\"primary\"\n />\n }\n label=\"顯示所有送餐對象\"\n />\n
\n \n {\n setShowEldersAndTags(e.target.checked);\n if (e.target.checked) {\n setShowEldersWithTag(false);\n if (showElders) {\n setShowElders(false);\n }\n if (showEldersWithTag) {\n setShowEldersWithTag(false);\n }\n }\n }}\n name={'showEldersAndTags'}\n color=\"primary\"\n />\n }\n label=\"顯示所有飲食標籤與送餐對象\"\n />\n
\n \n {\n setShowEldersWithTag(e.target.checked);\n if (e.target.checked) {\n if (showElders) {\n setShowElders(false);\n }\n if (showEldersAndTags) {\n setShowEldersAndTags(false);\n }\n }\n }}\n name={'showEldersWithTag'}\n color=\"primary\"\n />\n }\n label=\"顯示有飲食標籤的送餐對象\"\n />\n
\n {mealSlots.length === 1 && startDate === endDate && (\n \n setShowDeliveryOrderOption(e.target.checked)}\n name={'showSortDeliveryOrderOption'}\n color=\"primary\"\n />\n }\n label=\"顯示送餐順序\"\n />\n
\n )}\n \n \n \n \n \n
\n );\n}\n\nFormForm.propTypes = {\n data: PropTypes.object,\n formData: PropTypes.object,\n onComplete: PropTypes.func,\n};\n","import React from 'react';\nimport EditButton from 'forms/components/EditButton';\nimport FormForm from './FormForm';\n\nexport default function FormEditButton({ ...props }) {\n return (\n \n
\n \n 大使：{deliveryStaffName}\n
\n
}\n \n
\n \n {selected.map((value) => {\n const [status, reason] = value.split('-');\n return (
\n );\n const translatedMealSlots = getTranslatedMealSlots();\n const renderMealSlotValue = (selected) => (\n \n {selected.map((value, index) => {\n return (item.value === value).label}\n />);\n })}\n
\n );\n\n const renderOrderCheckValue = (selected) => (\n \n {selected.map((value, index) => {\n return (item.value === value).label}\n />);\n })}\n
\n );\n\n return (\n \n \n \n \n \n {\n setFilteredOrders([]);\n setMode('calendar');\n cache.set('app:facility:schedule:displayMode', 'calendar');\n }}\n >\n 日曆模式\n \n {\n setFilteredOrders([]);\n setMode('board');\n cache.set('app:facility:schedule:displayMode', 'board');\n }}\n >\n 看板模式\n \n \n \n \n 狀態 \n {\n setTargetOrderStatus(event.target.value);\n cache.set('app:facility:schedule:targetOrderStatus', event.target.value);\n }}\n input={}\n renderValue={renderStatusChipValue}\n disabled={isLoading || targetOrderCheckRules.length > 0}\n >\n {getTranslatedOrderStatus().map((item) => (\n \n ))}\n {cancellationReasons.map(({ label, value }) => {\n const cancellationReasonItem = `cancelled-${value}`;\n return (\n \n );\n })}\n \n \n \n {`${t('午餐')}/${t('晚餐')}`} \n {\n setTargetMealSlots(event.target.value);\n cache.set('app:facility:schedule:targetMealSlots', event.target.value);\n }}\n input={}\n renderValue={renderMealSlotValue}\n disabled={isLoading}\n >\n {translatedMealSlots.map((item) => (\n \n ))}\n \n \n \n value)}\n value={targetDeliveryStaffIds}\n getOptionLabel={(option) => {\n const deliveryStaff = deliveryStaffOptions.find(({ value }) => value === option) || {};\n return deliveryStaff.label;\n }}\n filterSelectedOptions\n onChange={(event, newValue) => {\n setTargetDeliveryStaffIds(newValue);\n cache.set('app:facility:schedule:targetDeliveryStaffIds', newValue);\n }}\n renderInput={(params) => (\n \n \n value)}\n value={targetElderIds}\n getOptionLabel={(option) => {\n const elder = elderOptions.find(({ value }) => value === option) || {};\n return elder.label;\n }}\n filterSelectedOptions\n onChange={(event, newValue) => {\n setTargetElderIds(newValue);\n cache.set('app:facility:schedule:targetElderIds', newValue);\n }}\n renderInput={(params) => (\n \n \n {'檢查三十天內的訂單'} \n {\n setTargetOrderCheckRules(event.target.value);\n if (event.target.value.length > 0) {\n const arraysHaveSameElements = (arr1, arr2) => {\n if (arr1.length !== arr2.length) return false;\n const sortedArr1 = arr1.slice().sort();\n const sortedArr2 = arr2.slice().sort();\n for (let i = 0; i < sortedArr1.length; i++) {\n if (sortedArr1[i] !== sortedArr2[i]) return false;\n }\n return true;\n };\n\n if (!arraysHaveSameElements(targetOrderStatus, defaultTargetOrderStatus)) {\n setTargetOrderStatus(defaultTargetOrderStatus);\n cache.set('app:facility:schedule:targetOrderStatus', defaultTargetOrderStatus);\n }\n if (targetDeliveryStaffIds.length > 0) {\n setTargetDeliveryStaffIds([]);\n cache.set('app:facility:schedule:targetDeliveryStaffIds', []);\n }\n }\n }}\n input={}\n renderValue={renderOrderCheckValue}\n disabled={isLoading}\n >\n {orderScheduleCheckRules.map((item) => (\n \n ))}\n \n \n {\n orderMappings.current = {};\n setLastUpdatedAt(Date.now());\n }}\n disabled={isLoading}\n >\n {\n orderMappings.current = {};\n setLastUpdatedAt(Date.now());\n }}\n disabled={isLoading}\n />\n {isLoading && \n {mode === 'calendar' ?\n \n targetElderIds.includes(id))}\n onDateChange={onDateChange}\n orderCheckRules={targetOrderCheckRules}\n checkLunch={targetMealSlots.length === 0 || targetMealSlots.includes('lunch')}\n checkDinner={targetMealSlots.length === 0 || targetMealSlots.includes('dinner')}\n />\n :\n \n }\n \n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport Chip from '@material-ui/core/Chip';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport Countdown from 'react-countdown';\n\nimport { request } from 'utilities/graph';\nimport {\n getIssuesByClientByCreatedAt,\n} from 'graphql/queries';\nimport {\n Colors,\n issueStatus,\n AUTO_UPDATE_INTERVAL_IN_MILLISECONDS,\n} from '@silvergatedelivery/constants';\nimport { sortBy } from 'utilities/sorting';\nimport { formatDatetimeFromNow } from 'utilities/format';\n// TODO: move to common components\nimport Issue from 'views/Admin/IssueCenter/components/Issue';\nimport cache from 'utilities/cache';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: '#fff',\n },\n listContainer: {\n position: 'relative',\n overflow: 'auto',\n overflowX: 'hidden',\n maxHeight: 'calc(100vh - 116px)',\n paddingRight: 8,\n paddingLeft: 8,\n },\n list: {\n width: '100%',\n backgroundColor: theme.palette.background.paper,\n // position: 'relative',\n // overflow: 'auto',\n // maxHeight: 'calc(100vh - 200px)',\n },\n chip: {\n border: '1px solid #cecece',\n borderRadius: 3,\n padding: 1,\n display: 'inline-block',\n marginRight: 6,\n marginBottom: 6,\n },\n issueContainer: {\n position: 'relative',\n overflow: 'auto',\n maxHeight: 'calc(100vh - 116px)',\n },\n selected: {\n borderLeft: `6px solid ${Colors.primary}`,\n paddingLeft: 10,\n },\n selectChips: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n selectChip: {\n margin: 2,\n },\n filters: {\n padding: theme.spacing(2),\n },\n formControl: {\n marginBottom: theme.spacing(1),\n },\n}));\n\nexport default function IssueCenter() {\n const classes = useStyles();\n const [issues, setIssues] = useState([]);\n const [selectedIssue, setSelectedIssue] = useState();\n const [query, setQuery] = useState({\n status: ['pending', 'processing'],\n });\n const [lastUpdatedAt, setLastUpdatedAt] = useState(Date.now());\n const [isLoading, setIsLoading] = useState(false);\n const [hasLoadAdmins, setHasLoadAdmins] = useState(false);\n const [hasMore, setHasMore] = useState(false);\n const [nextToken, setNextToken] = useState();\n const ITEMS_PER_PAGE = 20;\n\n const clientId = cache.get('app:facilityId');\n\n const renderChipValue = (selected) => (\n \n {selected.map((value) => {\n const matchedStatus = issueStatus.find((item) => item.value === value);\n const label = matchedStatus ? matchedStatus.label : value;\n const backgroundColor = matchedStatus ? matchedStatus.color : undefined;\n const color = backgroundColor ? '#fff' : undefined;\n\n return (
\n );\n\n const updateQuery = (key, value) => {\n query[key] = value;\n setQuery({ ...query });\n };\n\n useEffect(() => {\n if (hasLoadAdmins) return;\n (async () => {\n setHasLoadAdmins(true);\n })();\n }, [hasLoadAdmins]);\n\n const fetchIssues = async (isRefresh = false) => {\n try {\n if (isLoading) return;\n setIsLoading(true);\n const { status } = query;\n let newData = [];\n let newNextToken;\n let newIssuesFetchedCount = 0;\n\n if (status.length > 0) {\n const currentToken = isRefresh ? null : nextToken;\n do {\n const params = {\n clientId,\n filter: {\n or: status.map((item) => ({ status: { eq: item } })),\n },\n limit: ITEMS_PER_PAGE,\n sortDirection: 'DESC',\n nextToken: newNextToken || currentToken,\n };\n const { data: { getIssuesByClientByCreatedAt: { items, nextToken: nextTokenFromServer } } } = await request(getIssuesByClientByCreatedAt, params);\n newNextToken = nextTokenFromServer;\n if (items) {\n newData = [...newData, ...items];\n newIssuesFetchedCount += items.length;\n }\n } while (newNextToken && newIssuesFetchedCount < ITEMS_PER_PAGE);\n setNextToken(newNextToken);\n setHasMore(!!newNextToken);\n } else {\n setNextToken();\n setHasMore(false);\n }\n\n newData = newData.sort(sortBy('createdAt', true));\n\n if (isRefresh) {\n setIssues(newData);\n setSelectedIssue(newData[0]);\n } else {\n setIssues((prev) => [...prev, ...newData]);\n }\n } catch (e) {\n global.logger.debug(e);\n setNextToken();\n setHasMore(false);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n if (!query) return;\n fetchIssues(true);\n }, [query, lastUpdatedAt, clientId]);\n\n return (\n \n
\n \n
\n ))}\n {comment.username} - {moment(comment.createdAt).format('YYYY-MM-DD HH:mm')}
\n {comment.content}
\n \n \n {isLoading &&
\n 點此或拖曳上傳圖片
}\n\n \n 請注意：\n \n \n {`1. 週期性排單中若餐點名稱為『${oldMeal.name}』將被修改為新的餐點設定。`}\n \n \n {`2. 訂單中送餐時間為${effectiveDate}當天或之後，且餐點名稱為『${oldMeal.name}』將被修改為新的餐點設定。`}\n \n
\n \n \n {meals.length === 0 && {`尚無${t('餐點')}`} }\n {meals.map(({ id, name, isPublic, description, price, cost, tags, imageS3Keys, imageUrl, surcharges }) => (\n \n \n \n \n handleDelete(id, name, tags)}\n size={'small'}\n disabled={isLoading}\n >\n \n \n {name} {isPublic ? '*' : ''}\n \n \n {description}\n \n \n 單價 ${price} 進價 ${cost || 0}\n \n {tags.items.map(({ tag }, index)=>(\n \n \n \n ))}\n \n
);\n}\n\nRestaurantMealGrids.propTypes = {\n restaurantId: PropTypes.string,\n};\n","export const getRestaurantMealsByRestaurantByIsActive = /* GraphQL */ `\n query GetRestaurantMealsByRestaurantByIsActive(\n $restaurantId: ID\n $isActive: ModelIntKeyConditionInput\n $sortDirection: ModelSortDirection\n $filter: ModelRestaurantMealFilterInput\n $limit: Int\n $nextToken: String\n ) {\n getRestaurantMealsByRestaurantByIsActive(\n restaurantId: $restaurantId\n isActive: $isActive\n sortDirection: $sortDirection\n filter: $filter\n limit: $limit\n nextToken: $nextToken\n ) {\n items {\n id\n restaurantId\n isActive\n isPublic\n name\n description\n price\n cost\n surcharges {\n name\n price\n }\n previewS3Keys\n imageS3Keys\n tags {\n items {\n id\n restaurantMealId\n tagId\n tag {\n id\n category\n subcategory\n color\n label\n }\n }\n nextToken\n }\n createdAt\n createdBy\n updatedAt\n updatedBy\n }\n nextToken\n }\n }\n`;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n// import Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\n// import { Hub } from 'aws-amplify';\n\nimport {\n listRestaurants,\n getRestaurant,\n getRestaurantsByCountyByIsActive,\n getRestaurantsByClientByIsActive,\n} from 'graphql/queries';\n\nimport LinkButton from 'components/Table/LinkButton';\nimport RestaurantMealGrids from 'components/RestaurantMealGrids';\nimport { request, asyncListAll } from 'utilities/graph';\nimport { sortBy } from 'utilities/sorting';\nimport cache from 'utilities/cache';\n\nexport default function RestaurantMeals({ restaurantId }) {\n const [restaurants, setRestaurants] = useState([]);\n\n // const openRestaurantWindow = (restaurantId) => {\n // Hub.dispatch('winbox', { event: 'restaurant', data: { id: restaurantId } });\n // };\n\n useEffect(() => {\n (async () => {\n if (restaurantId) {\n const { data: { getRestaurant: restaurant } } = await request(getRestaurant, { id: restaurantId });\n setRestaurants([restaurant]);\n\n return;\n }\n\n const clientId = cache.get('app:facilityId');\n\n if (clientId) {\n const restaurants = await asyncListAll(getRestaurantsByClientByIsActive, { clientId });\n setRestaurants(restaurants);\n return;\n }\n\n const location = cache.get('app:location');\n\n const restaurants = location ?\n await asyncListAll(getRestaurantsByCountyByIsActive, { county: location }) :\n await asyncListAll(listRestaurants);\n\n setRestaurants(restaurants.sort(sortBy('name')));\n })();\n }, [restaurantId]);\n\n return (\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n 
{\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n
![\"Architecture\"](\"/images/architecture.png\")
\n ![\"Connection\"](\"/images/connection.png\")
\n )}\n \n \n {selectedApp.name}\n \n
\n \n \n 銀色大門會將以下資料在30個工作天後刪除，並寄送通知至註冊的Email。\n \n \n \n
\n\n - \n
- 登入資訊 帳號/密碼 \n
- 個人資訊 地址/電話 \n
- GPS資訊 (如果有提供) \n
- 金融資訊 (如果有提供) \n
\n \n 已申請刪除{selectedApp.name}帳號 ({moment(req.requestedAt).format('YYYY-MM-DD HH:mm:ss')})\n \n \n 狀態： \n
\n ))\n }\n 
*/}\n 
\n \n {t('運送時間因實際狀況、天氣、車隊派送情形為主。')}
\n {t('運送距離上限：8公里內（以平台計算為主）')}\n
*/}\n \n \n {t('運送距離上限：8公里內（以平台計算為主）')}\n
\n {selected.map((item, index) => {\n const [\n category,\n subcategory,\n label,\n color,\n ] = item.split('__');\n const tag = {\n category,\n subcategory,\n label,\n color,\n };\n return (\n
\n )}\n >\n {tagKeys.map((item) => (\n \n ))}\n \n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n {\n e.target.onerror = null;\n e.target.src = '/images/meal.webp';\n }}\n />\n
\n \n 目前尚未開放此區域或是已超出配送範圍，請加入銀色大門詢問客服人員申請。
\n Line：@oqm7360u
\n
\n \n 確認訂單（現金付款）\n \n }\n \n
\n );\n}\n\nCashButton.propTypes = {\n disabled: PropTypes.bool,\n onComplete: PropTypes.func,\n redirectPath: PropTypes.string,\n reportLoading: PropTypes.func,\n};\n","import React, { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\n// import { makeStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Link from '@material-ui/core/Link';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';\nimport { useHistory } from 'react-router-dom';\n\nimport { formatAddress } from 'utilities/format';\n// import Directions from 'components/Map/Directions';\nimport cache from 'utilities/cache';\nimport CustomAuthDialog from 'components/Auth/CustomAuthDialog';\n// import CreditCard from 'components/Payment/CreditCard';\nimport LinePayButton from 'components/Payment/LinePayButton';\nimport NewebPayButton from 'components/Payment/NewebPayButton';\nimport CashButton from 'components/Payment/CashButton';\nimport { request, asyncListAll } from 'utilities/graph';\nimport { quoteOrder, createElder, updateElder, createElderTag, clientCreateOrder, individualClientCreateOrder } from 'graphql/mutations';\nimport { getEldersByClientByStatus, getUser, getRestaurant, getRestaurantHolidayByRestaurantByYear } from 'graphql/queries';\nimport { Colors } from '@silvergatedelivery/constants';\nimport DataJoinEditorInput from 'components/DataJoinEditor/DataJoinEditorInput';\nimport moment from 'moment';\nimport InvoiceInput from './InvoiceInput';\nimport { TIME_ZONE } from '@silvergatedelivery/constants';\nimport { compareObjects } from 'utilities/sorting';\n\nconst ENABLE_PAYMENT = false; // TODO: put in client setting?\n\nconst DATE_OPTIONS = Array(14).fill('').map((i, index) => {\n return moment().add(index + 1, 'days').format('YYYY/MM/DD');\n});\n\nconst TIME_OPTIONS_LUNCH = [\n '10:00-11:00',\n '11:00-12:00',\n '12:00-13:00',\n '13:00-14:00',\n];\n\nconst TIME_OPTIONS_DINNER = [\n '16:00-17:00',\n '17:00-18:00',\n '18:00-19:00',\n];\n\nconst dayMapping = [\n 'sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday',\n];\n\nexport default function CompleteOrder({ onStepBack }) {\n const { t } = useTranslation();\n const history = useHistory();\n const [order, setOrder] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [agreeTerms, setAgreeTerms] = useState(false);\n const [agreeCancelInvoice, setAgreeCancelInvoice] = useState(false);\n const [invoice, setInvoice] = useState({\n type: 'individual',\n email: '',\n carrier: '',\n title: '',\n taxIdNumber: '',\n });\n const [date, setDate] = useState(DATE_OPTIONS[0]);\n const [timeSlot, setTimeSlot] = useState(TIME_OPTIONS_LUNCH[0]);\n const [restaurant, setRestaurant] = useState();\n const [restaurantHolidays, setRestaurantHolidays] = useState();\n\n const getRestaurantAndHolidays = async (restaurantId) => {\n const start = moment().tz(TIME_ZONE).year();\n const end = start + 1;\n const promises = [\n await asyncListAll(getRestaurantHolidayByRestaurantByYear, {\n restaurantId,\n year: {\n between: [start, end],\n },\n }),\n await request(getRestaurant, { id: restaurantId }),\n ];\n const [holidays, { data: { getRestaurant: restaurant } }] = await Promise.all(promises);\n setRestaurant(restaurant);\n setRestaurantHolidays(holidays);\n };\n\n const restaurantClosed = (dateToCheck) => {\n const dateItem = moment(dateToCheck).tz(TIME_ZONE);\n const date = dateItem.format('YYYY-MM-DD');\n const day = dateItem.day();\n\n if (restaurantHolidays && restaurantHolidays.length !== 0) {\n const year = dateItem.year();\n const holidays = restaurantHolidays.find(\n (restaurantHoliday) => restaurantHoliday.year === year,\n );\n if (holidays && holidays.closedDays.length !== 0) {\n if (holidays.closedDays.includes(date)) {\n return true;\n }\n }\n }\n if (restaurant && restaurant.openingHours) {\n const { openingHours } = restaurant;\n if (Object.keys(openingHours).every((key) => openingHours[key].length === 0)) {\n return false;\n }\n if (openingHours[dayMapping[day]].length === 0) {\n return true;\n }\n }\n return false;\n };\n\n const updateOrder = (toUpdateProps = {}) => {\n // global.logger.debug('updateOrder', toUpdateProps);\n\n const updatedOrder = Object.assign(order, toUpdateProps);\n\n setOrder({ ...updatedOrder });\n cache.set('public:menu-order', updatedOrder);\n\n global.logger.debug('order', updatedOrder);\n };\n\n const updateOrderDate = (newDate) => {\n const toUpdateProps = {\n date: newDate,\n deliveryBy: moment(`${newDate} ${timeSlot.split('-')[0]}`).tz(TIME_ZONE).toISOString(),\n };\n updateOrder(toUpdateProps);\n setDate(newDate);\n };\n\n const updateOrderTimeSlot = (newTimeSlot) => {\n const toUpdateProps = {\n timeSlot: newTimeSlot,\n deliveryBy: moment(`${date} ${newTimeSlot.split('-')[0]}`).tz(TIME_ZONE).toISOString(),\n };\n updateOrder(toUpdateProps);\n setTimeSlot(newTimeSlot);\n };\n\n const handleComplete = async (transaction) => {\n setIsLoading(true);\n global.logger.debug({ transaction, order, invoice });\n\n const username = cache.get('app:username');\n let clientId = cache.get('app:clientId');\n if (!clientId) {\n const { data: { getUser: existingUser } } = await request(getUser, { username });\n clientId = existingUser.clientId;\n }\n\n const { id: transactionId } = transaction;\n\n const {\n orderQuoteId,\n restaurantId,\n noteForDelivery,\n noteForMeal,\n noteForHealth,\n note,\n address,\n elderName,\n elderPhoneNumber,\n elderHealthTags,\n deliveryBy,\n mealItems,\n elderId: selectedElderId,\n mealPrice,\n } = order;\n\n let elderId = selectedElderId;\n let needCreateElder = false;\n let needUpdateElder = false;\n if (elderId) {\n const existingElders = await asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: { eq: '使用中' },\n });\n const matched = existingElders.find(({ id }) => id === elderId);\n if (matched) {\n if (!compareObjects(matched.address, address)) {\n needCreateElder = true;\n } else if (matched.name !== elderName) {\n needCreateElder = true;\n } else if (matched.noteForDelivery !== noteForDelivery ||\n matched.noteForMeal !== noteForMeal ||\n matched.noteForHealth !== noteForHealth ||\n matched.phoneNumber !== elderPhoneNumber\n ) {\n needUpdateElder = true;\n }\n } else {\n // 剛好被停用？\n needUpdateElder = true;\n }\n } else {\n needCreateElder = true;\n }\n if (needUpdateElder) {\n await request(updateElder, {\n input: {\n id: elderId,\n updatedBy: username,\n phoneNumber: elderPhoneNumber,\n noteForDelivery,\n noteForMeal,\n noteForHealth,\n },\n }, 'AMAZON_COGNITO_USER_POOLS');\n } else if (needCreateElder) {\n const { data: { createElder: { id } } } = await request(createElder, {\n input: {\n status: '使用中',\n clientId,\n county: address.county,\n createdBy: username,\n updatedBy: username,\n username: 'N/A',\n name: elderName,\n phoneNumber: elderPhoneNumber,\n address,\n noteForDelivery,\n noteForMeal,\n noteForHealth,\n note,\n isAllowedToEnterHome: 0,\n isDisadvantaged: 0,\n },\n }, 'AMAZON_COGNITO_USER_POOLS');\n\n elderId = id;\n\n // Update elder tags\n global.logger.debug('elderHealthTags', elderHealthTags);\n await Promise.all((elderHealthTags || []).map(async (tagItem) => {\n if (tagItem && tagItem.id) {\n const joinData = {\n tagId: tagItem.id,\n elderId,\n createdBy: username,\n updatedBy: username,\n };\n\n await request(createElderTag, { input: joinData });\n }\n }));\n }\n\n const getInvoiceSetting = () => {\n if (!ENABLE_PAYMENT) {\n return;\n }\n const { type, email, carrier, title, taxIdNumber } = invoice;\n return {\n type,\n email,\n carrier: (type === 'individual')? carrier : '',\n title: type === 'enterprise' ? title : '',\n taxIdNumber: type === 'enterprise' ? taxIdNumber : '',\n };\n };\n\n if (ENABLE_PAYMENT) {\n const input = {\n orders: [{\n orderQuoteId,\n transactionId,\n clientId,\n restaurantId,\n elderId,\n category: '送餐',\n deliveryDatetimes: [deliveryBy],\n noteForDelivery,\n noteForMeal,\n note,\n total: mealPrice,\n mealItems: mealItems.map((mealItem) => ({\n name: mealItem.name,\n price: mealItem.price,\n quantity: mealItem.quantity,\n })),\n invoiceSetting: getInvoiceSetting(),\n source: 'web',\n }],\n };\n const res = await request(clientCreateOrder, { input });\n global.logger.debug(res);\n } else {\n const input = {\n orders: [{\n orderQuoteId,\n restaurantId,\n elderId,\n category: '送餐',\n deliveryDatetimes: [deliveryBy],\n noteForDelivery,\n noteForMeal,\n note,\n total: mealPrice,\n mealItems: mealItems.map((mealItem) => ({\n name: mealItem.name,\n price: mealItem.price,\n quantity: mealItem.quantity,\n })),\n }],\n invoiceSetting: getInvoiceSetting(),\n transactionId: transactionId,\n individualId: clientId,\n facilityId: restaurant.clientId, // TODO\n source: 'web',\n };\n const res = await request(individualClientCreateOrder, { input });\n global.logger.debug(res);\n }\n\n cache.purge('public:menu-');\n history.push(`/client/myOrders`);\n setIsLoading(false);\n };\n\n const isLoggedIn = cache.get('app:username') ? true : false;\n useEffect(() => {\n if (isLoggedIn) {\n const email = cache.get('app:email');\n if (invoice.email === '') {\n setInvoice({\n ...invoice,\n email,\n });\n }\n }\n }, [isLoggedIn]);\n\n useEffect(() => {\n if (!order || isLoading || !restaurant) return;\n\n const { restaurantId, address } = order;\n\n if (order.errorMessage &&\n order.quoteParams &&\n order.quoteParams.addressCounty === address.county &&\n order.quoteParams.addressZipCode === address.zipCode &&\n order.quoteParams.addressDistrict === address.district &&\n order.quoteParams.addressStreet === address.street &&\n order.quoteParams.restaurantId === restaurantId\n ) {\n return;\n }\n\n if (order.distance) return;\n\n (async () => {\n setIsLoading(true);\n\n const params = {\n input: {\n clientId: restaurant.clientId, // TODO\n restaurantId,\n addressCounty: address.county,\n addressZipCode: address.zipCode,\n addressDistrict: address.district,\n addressStreet: address.street,\n },\n };\n const {\n data: {\n quoteOrder: {\n data: {\n orderQuoteId,\n code,\n distance,\n deliveryStaffFee,\n startAddress,\n endAddress,\n message,\n },\n },\n },\n } = await request(quoteOrder, params);\n\n if (code === 'SUCCESS') {\n updateOrder({\n orderQuoteId,\n distance,\n deliveryStaffFee,\n startAddress,\n endAddress,\n subTotal: order.mealPrice + deliveryStaffFee,\n errorMessage: '',\n quoteParams: {},\n });\n } else {\n global.logger.debug({ params, message });\n updateOrder({\n errorMessage: '送餐地址有誤或距離過遠，請更新後重試。',\n quoteParams: params,\n });\n }\n\n setIsLoading(false);\n })();\n }, [order, restaurant]);\n\n useEffect(() => {\n (async () => {\n const {\n id: elderId,\n name: elderName,\n phoneNumber: elderPhoneNumber,\n address,\n noteForDelivery,\n noteForMeal,\n noteForHealth,\n } = cache.get('public:menu-elder');\n const {\n restaurantId,\n mealItems,\n restaurantName,\n } = cache.get('public:menu-meals');\n const exitingOrder = cache.get('public:menu-order') || {};\n\n if (exitingOrder.restaurantId !== restaurantId ||\n exitingOrder.address.lat !== address.lat ||\n exitingOrder.address.lng !== address.lng) {\n exitingOrder.distance = undefined;\n exitingOrder.deliveryStaffFee = 0;\n }\n const mealPrice = mealItems.reduce((pre, { price }) => pre + price, 0);\n const order = {\n distance: undefined,\n deliveryFee: 0,\n startAddress: '',\n endAddress: '',\n date,\n timeSlot,\n deliveryBy: moment(`${date} ${timeSlot.split('-')[0]}`).tz(TIME_ZONE).toISOString(),\n ...exitingOrder,\n elderId,\n elderName,\n elderPhoneNumber,\n noteForDelivery,\n noteForMeal,\n noteForHealth,\n restaurantId,\n restaurantName,\n address,\n mealItems,\n mealPrice,\n subTotal: mealPrice + (exitingOrder.deliveryStaffFee || 0),\n errorMessage: '',\n };\n\n if (!order.elderName) {\n const clientId = cache.get('app:clientId');\n if (clientId) {\n const elders = await asyncListAll(getEldersByClientByStatus, {\n clientId,\n status: { eq: '使用中' },\n });\n if (elders.length > 0) {\n order.elderName = elders[0].name;\n order.elderPhoneNumber = elders[0].phoneNumber;\n }\n }\n }\n\n setOrder(order);\n if (exitingOrder.date) {\n setDate(exitingOrder.date);\n }\n if (exitingOrder.timeSlot) {\n setTimeSlot(exitingOrder.timeSlot);\n }\n\n const exitingInvoice = cache.get('public:menu-invoice');\n if (exitingInvoice) {\n setInvoice({ invoice, ...exitingInvoice });\n }\n await getRestaurantAndHolidays(restaurantId);\n })();\n }, []);\n\n const onInvoiceChange = (invoice) => {\n setInvoice(invoice);\n cache.set('public:menu-invoice', invoice);\n };\n\n if (!order) return null;\n\n // global.logger.debug('order', order);\n\n const invoiceValid = () => {\n if (invoice.type === 'individual') {\n if (invoice.email.length === 0) {\n return false;\n }\n } else if (invoice.type === 'enterprise') {\n if (invoice.email.length === 0 || invoice.title.length === 0 || invoice.taxIdNumber.length === 0) {\n return false;\n }\n }\n return true;\n };\n\n const timeInSlot = (startTime, endTime, toCheck) => {\n const toMinutes = (time) => {\n const [hours, minutes] = time.split(':').map(Number);\n return hours * 60 + minutes;\n };\n return toMinutes(toCheck) >= toMinutes(startTime) && toMinutes(toCheck) <= toMinutes(endTime);\n };\n\n const getTimeSlotOptions = (defaultTimeSlotOptions) => {\n let filteredOptions = defaultTimeSlotOptions;\n if (!restaurant || !restaurant.openingHours ||\n Object.keys(restaurant.openingHours).every((key) => restaurant.openingHours[key].length === 0)) {\n return filteredOptions;\n }\n const day = moment(date).tz(TIME_ZONE).day();\n\n if (restaurant.openingHours[dayMapping[day]].length === 0) {\n return [];\n } else {\n filteredOptions = defaultTimeSlotOptions.filter((option) => {\n const [slotStart, slotEnd] = option.split('-');\n if (restaurant.openingHours[dayMapping[day]].some((openingHours)=> {\n if (timeInSlot(openingHours.startTime, openingHours.endTime, slotStart) ||\n timeInSlot(openingHours.startTime, openingHours.endTime, slotEnd)) {\n return true;\n }\n return false;\n })) {\n return true;\n }\n return false;\n });\n }\n\n return filteredOptions;\n };\n\n const lunchTimeSlotOptions = getTimeSlotOptions(TIME_OPTIONS_LUNCH);\n const dinnerTimeSlotOptions = getTimeSlotOptions(TIME_OPTIONS_DINNER);\n\n const restaurantClosedOnDateSelected = restaurantClosed(date);\n const restaurantClosedAtTimeSlotSelected = !lunchTimeSlotOptions.includes(timeSlot) && !dinnerTimeSlotOptions.includes(timeSlot);\n\n const formDateInvalid = () => {\n if (ENABLE_PAYMENT) {\n return isLoading || !order.elderName || !order.elderPhoneNumber || !agreeTerms ||\n !agreeCancelInvoice || !invoiceValid() || restaurantClosedOnDateSelected || restaurantClosedAtTimeSlotSelected;\n }\n return isLoading || !order.elderName || !order.elderPhoneNumber || restaurantClosedOnDateSelected || restaurantClosedAtTimeSlotSelected;\n };\n\n return (\n \n 我同意辦理退貨時由銀色大門代為處理電子發票以加速退貨退款作業\n
}\n />\n \n 我同意\n \n 隱私權及保護政策\n \n 與\n \n 退貨退款政策\n \n
}\n />\n \n {\n if (activeStep === index) {\n cache.set(`public:menu-${item.key}`, data);\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n }\n }}\n onStepBack={(data) => {\n if (activeStep === index) {\n if (data) {\n cache.set(`public:menu-${item.key}`, data);\n }\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n }\n }}\n />\n
);\n })}\n