systemrobotassistant 3.0.8

package/src/component/error-boundary/index.jsx

@@ -0,0 +1,39 @@
+import { Component } from 'react'
+
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props)
+    this.state = { hasError: false }
+  }
+
+  static getDerivedStateFromError() {
+    // 更新 state 使下一次渲染可以显示降级 UI
+    return { hasError: true }
+  }
+
+  componentDidCatch(error, info) {
+    // "组件堆栈" 例子:
+    //   in ComponentThatThrows (created by App)
+    //   in ErrorBoundary (created by App)
+    //   in div (created by App)
+    //   in App
+    console.error('帮助中心组件报错异常', info.componentStack)
+  }
+
+  render() {
+    const {
+      hasError,
+    } = this.state
+
+    const { children } = this.props
+    if (hasError) {
+      // 你可以渲染任何自定义的降级 UI
+      return null
+    }
+
+    return children
+  }
+}
+
+
+export default ErrorBoundary

package/src/component/it-notice-modal/columns.js

@@ -0,0 +1,102 @@
+import React from 'react'
+import ImagesPreviewer from '@shein-components/ImagesPreviewer'
+import styles from './style.less'
+
+export default (t) => [
+  {
+    title: t('序号'),
+    render: 'serialNumber',
+    width: 60,
+  },
+  {
+    title: t('报告人'),
+    width: 100,
+    render: 'reportUserName',
+  },
+  {
+    title: t('需求描述'),
+    width: 200,
+    render: r => (
+      r.isOneOrderMutiDemand !== 2 ? (
+        <div
+          className={styles.clickText}
+          onClick={() => {
+            window.open(r?.jiraInfoList[0].jiraUrl)
+          }}
+        >
+          {r?.jiraInfoList[0].jiraDescription}
+        </div>
+      ) : (
+        <div className={styles.tdCol}>
+          <div className={styles.title}>{t('一单多需求')}</div>
+          {
+            r.jiraInfoList?.map((item, index) => (
+              <div
+                className={styles.listItem}
+              >
+                {
+                  r.jiraInfoList?.length > 1 ? (
+                    <span style={{ flexShrink: 0 }}>{index + 1}、&nbsp;</span>
+                  ) : null
+                }
+                <span
+                  className={styles.clickText}
+                  onClick={() => {
+                    window.open(item.jiraUrl)
+                  }}
+                >
+                  {item.jiraDescription}
+                </span>
+              </div>
+            ))
+          }
+        </div>
+      )
+    ),
+  },
+  {
+    title: t('业务需求单号'),
+    width: 120,
+    render: r => (
+      !r.bizProjectIssueNum ? '/' : (
+        <div>
+          <div
+            className={styles.clickText}
+            onClick={() => {
+              window.open(r.jiraIssueUrl)
+            }}
+          >
+            {r.bizProjectIssueNum}
+          </div>
+          {
+            r.bizOrigDemandOnlineCount > 0 ? (
+              <div>
+                {t('累计已上线{0}个', r.bizOrigDemandOnlineCount)}
+              </div>
+            ) : null
+          }
+        </div>
+      )
+    ),
+  },
+  {
+    title: t('图片'),
+    width: 120,
+    render: r => (
+      r.imageUrlList?.length ? (
+        <ImagesPreviewer
+          width="80px"
+          height="60px"
+          showRotate
+          showThumbTotal
+          showPopover={false}
+          dataSource={{
+            thumb: r.imageUrlList || [],
+            origin: r.imageUrlList || [],
+          }}
+          onBadgeClick={() => { console.warn('badge click!') }}
+        />
+      ) : '/'
+    ),
+  },
+]

package/src/component/it-notice-modal/double-tab.jsx

