需要核准 - 不批准

这个 neeto-approvals-nano 管理queto申请的批准。 纳米出口 @bigbinary/neeto-approvals-frontend 国家防范机制一揽子计划 neeto-approvals-engine 铁路发展引擎.

目录

1. 用主机应用程序开发
   • 发动机
     • 安装
     • 使用量
   • 前端软件包
     • 安装
     • 发展指示
     • 构成部分
2. 出版指令

用主机应用程序开发

发动机

该引擎用于管理一个组织的审批请求和审批模板.

安装

1. 将此行添加到您的应用程序的 Gemfile 中 :

   source "NEETO_GEM_SERVER_URL" do
      # ..existing gems
   
      gem 'neeto-approvals-engine'
   end
   

2. 然后执行:

   bundle install
   

3. 将此行添加到您的应用程序 config/routes.rb 文件 :

   mount NeetoApprovalsEngine::Engine, at: "/neeto_approvals"
   

4. 运行以下命令将引擎的迁移复制到主机应用程序:

   bundle exec rails neeto_approvals_engine:install:migrations
   

5. 添加迁移到数据库 :

   bundle exec rails db:migrate
   

使用量

您可以在此了解更多设置和用途:

1. 模型
2. 主计长
3. 服务

前端软件包

该套件输出出三个组成部分: Approvals, (中文(简体) ), Form,以及 Public。 。 。 .

安装

1. neeto-approvals-nano 有一些同级依赖关系,这是软件包正常运行所必需的。 使用以下命令安装所有对等依赖 :

   yarn add @bigbinary/[email protected] @bigbinary/[email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @tanstack/[email protected] @tanstack/[email protected] [email protected]
   

2. 现在安装最新的 neeto-approvals-nano 使用下列命令的软件包:

   yarn add @bigbinary/neeto-approvals-frontend
   

发展指示

检查 前端软件包开发指南 用于开发前端软件包的分步指令.

构成部分

Approvals (单位:千美元)源代码(中文(简体) )

本构成部分管理核准请求、核准模板和核准请求的历史。 它由三个分页组成: Pending, (中文(简体) ), Templates,以及 History

1. Pending - 列出所有尚待批准的请求.
2. Templates - 列出所有批准模板.
3. History - 列出所有核准、驳回和取消的核准请求.

道具

• config:包含路径、URL、模板占位符和面包屑等规格的配置对象。 它还允许帮助文章的可选配置.

配置

参见 核准 详细信息 Approvals 组件.

使用量

import React from "react";

import { Approvals } from "@bigbinary/neeto-approvals-frontend";
import { routes } from "common/routes";
import { BrowserRouter, Redirect, Route, Switch } from "react-router-dom";
import { ToastContainer } from "react-toastify";

import SideBar from "./Common/SideBar";


const Main = () => (
  <BrowserRouter>
    <div className="flex">
      <SideBar />
      <Switch>
        <Route
          path={routes.approvals}
          render={() => (
            <Approvals
              config={APPROVALS_CONFIG}
            />
          )}
        />
      </Switch>
    </div>
    <ToastContainer />
  </BrowserRouter>
);

export default Main;

Form (单位:千美元)源代码(中文(简体) )

本构成部分处理审批模板的创建和更新.

道具

• isLoading - 显示提交按钮中装入状态的布尔值
• isOpen - 打开窗帘的布尔值
• setIsPaneOpen - 把它装成假的来关闭窗帘
• requestableId - 与我们有联系的实体的身份 这用于根据实体在引擎中的属性分析消息.
• onSubmit - 函数,要求API提交批准请求细节,如请求信息、模板标题、批准人ID和可请求的ID.

使用量

import React from "react";
import { Form } from "@bigbinary/neeto-approvals-frontend";

const RequestApproval = () => {
  const { mutate: createRequest, isPending } = useCreateRequest();

  const onSubmit = (request, template, onClose) => {
    createRequest(
      {
        request: {
          ...request,
          title: template.name,
          approverId: template.approverId,
          requestableId: requestableId, // Specify the ID of the requestable associated entity
        },
      },
      { onSuccess: onClose }
    );
  };

  return (
    <Form
      isLoading={isPending}
      isOpen={isNewApprovalRequestPaneOpen}
      setIsPaneOpen={setIsNewApprovalRequestPaneOpen}
      requestableId={requestableId} // Specify the ID of the requestable associated entity
      onSubmit={onSubmit}
    />
  );
};

export default RequestApproval;

Public (单位:千美元)源代码(中文(简体) )

此组件用于显示没有用户登录的核准请求细节 .

道具

不需要通过道具。 然而,确保页的路径为: Public 构成部分包含 id 请求标识的参数.

使用量

import React from "react";
import { Public } from "@bigbinary/neeto-approvals-frontend";

const PublicRequestApproval = () => {
  return (
    <Public />
  );
};

export default PublicRequestApproval;

出版指令

咨询 构建和释放软件包 关于如何出版的详细指南.