feat:处理open-data组件

8e33b134 · zhangleyuan · b2c30729 · 8e33b134 · 8e33b134 · 8e33b134
Commit 8e33b134 authored Jul 19, 2021 by zhangleyuan
Show whitespace changes
Inline Side-by-side

Showing with 148 additions and 4 deletions

src/common/js/wechatApi.js
+124 -0

src/components/WWOpenDataCom.jsx
+11 -0

src/index.html
+3 -1

src/modules/college-manage/EmployeeManage.tsx
+4 -1

src/modules/root/App.tsx
+6 -2

No files found.
--- a/src/common/js/wechatApi.js
+++ b/src/common/js/wechatApi.js
+/*
+ * @Author: wufan
+ * @Date: 2021-05-11 10:21:37
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-07-19 15:24:27
+ * @Description: 企业微信api
+ * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
+ */
+import User from '@/common/js/user';
+import Service from '@/common/js/service';
+export default class WechatApi {
+  static async initConfig(params = { isAgentConfig: false, url: '' }) {
+    return Service.Hades('anon/hades/getWxCorpJSAPISignature', {
+      storeId: User.getStoreId(),
+      url: params.url,
+    }).then((result) => {
+      const res = result.result;
+      this.config({
+        beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
+        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+        appId: res.appId, // 必填，企业微信的corpID
+        timestamp: res.timestamp, // 必填，生成签名的时间戳
+        nonceStr: res.nonceStr, // 必填，生成签名的随机串
+        signature: res.signature, // 必填，签名，见 附录-JS-SDK使用权限签名算法
+        jsApiList: ['chooseImage', 'shareToExternalContact', 'selectExternalContact', 'selectEnterpriseContact'],
+      }).then(() => {
+        console.log('微信config设置完毕')
+        if (params.isAgentConfig) {
+          return new Promise(async (resolve, reject) => {
+            Service.Hades('anon/hades/getWxWorkJSAPISignature', {
+              storeId: User.getStoreId(),
+              url: params.url,
+            }).then((result2) => {
+              const res2 = result2.result;
+              this.agentConfig({
+                corpid: res2.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
+                agentid: res2.agentid, // 必填，企业微信的应用id （e.g. 1000247）
+                timestamp: res2.timestamp, // 必填，生成签名的时间戳
+                nonceStr: res2.nonceStr, // 必填，生成签名的随机串
+                signature: res2.signature, // 必填，签名，见附录-JS-SDK使用权限签名算法
+                jsApiList: ['selectExternalContact', 'getCurExternalContact', 'getContext', 'shareToExternalContact', 'sendChatMessage', 'shareToExternalChat'],
+                success: (res) => {
+                  console.log(res, 'res-agentconfig');
+                  console.info('window.WWOpenData', window.WWOpenData);
+                  resolve(res);
+                },
+                fail: (err) => {
+                  console.log(1213545344545)
+                  console.log(err, 'err-agentconfig');
+                  reject(err);
+                },
+              });
+            });
+          });
+        }
+      })
+    });
+  }
+  static async config(config) {
+    return new Promise((resolve, reject) => {
+      console.info('wx.config', config);
+      wx.config(config);
+      wx.ready(resolve);
+      wx.error(reject);
+    }).then(
+      () => {
+        console.info('wx.ready');
+      },
+      (error) => {
+        console.error('wx.error', error);
+        throw error;
+      }
+    );
+  }
+  static async agentConfig(config) {
+    return new Promise((success, fail) => {
+      console.info('wx.agentConfig', config);
+      wx.agentConfig({ ...config, success, fail });
+    }).then(
+      (res) => {
+        console.info('wx.agentConfig success', res);
+        return res;
+      },
+      (error) => {
+        console.error('wx.agentConfig fail', error);
+        throw error;
+      }
+    );
+  }
+  static getCurExternalContact() {
+    return new Promise((resolve, reject) => {
+      wx.ready(() => {
+        wx.invoke('getCurExternalContact', {}, function (res) {
+          if (res.err_msg == 'getCurExternalContact:ok') {
+            resolve(res.userId); //返回当前外部联系人userId
+          } else {
+            reject(res.err_msg); //错误处理
+          }
+        });
+      });
+    });
+  }
+  static getContext() {
+    return new Promise((resolve, reject) => {
+      wx.ready(() => {
+        wx.invoke('getContext', {}, function (res) {
+          if (res.err_msg == 'getContext:ok') {
+            resolve(res.entry); //返回进入H5页面的入口类型，目前有normal、contact_profile、single_chat_tools、group_chat_tools、chat_attachment
+          } else {
+            reject(res.err_msg); //错误处理
+          }
+        });
+      });
+    });
+  }
+}
--- a/src/components/WWOpenDataCom.jsx
+++ b/src/components/WWOpenDataCom.jsx
+import React, { useRef, useLayoutEffect } from 'react'
+export default function WWOpenDataCom({ type, openid }) {
+    const ref = useRef(null)
+    useLayoutEffect(() => {
+        console.log(WWOpenData)
+        WWOpenData && WWOpenData.bind(ref.current)
+    })
+    return <ww-open-data ref={ref} type={type} openid={openid} />
+}
\ No newline at end of file
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
 * @Author: 吴文洁
 * @Date: 2020-08-24 12:20:57
 * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-07-08 19:38:52