@@ -0,0 +1,83 @@
+import React, { useMemo } from 'react'
+import { Tabs, Table } from 'shineout'
+import DataContainer from '../data-container'
+import createColumns from './columns'
+import styles from './style.less'
+
+const SingleTab = (props) => {
+  const {
+    infoLoading, info, belongSystemList, curBelongSystemId, t,
+    onSystemChange, dateInfoList, selectedDateInDouble, onDateChange,
+  } = props
+  const columns = useMemo(() => createColumns(t), [t])
+
+  return (
+    <div className={styles.tabCon}>
+      {
+        belongSystemList?.length ? (
+          <Tabs
+            className={styles.subTabCon}
+            shape="line"
+            active={curBelongSystemId}
+            onChange={(value) => {
+              onSystemChange && onSystemChange(value)
+            }}
+          >
+            {
+              belongSystemList?.map(item => (
+                <Tabs.Panel
+                  key={item.belongSystemId}
+                  id={item.belongSystemId}
+                  tab={item.belongSystemName}
+                />
+              ))
+            }
+          </Tabs>
+        ) : null
+      }
+      <div className={styles.datesCon}>
+        {
+          dateInfoList?.map(item => (
+            <div
+              className={[styles.dateItem, selectedDateInDouble === item.date && styles.active].join(' ')}
+              onClick={() => {
+                onDateChange && onDateChange(item)
+              }}
+            >
+              {item.dateStr}
+            </div>
+          ))
+        }
+      </div>
+      <div className={styles.mainNoticeCon}>
+        {
+          info?.jiraCount > 0 ? (
+            <div className={styles.containerTitle}>
+              {t('包含{0}个需求', <span className={styles.numberText}>{info.jiraCount}</span>)}
+            </div>
+          ) : null
+        }
+        <DataContainer
+          className={styles.cardBody}
+          loading={infoLoading}
+        >
+          {
+          info.jiraUnitList?.length ? (
+            <div className={styles.tableWrapper}>
+              <Table
+                empty={t('暂无数据')}
+                width={600}
+                columns={columns}
+                className={styles.table}
+                data={info.jiraUnitList || []}
+              />
+            </div>
+          ) : null
+        }
+        </DataContainer>
+      </div>
+    </div>
+  )
+}
+
+export default SingleTab

package/src/component/it-notice-modal/index.jsx

