VueのID認証管理とテナント管理の詳細な説明

エクスポート関数 checkPermission(policy) {
  abpConfig を store.getters.abpConfig に格納します。
  if (abpConfig.auth.grantedPolicies[ポリシー]) {
    true を返します。
  } それ以外 {
    false を返します。
  }
}

<el-ボタン
  クラス="フィルター項目"
  スタイル="margin-left: 10px;"
  タイプ="プライマリ"
  アイコン="el-icon-edit"
  @click="ハンドル作成"
  v-if="checkPermission('AbpIdentity.Roles.Create')"
>
  {{ $t("AbpIdentity['新しい役割']") }}
</el-button>

<el-form ラベル位置="top">
  <el-tabs タブ位置="左">
    <el-タブ-ペイン
      v-for="permissionData.groups 内のグループ"
      :key="グループ名"
      :label="グループ.表示名"
    >
      <el-form-item :label="グループ.表示名">
        <el-tree
          ref="パーミッションツリー"
          :data="transformPermissionTree(グループ.権限)"
          :props="ツリーのデフォルトプロパティ"
          チェックボックスを表示
          厳密にチェックする
          ノードキー="名前"
          デフォルトすべて展開
        />
      </el-form-item>
    </el-tab-pane>
  </el-tabs>
</el-form>

transformPermissionTree(権限、名前 = null) {
  arr = [] とします。
  if (!permissions || !permissions.some(v => v.parentName == name))
    arr を返します。
  const 親 = 権限.フィルター(v => v.parentName == 名前);
  (let i in 親) {
    ラベルを '' とします。
    if (this.permissionsQuery.providerName == "R") {
      ラベル = 親[i].displayName;
    } そうでない場合 (this.permissionsQuery.providerName == "U") {
      ラベル =
        親[i].表示名 +
        " " +
        親[i].grantedProviders.map(プロバイダー => {
          `${provider.providerName}: ${provider.providerKey}` を返します。
        });
    }
    arr.push({
      名前: 親[i].名前,
      ラベル、
      無効: this.isGrantedByOtherProviderName(
        親[i].grantedProviders
      ）、
      子: this.transformPermissionTree(権限、親[i].name)
    });
  }
  arr を返します。
},
他のプロバイダー名によって許可される(許可されたプロバイダー) {
  （付与されたプロバイダーの長さ）の場合{
    戻る （
      付与されたプロバイダー.findIndex()
        p => p.providerName !== this.permissionsQuery.providerName
      ) > -1
    );
  }
  false を返します。
}

updatePermissions(this.permissionsQuery, { 権限: tempData }).then(
  () => {
    this.dialogPermissionFormVisible = false;
    これを通知します。{
      タイトル: this.$i18n.t("HelloAbp['Success']"),
      メッセージ: this.$i18n.t("HelloAbp['SuccessMessage']"),
      タイプ: "成功",
      期間: 2000
    });
    フェッチAppConfig(
      this.permissionsQuery.providerKey、
      this.permissionsQuery.providerName
    );
  }
);

関数 shouldFetchAppConfig(プロバイダーキー、プロバイダー名) {
  現在のユーザーを store.getters.abpConfig.currentUser に格納します。

  (プロバイダー名 === "R") の場合
    currentUser.roles.some(role => role === providerKey) を返します。

  (providerName === "U") の場合、currentUser.id === providerKey を返します。

  false を返します。
}
エクスポート関数 fetchAppConfig(providerKey, providerName) {
  if (shouldFetchAppConfig(providerKey, providerName)) {
    store.dispatch("app/applicationConfiguration").then(abpConfig => {
      ルータをリセットします。

      store.dispatch("user/setRoles", abpConfig.currentUser.roles);

      const grantedPolicies = abpConfig.auth.grantedPolicies;

      // grantPolicies に基づいてアクセス可能なルートマップを生成する
      店
        .dispatch("permission/generateRoutes", 許可されたポリシー)
        .then(アクセスルート => {
          // アクセス可能なルートを動的に追加
          ルータにルートを追加します。
        });

      // 訪問したビューとキャッシュされたビューをリセットする
      //store.dispatch("tagsView/delAllViews", null, { root: true });
    });
  }
}