+ * @LastEditTime: 2021-07-19 15:48:51
 * @Description: 
 * @Copyright: 杭州杰竞科技有限公司 版权所有
 -->
@@ -47,6 +47,8 @@
    <script type="text/javascript" src="https://image.xiaomaiketang.com/xm/PhotoClip.js"></script>
    <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
    <script type="text/javascript" src="https://xiaomai-js.oss-cn-hangzhou.aliyuncs.com/loghub-xm-0.0.1-beta.js"></script>
+    <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+    <script type="text/javascript" src="//open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>

--- a/src/modules/college-manage/EmployeeManage.tsx
+++ b/src/modules/college-manage/EmployeeManage.tsx
@@ -16,6 +16,7 @@ import StoreService from "@/domains/store-domain/storeService";
 import EmployeeAddOrEditModal from "../store-manage/EmployeeAddOrEditModal";
 import User from "@/common/js/user";
 import LimitTip from "./LimitTip";
+import WWOpenDataCom from '@/components/WWOpenDataCom';
 import "./EmployeeManage.less";
 import ChooseMembersModal from "./modal/ChooseMembersModal";
@@ -152,7 +153,9 @@ function EmployeeManage() {
                />
              )}
-              <span className="title">{val}</span>
+              <span className="title">
+                <WWOpenDataCom type="userName" openid={val} />
+              </span>
            </div>
          );
        },

--- a/src/modules/root/App.tsx
+++ b/src/modules/root/App.tsx
@@ -2,7 +2,7 @@
 * @Author: 吴文洁
 * @Date: 2019-07-10 10:30:49
 * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-06-22 17:47:02
+ * @LastEditTime: 2021-07-19 16:21:07
 * @Description:
 */
 import React, { useContext, useEffect, useState } from 'react';
@@ -19,6 +19,7 @@ import { VersionContext, VersionInfo, XMContext } from '@/store/context';
 import { setStoreGroupPermission, setStorePermission, setStoreGroupList, setStoreList } from '@/store/actions/index';
 import Service from "@/common/js/service";
 import Bus from '@/core/tbus';
+import WechatApi from '@/common/js/wechatApi';
 import { func } from 'prop-types';
 const { Footer, Sider, Content } = Layout;
@@ -36,6 +37,7 @@ const App: React.FC = (props: any) => {
  useEffect(() => {
+    initWechatConfig();
    getStoreAndUserInfo();
    getVersion();
    if (window.location.hash === "#/") {
@@ -44,7 +46,9 @@ const App: React.FC = (props: any) => {
      })
    }
  }, [])
+  async function initWechatConfig() {
+    WechatApi.initConfig({ isAgentConfig: true, url: window.location.href.split('#')[0] })
+}
  useEffect(() => {
    getStorePermission();
  }, [window.location.hash])