@@ -0,0 +1,404 @@
+import React, { useCallback, useEffect } from 'react'
+import moment from 'moment'
+import classnames from 'classnames'
+import { Modal, Button, Popover } from 'shineout'
+import Icon from '@shein-components/Icon'
+import DataContainer from '../data-container'
+import ScrollView from '../scroll-view'
+import genRenderPromise from '../../js/gen-render-promise'
+import useImmer from '../../js/state-immer'
+import SingleTab from './single-tab'
+import DoubleTab from './double-tab'
+import { getLabel } from './utils'
+import {
+  allReportList, readITInform, popITDoubleWeekInform,
+  systemList, systemDateList, popITInform,
+} from './server'
+import styles from './style.less'
+
+const cs = classnames.bind(classnames)
+
+const TAB_TYPE = {
+  SINGLE: 1,
+  DOUBLE: 2,
+}
+
+const defaultState = {
+  info: {},
+  menuCollapse: false,
+  activeDate: '',
+  curBelongSystemId: '',
+  planInfo: {},
+  pageNo: 1,
+  pageSize: 100,
+  reportLoading: false,
+  tabType: TAB_TYPE.SINGLE,
+  infoLoading: false,
+  curReportDateInfo: {},
+  sealConfig: '',
+  belongSystemList: [],
+  selectedDateInDouble: '', // 双周计划中选中的时间
+  dateInfoList: [],
+}
+
+const ITNoticeModal = ({
+  zIndex, defaultMenuCollapse, t, onClose, onOk,
+}) => {
+  const [state, setState] = useImmer({
+    ...defaultState,
+    menuCollapse: defaultMenuCollapse,
+  })
+
+  const {
+    info, menuCollapse, activeDate, sealConfig,
+    reportInfoList, pageNo, pageSize, reportLoading, tabType,
+    infoLoading, curReportDateInfo, belongSystemList,
+    curBelongSystemId, dateInfoList, selectedDateInDouble, submitLoading,
+  } = state
+
+  const getPopItInfo = useCallback((itInformId, belongSystemId) => {
+    setState({
+      infoLoading: true,
+    })
+    popITInform({
+      itInformId,
+      belongSystemId,
+    }).then((res) => {
+      setState({
+        infoLoading: false,
+      })
+      if (res) {
+        setState({
+          info: res?.info || {},
+          tabType: TAB_TYPE.SINGLE,
+        })
+      }
+    })
+  }, [])
+
+  const getDoubleItInfo = useCallback((itInformId, belongSystemId, date) => {
+    setState({
+      infoLoading: true,
+    })
+    popITDoubleWeekInform({
+      itInformId,
+      belongSystemId,
+      date,
+    }).then((res) => {
+      setState({
+        infoLoading: false,
+      })
+      if (res) {
+        setState({
+          info: res?.info || {},
+          tabType: TAB_TYPE.DOUBLE,
+        })
+      }
+    })
+  }, [])
+
+  const getSystemDateList = useCallback(async (itInformId) => {
+    const res = await systemDateList({ itInformId })
+    if (res) {
+      setState({
+        belongSystemList: res?.info || [],
+      })
+      if (res?.info?.length) {
+        const { belongSystemId } = res.info[0] || {}
+        const dateList = res?.info[0]?.dateInfoList || []
+        const date = dateList[0]?.date
+        setState({
+          curBelongSystemId: belongSystemId,
+          dateInfoList: dateList,
+          selectedDateInDouble: date,
+        })
+        if (date) {
+          getDoubleItInfo(itInformId, belongSystemId, date)
+        }
+      }
+    }
+  }, [])
+
+  const getSystemList = useCallback(async (itInformId) => {
+    const res = await systemList({
+      itInformId,
+    })
+    if (res) {
+      setState({
+        belongSystemList: res?.info || [],
+      })
+      if (res.info?.length) {
+        const { belongSystemId } = res.info[0] || {}
+        setState({
+          curBelongSystemId: belongSystemId,
+        })
+        // 请求单日计划
+        getPopItInfo(itInformId, belongSystemId)
+      }
+    }
+  }, [])
+
+  const getReportList = useCallback((params, isAdd) => {
+    setState({
+      reportLoading: true,
+    })
+    allReportList({
+      pageNo: params.pageNo || 1,
+      pageSize,
+    }).then((res) => {
+      setState({
+        reportLoading: false,
+      })
+      if (res) {
+        const { reportInfoList: _reportInfoList = [] } = res?.info || {}
+        const list = isAdd ? [...reportInfoList, ..._reportInfoList] : _reportInfoList
+        const curInfo = !isAdd ? (list?.[0] || {}) : curReportDateInfo
+        setState({
+          sealConfig: res?.info.sealConfig,
+          reportInfoList: list,
+          curReportDateInfo: curInfo,
+        })
+        if (isAdd && _reportInfoList?.length) {
+          setState({
+            pageNo: params.pageNo,
+          })
+        }
+        if (!isAdd && _reportInfoList?.length) {
+          getSystemList(curInfo.itInformId)
+        }
+      }
+    })
+  }, [reportInfoList, activeDate, curReportDateInfo, getSystemList])
+
+  useEffect(() => {
+    getReportList({ pageNo: 1 })
+  }, [])
+
+  const readInfo = useCallback(async (itInformId) => {
+    const res = await readITInform({
+      itInformId,
+    })
+    return res
+  }, [curReportDateInfo])
+
+  return (
+    <Modal
+      visible
+      hideClose
+      fullScreen
+      maskCloseAble
+      zIndex={zIndex}
+      className={styles.itNoticeModal}
+      onClose={async () => {
+        await readInfo(curReportDateInfo.itInformId)
+        onClose()
+      }}
+    >
+      <div className={styles.modalHeader}>
+        <div>{t('版本上线通知')}</div>
+        {
+          !curReportDateInfo.startDate ? null : (
+            <div className={styles.tabExtraCon}>
+              {t('生成日期：')}{getLabel(moment(), curReportDateInfo.startDate)}
+            </div>
+          )
+        }
+        <Icon
+          name="pc-close"
+          className={styles.closeIcon}
+          onClick={async () => {
+            await readInfo(curReportDateInfo.itInformId)
+            onClose()
+          }}
+        />
+      </div>
+      <DataContainer className={styles.modalBody}>
+        {
+          reportInfoList?.length ? (
+            <>
+              <div className={cs(styles.leftCon, !menuCollapse && styles.indentLeftCon)}>
+                <div className={styles.leftHeader}>
+                  <span className={styles.headTitle}>{t('公告列表')}</span>
+                  <Icon
+                    name={menuCollapse ? 'pc-indent' : 'pc-outdent'}
+                    className={styles.indentIcon}
+                    onClick={() => {
+                      setState({
+                        menuCollapse: !menuCollapse,
+                      })
+                    }}
+                  />
+                </div>
+                {
+                  menuCollapse ? (
+                    <ScrollView
+                      className={styles.leftListCon}
+                      loading={reportLoading}
+                      onRefresh={() => {
+                        getReportList({ pageNo: pageNo + 1 }, true)
+                      }}
+                    >
+                      {
+                        reportInfoList?.map(item => (
+                          // 每次切换日期的时候，都默认到单日版本的tab
+                          <div
+                            className={
+                              cs(styles.menuItem, curReportDateInfo.itInformId === item.itInformId && styles.active)
+                            }
+                            onClick={() => {
+                              setState({
+                                curReportDateInfo: item,
+                                tabType: TAB_TYPE.SINGLE,
+                                dateInfoList: [],
+                                belongSystemList: [],
+                                info: {},
+                              })
+                              getSystemList(item.itInformId)
+                            }}
+                          >
+                            {item.title}
+                          </div>
+                        ))
+                      }
+                    </ScrollView>
+                  ) : null
+                }
+              </div>
+              <div className={styles.rightCon}>
+                <div className={styles.tabHeader}>
+                  <div
+                    className={cs(styles.tabItem, tabType === TAB_TYPE.SINGLE && styles.active)}
+                    onClick={() => {
+                      setState({
+                        tabType: TAB_TYPE.SINGLE,
+                        info: {},
+                        belongSystemList: [],
+                        dateInfoList: [],
+                      })
+                      getSystemList(curReportDateInfo.itInformId)
+                    }}
+                  >
+                    <span>{curReportDateInfo.windowTitle}</span>
+                    {
+                      curReportDateInfo.windowTitlePlus ? (
+                        <span>{curReportDateInfo.windowTitlePlus}</span>
+                      ) : null
+                    }
+                  </div>
+                  <div
+                    className={cs(styles.tabItem, tabType === TAB_TYPE.DOUBLE && styles.active)}
+                    onClick={() => {
+                      setState({
+                        tabType: TAB_TYPE.DOUBLE,
+                        info: {},
+                        belongSystemList: [],
+                        dateInfoList: [],
+                      })
+                      getSystemDateList(curReportDateInfo.itInformId)
+                    }}
+                  >
+                    <span>{t('双周计划')}</span>
+                    <span>({curReportDateInfo.windowPlanTitle})</span>
+                    <span className={styles.helpIcon}>
+                      <Popover zIndex={zIndex + 1} trigger="hover">
+                        {t('双周计划数据是版本上线通知生成时，查询到的计划上线数据。')}
+                      </Popover>
+                      <Icon
+                        name="pc-help-circle"
+                        fontSize={14}
+                      />
+                    </span>
+                  </div>
+                </div>
+                <div className={styles.signatureCon}>
+                  <img src="https://assets.dotfashion.cn/unpkg/@shein/static-file@1.0.96/image/hfc/pc-invalid.svg" alt="" />
+                  <div className={styles.signatureTextCon}>
+                    <div className={styles.configText}>{sealConfig}</div>
+                    <div>{t('IT通告发文专用章')}</div>
+                  </div>
+                </div>
+                {
+                  tabType === TAB_TYPE.SINGLE ? (
+                    <SingleTab
+                      info={info}
+                      belongSystemList={belongSystemList}
+                      curBelongSystemId={curBelongSystemId}
+                      infoLoading={infoLoading}
+                      t={t}
+                      onTabChange={(value) => {
+                        setState({
+                          curBelongSystemId: value,
+                        })
+                        // 请求单日计划
+                        getPopItInfo(curReportDateInfo.itInformId, value)
+                      }}
+                    />
+                  ) : (
+                    <DoubleTab
+                      info={info}
+                      belongSystemList={belongSystemList}
+                      curBelongSystemId={curBelongSystemId}
+                      dateInfoList={dateInfoList}
+                      selectedDateInDouble={selectedDateInDouble}
+                      infoLoading={infoLoading}
+                      t={t}
+                      onSystemChange={(value) => {
+                        const list = belongSystemList?.find(item => item.belongSystemId === value)?.dateInfoList || []
+                        const date = list?.[0]?.date || ''
+                        setState({
+                          curBelongSystemId: value,
+                          dateInfoList: list,
+                          selectedDateInDouble: date,
+                        })
+                        getDoubleItInfo(curReportDateInfo.itInformId, value, date)
+                      }}
+                      onDateChange={(item) => {
+                        setState({
+                          selectedDateInDouble: item.date,
+                        })
+                        getDoubleItInfo(curReportDateInfo.itInformId, curBelongSystemId, item.date)
+                      }}
+                    />
+                  )
+                }
+              </div>
+            </>
+          ) : null
+        }
+      </DataContainer>
+      {
+        reportInfoList?.length ? (
+          <div className={styles.modalFooter}>
+            <Button
+              type="primary"
+              disabled={infoLoading}
+              loading={submitLoading}
+              onClick={async () => {
+                setState({
+                  submitLoading: true,
+                })
+                const res = await readInfo(curReportDateInfo.itInformId)
+                setState({
+                  submitLoading: false,
+                })
+                if (res) {
+                  onOk()
+                }
+              }}
+            >
+              {t('我知道了')}
+            </Button>
+          </div>
+        ) : null
+      }
+    </Modal>
+  )
+}
+
+ITNoticeModal.defaultProps = {
+  defaultMenuCollapse: false,
+}
+
+export const openITNoticeModal = genRenderPromise(ITNoticeModal, 'itNotice-modal')
+
+export default ITNoticeModal

