メインコンテンツまでスキップ

ログイン担当者情報の取得

適切なアプリケーションを構築する過程で、次のような問題が発生する可能性があります。

  • 勤務管理システムでは、従業員の勤務番号とカード記録を記録し、名前とアバターを関連付けることで、管理者が従業員の出勤状況を審査し、統計するのに便利です。
  • Hrシステムでは、従業員の書類管理、給与発行、業績評価、訓練記録などに使用され、勤務番号は唯一の標識として、従業員のすべての関連情報に関連付けられている。
  • プロジェクト管理ツールには、タスクの進捗を追跡し、責任の帰属を明確にするために、名前とアバターを含む割り当てられたタスクの従業員情報が表示されます。

前提条件

このチュートリアルでは、基本的な機能の一部を使用する必要があります。まず、次のことを理解することができますフォーム式JS-API

効果を実現する

数式で取得する

宜乗JS-APIで取得する

実装手順

数式で取得する

{
"corpId": "登录人 corpId",
"label": "登录人姓名",
"avatar": "头像地址",
"key": "登录人 userId",
"businessWorkNo": "登录人工号"
}

普遍的なフォームページの作成

通常のフォームページを作成します。詳細はこちらを参照してください通常フォーム

キャンバス領域で次のコンポーネントをドラッグします。

  • メンバー: メンバーに名前を付けます
  • 複数行のテキスト: メンバーに名前を付ける標準モデルオブジェクト
  • 単一行テキスト: 名前をlabel
  • 単一行テキスト: Avatarという名前
  • 画像: Avatar用の画像展示
  • 単一行テキスト: Corpidという名前
  • 単一行テキスト: ビジネスworknoという名前
  • 単一行テキスト: Useridという名前を付けます

フォーム式の追加

「メンバー」で数式の編集を選択し、次の図に示す数式を設定するか、数式のソースコードを直接コピーして、フィールドの変更に注意してください。

{"text":"USER()","marks":[],"isCmData":true}

メンバー名「label」は式の編集を選択し、次の図に示す式を設定するか、式のソースコードを直接コピーして、フィールドの変更に注意してください。

{"text":"GetObjectField(GetArrayItem(UserBuilder(​成员​),1),\"label\")","marks":[{"from":{"line":0,"ch":40,"sticky":null},"to":{"line":0,"ch":44,"sticky":null},"value":"employeeField_lbeuamvz","invalid":false}],"isCmData":true}

アバター画像アドレス「avatar」は式編集を選択し、次の図に示す式を設定します。式のソースコードを直接コピーして、フィールドの変更に注意することもできます。

{"text":"GetObjectField(GetArrayItem(UserBuilder(​成员​),1),\"avatar\")","marks":[{"from":{"line":0,"ch":40,"sticky":null},"to":{"line":0,"ch":44,"sticky":null},"value":"employeeField_lbeuamvz","invalid":false}],"isCmData":true}

所属組織「corpid」は式の編集を選択し、次の図に示す式を設定します。式のソースコードを直接コピーして、フィールドの変更に注意することもできます。

{"text":"GetObjectField(GetArrayItem(UserBuilder(​成员​),1),\"corpId\")","marks":[{"from":{"line":0,"ch":40,"sticky":null},"to":{"line":0,"ch":44,"sticky":null},"value":"employeeField_lbeuamvz","invalid":false}],"isCmData":true}

従業員番号「businessworkno」で数式編集を選択し、次の図に示す数式を設定するか、数式のソースコードを直接コピーして、フィールドの変更に注意してください。

{"text":"GetObjectField(GetArrayItem(UserBuilder(​成员​),1),\"businessWorkNo\")","marks":[{"from":{"line":0,"ch":40,"sticky":null},"to":{"line":0,"ch":44,"sticky":null},"value":"employeeField_lbeuamvz","invalid":false}],"isCmData":true}

従業員「userid」は式の編集を選択し、次の図に示す式を設定します。式のソースコードを直接コピーして、フィールドの変更に注意することもできます。

{"text":"GetObjectField(GetArrayItem(UserBuilder(​成员​),1),\"key\")","marks":[{"from":{"line":0,"ch":40,"sticky":null},"to":{"line":0,"ch":44,"sticky":null},"value":"employeeField_lbeuamvz","invalid":false}],"isCmData":true}

宜乗JS-APIで取得する

window.loginUser;

普遍的なフォームページの作成

通常のフォームページを作成します。詳細はこちらを参照してください通常フォーム

キャンバス領域で次のコンポーネントをドラッグします。

  • 単一行テキスト: Usernameという名前
  • 複数行のテキスト: メンバーに名前を付ける標準モデルオブジェクト
  • 単一行テキスト: Useridという名前を付けます
  • 単一行テキスト: Avatarという名前
  • 画像: Avatar用の画像展示
  • 単一行テキスト: ビジネスworknoという名前
  • 単一行テキスト: Deptnameという名前
  • 単一行テキスト: Deptidという名前

JS-APIの設定

従業員名「username」はデフォルト値にバインドされ、次の図に示すJS-APIコードを設定するか、コードを直接コピーできます。

utils.getLoginUserName()

従業員「userid」はデフォルト値をバインドし、次の図に示すコードを設定するか、コードを直接コピーできます。

utils.getLoginUserId()

アバター画像アドレス「avatar」はデフォルト値をバインドし、次の図に示すJS-APIコードを設定するか、コードを直接コピーできます。

window.loginUser.avatar

従業員番号「businessworkno」はデフォルト値にバインドされ、次の図に示すJS-APIコードを設定するか、コードを直接コピーできます。

window.loginUser.businessWorkNo

所属部門名「deptname」はデフォルト値をバインドし、次の図に示すJS-APIコードを設定するか、コードを直接コピーできます。

window.loginUser.deptName

所属部門id「deptid」はデフォルト値をバインドし、次の図に示すJS-APIコードを設定するか、コードを直接コピーできます。

window.loginUser.deptId

オンラインで試遊する

この文書は機械翻訳により生成されています。翻訳により生じた齟齬や相違点は拘束力を持たず、コンプライアンスや執行目的において法的効力はありません。
© DingTalk (Singapore) Private Limited