systemrobotassistant 3.0.8

package/src/component/it-notice-tab/style.less

@@ -0,0 +1,120 @@
+@primaryColor: var(--primary-color, #1890FF);
+@grayColor: #7E848F;
+
+.itNoticeTabCon {
+  padding: 0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: #F7F9FC;
+  overflow: hidden;
+  word-break: break-all;
+
+  .mainNoticeCon {
+    margin-top: 12px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .cardBody {
+    flex: 1;
+    overflow-y: auto;
+    margin: 0 12px;
+    .cardItem {
+      margin-bottom: 12px;
+      background-color: #FFFFFF;
+      border-radius: 8px;
+      box-shadow: 0px 1px 2px 0px rgba(25,122,250,0.15);
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .itemHeader {
+      padding: 8px 12px;
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      box-shadow: inset 0px -1px 0px 0px #E6EAF0;
+
+      .img {
+        margin-right: 8px;
+      }
+
+      .total {
+        color: @grayColor;
+      }
+
+      .headerRight {
+        margin-left: 8px;
+        color: @grayColor;
+      }
+    }
+
+    .itemBody {
+      padding: 12px;
+      margin-bottom: 0;
+      border-radius: 0px 0px 8px 8px;
+
+      .listItem {
+        margin-top: 12px;
+        padding-bottom: 12px;
+        border-bottom: 1px solid #E6EAF0;
+
+        &:first-child {
+          margin-top: 0;
+        }
+
+        &:last-child {
+          padding-bottom: 0;
+          border: none;
+        }
+      }
+    }
+  }
+
+  .checkMore {
+    margin: 12px;
+    flex-shrink: 0;
+    text-align: center;
+    color: #A5ACB8;
+    cursor: pointer;
+  }
+
+  .clickText {
+    color: @primaryColor;
+    cursor: pointer;
+  }
+
+  .noticeMenus {
+    position: absolute;
+    left: -120px;
+    top: 104px;
+    width: 120px;
+    max-height: 240px;
+    padding: 12px 8px;
+    box-shadow: 0px 4px 8px 0px rgba(20,23,55,0.05);
+    border-radius: 8px 0px 0px 8px;
+    border: 1px solid #F5F6FB;
+    background: #FFFFFF;
+    overflow-y: auto;
+
+    .menuItem {
+      padding: 5px 8px;
+      border-radius: 4px;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &.active {
+        background-color: #E2F2FF;
+        color: @primaryColor;
+      }
+    }
+  }
+}

package/src/component/mail-list-modal/index.jsx

@@ -0,0 +1,270 @@
+import React, { memo, useCallback, useEffect, useRef } from 'react'
+import classNames from 'classnames'
+import Ellipsis from '@shein-components/Ellipsis'
+import Icon from '@shein-components/Icon'
+import { Tree, Input, Button } from 'shineout'
+import useStateByImmer from '../../js/state-immer'
+import HeaderImg from '../../images/screenshot-5.png'
+import styles from './style.less'
+import * as Server from './server'
+
+const MailListModal = memo((props) => {
+  const {
+    isHasGuarantee, checkBeforeCallWechat, groupTree, defaultSelectedGroupId, chatgptUse,
+    allConfigUserGroupIdList, t,
+  } = props
+  const inputTimer = useRef(null)
+  const reqQueue = useRef([])
+  const curReqTime = useRef(null)
+  const [state, setState] = useStateByImmer({
+    list: [],
+    userName: '',
+    selectedGroupId: defaultSelectedGroupId,
+  })
+
+  const getList = useCallback(async (params) => {
+    const { id, userName } = params || {}
+    const time = new Date().getTime()
+    curReqTime.current = time
+    reqQueue.current = [
+      ...(reqQueue?.current || []),
+      time,
+    ]
+    const selectedId = id || state.selectedGroupId
+    const res = await Server.handlerList({
+      // eslint-disable-next-line no-nested-ternary
+      configUserGroupIdList: selectedId === '0' ? allConfigUserGroupIdList : (selectedId ? [selectedId] : []),
+      userName: userName ? userName.replace(/\s+/g, '') : undefined,
+    })
+    // 寻找当前请求队列中是否有最新请求
+    const hasLatestReq = reqQueue?.current?.find(item => item === curReqTime.current)
+    reqQueue.current = reqQueue?.current?.filter(item => item !== time) || []
+    // 如果没有最新请求且当前返回的不是最新请求的响应，不替换响应数据
+    if (!hasLatestReq && curReqTime.current !== time) {
+      return
+    }
+    if (res) {
+      setState({
+        list: res.info || [],
+      })
+    }
+  }, [state.selectedGroupId, allConfigUserGroupIdList])
+
+
+  const collect = useCallback(async (item, isCollect) => {
+    const res = await Server.collect({
+      isCollect,
+      receiveEmployeeId: item.userNum,
+    })
+    if (res) {
+      getList({
+        userName: state.userName,
+      })
+    }
+  }, [state.userName, getList])
+
+  const callWeChat = useCallback((item) => {
+    Server.weComContactStatistics({
+      receiveEmployeeId: item.userNum,
+    }).then(() => {
+      getList({
+        userName: state.userName,
+      })
+    })
+    if (item.userType === 2) {
+      window.open(item.linkUrl)
+      return
+    }
+    Server.getWechatLaunchCode({
+      userNum: item.userNum,
+    }).then((res) => {
+      if (res) {
+        window.open(`wxwork://launch?launch_code=${res.info}`)
+      }
+    })
+  }, [state.userName, getList])
+
+  useEffect(() => {
+    setState({
+      selectedGroupId: defaultSelectedGroupId,
+    })
+    getList({ id: defaultSelectedGroupId })
+  }, [defaultSelectedGroupId])
+
+  return (
+    <div
+      className={styles.modalWrapper}
+    >
+      {groupTree.length !== 0 ? (
+        <div className={styles.treeWarp}>
+          <Tree
+            className={styles.treeStyle}
+            data={groupTree}
+            keygen="value"
+            renderItem={d => (
+              <Ellipsis
+                className={
+                  classNames(
+                    styles.treeItem,
+                    state.selectedGroupId === d.value && styles.selectedGroup,
+                  )
+                }
+                value={d.label}
+              />
+            )}
+            line={false}
+            defaultExpandAll
+            onClick={(data) => {
+              setState({
+                selectedGroupId: data.value,
+              })
+              getList({ id: data.value, userName: state.userName })
+            }}
+          />
+        </div>
+      ) : null}
+      <div className={styles.chatWarp}>
+        <div className={styles.listWrapper}>
+          <div className={styles.searchWarp}>
+            <Input.Group style={{ width: 416, margin: 12 }}>
+              <Input
+                clearable
+                placeholder={t('输入名字或关键字搜索对接人')}
+                maxLength={20}
+                value={state.userName}
+                onChange={(v) => {
+                  setState({ userName: v })
+                  inputTimer.current = new Date().getTime()
+                  setTimeout(() => {
+                    if (new Date().getTime() - inputTimer.current >= 100) {
+                      getList({ userName: v })
+                    }
+                  }, 100)
+                }}
+                onEnterPress={() => {
+                  getList({ userName: state.userName })
+                }}
+              />
+              <Button
+                text
+                onClick={() => {
+                  getList({ userName: state.userName })
+                }}
+              >
+                <Icon name="serach" />
+              </Button>
+            </Input.Group>
+          </div>
+          {state.list?.length === 0
+            ? (
+              <div className={styles.empty}>
+                <Icon
+                  name="dataemptying_icon"
+                  fontSize={200}
+                  className={styles.color}
+                />
+                <div>{t('暂无联系人数据，请联系管理员')}</div>
+              </div>
+            )
+            : null
+          }
+          {state.list?.length > 0 ? (
+            <div className={styles.listShow}>
+              {state.list?.map(item => (
+                <div
+                  className={styles.mailListModalItem}
+                  onClick={() => {
+                    if (chatgptUse && item.userType === 2) {
+                      callWeChat(item)
+                      return
+                    }
+                    if (typeof checkBeforeCallWechat === 'function') {
+                      const bool = checkBeforeCallWechat()
+                      if (bool) {
+                        callWeChat(item)
+                      }
+                    } else {
+                      callWeChat(item)
+                    }
+                  }}
+                >
+                  <div className={styles.mailListModalItemLeft}>
+                    <img
+                      src={item.headImg || HeaderImg}
+                      alt=""
+                      className={styles.img}
+                    />
+                    <div>
+                      <div className={styles.problem}>{item.remark}</div>
+                      <div className={styles.userName}>
+                        {item.userName}
+                        {item.cnName && `(${item.cnName})`}
+                      </div>
+                    </div>
+                  </div>
+                  <div className={styles.findRight}>
+                    <div
+                      className={styles.findHim}
+                    >
+                      {t('企微找ta聊')}
+                      &nbsp;
+                      {
+                        item.starUserStatus
+                          ? (
+                            <Icon
+                              name="odec-star-fill"
+                              color="#1890FF"
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                collect(item, 0)
+                              }}
+                            />
+                          )
+                          : (
+                            <Icon
+                              name="odec-star"
+                              color="#1890FF"
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                collect(item, 1)
+                              }}
+                            />
+                          )
+                      }
+                    </div>
+                    {item.visitNum && item.visitNum !== 0
+                      ? (
+                        <div
+                          className={styles.personFindedHim}
+                        >
+                          {t('{0}个人找过他', item?.visitNum)}
+                        </div>
+                      ) : null
+                    }
+                  </div>
+                </div>
+              ))}
+            </div>
+          ) : null}
+        </div>
+        {isHasGuarantee ? (
+          <div className={styles.systemTipsWrapper}>
+            <span
+              className={styles.onGuarantee}
+              onClick={async () => {
+                const res = await Server.systemReporting()
+                if (res) {
+                  window.open(res.info?.url)
+                }
+              }}
+            >
+              {t('我要上报故障')}
+            </span>
+          </div>
+        ) : null}
+      </div>
+    </div>
+  )
+})
+
+export default MailListModal