package/src/component/it-notice-modal/server.js

@@ -0,0 +1,43 @@
+import postRequest from '../../js/request/request'
+
+// 获取it通告
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_getITInform/doc
+export function getITInform(argument) {
+  return postRequest('/front/manual/getITInform', argument)
+}
+
+// 公告列表
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_allReportList/doc
+export function allReportList(argument) {
+  return postRequest('/front/manual/allReportList', argument)
+}
+
+// 上线通知-返回系统列表
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_report_systemList/doc
+export function systemList(argument) {
+  return postRequest('/front/manual/report/systemList', argument)
+}
+
+// 返回弹窗信息-对应系统版本上线通知日期的数据
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_system_popITInform/doc
+export function popITInform(argument) {
+  return postRequest('/front/manual/system/popITInform', argument)
+}
+
+// 双周计划-返回系统、日期列表
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_plan_systemDateList/doc
+export function systemDateList(argument) {
+  return postRequest('/front/manual/plan/systemDateList', argument)
+}
+
+// 返回弹窗信息-指定系统指定日期双周计划
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_system_popITDoubleWeekInform/doc
+export function popITDoubleWeekInform(argument) {
+  return postRequest('/front/manual/system/popITDoubleWeekInform', argument)
+}
+
+// 已读未读状态变更
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_readITInform/doc
+export function readITInform(argument) {
+  return postRequest('/front/manual/readITInform', argument)
+}