package/src/component/mail-list-modal/server.js

@@ -0,0 +1,38 @@
+// eslint-disable-next-line no-unused-vars
+import postRequest from '../../js/request/request'
+
+// 获取人工处理列表
+// https://soapi.sheincorp.cn/application/3768/routes/114060
+export function list(argument) {
+  return postRequest('/front/manual/list', argument)
+}
+
+// 获取企微唤醒码
+// https://soapi.sheincorp.cn/application/3768/routes/114316
+export function getWechatLaunchCode(argument) {
+  return postRequest('/front/manual/getWechatLaunchCode', argument)
+}
+
+// 系统报障
+// https://soapi.sheincorp.cn/application/3768/routes/124862
+export function systemReporting(argument) {
+  return postRequest('/front/mesAssistant/systemReporting', argument)
+}
+
+// 收藏
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_collect/doc
+export function collect(argument) {
+  return postRequest('/front/manual/collect', argument)
+}
+
+// 发起企业微信联系统计
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_weComContactStatistics/doc
+export function weComContactStatistics(argument) {
+  return postRequest('/front/manual/weComContactStatistics', argument)
+}
+
+// 根据分组获取处理人列表
+// https://soapi.sheincorp.cn/application/5161/routes/post_front_manual_handlerList/doc
+export function handlerList(argument) {
+  return postRequest('/front/manual/handlerList', argument)
+}

package/src/component/mail-list-modal/style.less

@@ -0,0 +1,154 @@
+.systemTipsWrapper {
+  padding: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #FFFFFF;
+  font-size: 15px;
+  box-shadow: inset 0px 1px 0px 0px rgba(217, 217, 217, 0.5);
+
+  .onGuarantee {
+    width: 100%;
+    padding: 12px;
+    border-radius: 10px;
+    text-align: center;
+    background-color: var(--primary-color, #1890ff);
+    cursor: pointer;
+  }
+
+}
+
+.chatWarp {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  .listWrapper {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    padding-top: 56px;
+
+    .searchWarp {
+      position: absolute;
+      left: 0;
+      top: 0;
+    }
+
+    .listShow {
+      flex: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+
+      .mailListModalItem {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 10px 20px;
+        cursor: pointer;
+
+        &:hover {
+          background: #E6F5FF;
+        }
+
+        .img {
+          width: 40px;
+          height: 40px;
+          border-radius: 4px;
+          margin-right: 12px;
+        }
+
+        border-bottom: 1px solid #F4F5F8;
+
+        .mailListModalItemLeft {
+          display: flex;
+
+          .img {
+            flex-shrink: 0;
+          }
+
+          .userName {
+            font-size: 12px;
+            font-weight: 400;
+            color: #7E848F;
+            margin-top: 4px;
+            line-height: 18px;
+          }
+
+          .problem {
+            font-size: 14px;
+            font-weight: 400;
+            color: #35383D;
+          }
+        }
+
+
+        .findRight {
+          margin-left: 12px;
+          flex-shrink: 0;
+        }
+        .findHim {
+          font-size: 14px;
+          cursor: pointer;
+          font-weight: 400;
+          color: var(--primary-color, #197AFA);
+        }
+
+        .personFindedHim {
+          font-size: 12px;
+          color: #7E848F;
+        }
+      }
+    }
+
+    .empty {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      color: var(--primary-color, #1890ff);
+    }
+  }
+}
+
+.modalWrapper {
+  display: flex;
+  overflow: hidden;
+  flex: 1;
+
+  .treeWarp {
+    max-width: 250px;
+    padding-right: 8px;
+    padding-top: 16px;
+    display: flex;
+    flex-shrink: 0;
+    box-shadow: inset -1px 1px 0px 0px rgba(217, 217, 217, 0.5);
+    border-radius: 5px 0px 0px 5px;
+    overflow: hidden;
+
+    .treeStyle {
+      color: #333E59;
+      word-break: break-all;
+      overflow-y: auto;
+
+      :global {
+        .so-tree-content .so-tree-text {
+          overflow: hidden;
+        }
+      }
+    }
+
+    .treeItem {
+      cursor: pointer;
+    }
+
+    .selectedGroup {
+      color: var(--primary-color,#197afa);
+    }
+  }
+}

package/src/component/myself-chat-card/index.jsx

@@ -0,0 +1,27 @@
+import React, { memo } from 'react'
+import Proptypes from 'prop-types'
+import styles from './style.less'
+
+const MyselfChatCard = memo((props) => {
+  const { item } = props
+  return (
+    <div className={styles.wrapper}>
+
+      <div
+        className={styles.contentBox}
+      >
+        {item.problem}
+      </div>
+      <div className={styles.time}>{item.questionTime}</div>
+    </div>
+  )
+})
+
+MyselfChatCard.propTypes = {
+  item: Proptypes.shape({
+    problem: Proptypes.string,
+    questionTime: Proptypes.string,
+  }),
+}
+
+export default MyselfChatCard

package/src/component/myself-chat-card/style.less

@@ -0,0 +1,30 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+
+  align-items: flex-end;
+
+  margin-top: 16px;
+
+}
+
+.contentBox {
+  max-width: 560px;
+  background: var(--primary-color,#1890ff);
+  border-radius: 8px 0px 8px 8px;
+
+  display: flex;
+  align-items: center;
+
+  padding: 12px 12px;
+
+
+  font-size: 14px;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+
+.time {
+  margin-top: 8px;
+  color: #7E848F;
+}

package/src/component/need-answer/index.jsx

@@ -0,0 +1,56 @@
+import React, { memo } from 'react'
+import Proptypes from 'prop-types'
+import showMessage from '../../js/showMessage'
+import OppositionChatCard from '../opppsition-chat-card'
+import styles from './style.less'
+import * as Server from '../../server'
+import useStateByImmer from '../../js/state-immer'
+
+const NeedAnswer = memo((props) => {
+  const { item, t } = props
+  const [state, setState] = useStateByImmer({ loading: false })
+  return (
+    <OppositionChatCard>
+      <div>
+        <span
+          className={styles.needAnswerContent}
+        >
+          {t('您好，您厂【{0}】有问题“{1}”需要帮助，请为其解决。若解决不了', item.userName, item.problem)}
+        </span>
+        <span
+          className={state.disabled ? styles.onDisabled : styles.onSeekHlep}
+          loading={state.loading}
+          onClick={() => {
+            if (state.disabled) return
+            setState({
+              loading: true,
+            })
+            Server.seekHelp({
+              problem: item.problem,
+            }).then((res) => {
+              setState({
+                loading: false,
+                disabled: true,
+              })
+              if (res.info && res.info.managerName) {
+                const content = t('已将您的问题反馈给管理员【{0}】，由管理员统一反馈给实施。', res.info.managerName)
+                showMessage(content, true)
+              }
+            })
+          }}
+        >
+          {t('请联系我')}
+        </span>
+      </div>
+    </OppositionChatCard>
+  )
+})
+
+NeedAnswer.propTypes = {
+  item: Proptypes.shape({
+    problem: Proptypes.string,
+    userName: Proptypes.string,
+  }),
+}
+
+export default NeedAnswer