From 09ccd4982f5e8744eb4f975c147eef16ba94d992 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Tue, 14 Mar 2023 10:27:04 +0800
Subject: [PATCH] update pipeline module

---
 spug_web/src/pages/pipeline/modules/Build.js  | 32 +++++++++++++------
 .../src/pages/pipeline/modules/Parameter.js   |  2 +-
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/spug_web/src/pages/pipeline/modules/Build.js b/spug_web/src/pages/pipeline/modules/Build.js
index e47a975..09ed051 100644
--- a/spug_web/src/pages/pipeline/modules/Build.js
+++ b/spug_web/src/pages/pipeline/modules/Build.js
@@ -5,9 +5,10 @@
  */
 import React, { useEffect, useState } from 'react';
 import { observer } from 'mobx-react';
-import { Form, Input, Select, Radio, message } from 'antd';
+import { Form, Input, Select, Radio, Divider, Button, message } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
 import { ACEditor } from 'components';
-import { http } from 'libs';
+import { http, history, hasPermission } from 'libs';
 import HostSelector from 'pages/host/Selector';
 import credStore from 'pages/system/credential/store';
 import css from './index.module.less';
@@ -49,7 +50,8 @@ function Build(props) {
       <Form.Item required name="name" label="节点名称">
         <Input placeholder="请输入节点名称"/>
       </Form.Item>
-      <Form.Item required name="condition" label="执行条件" tooltip="当该节点为流程的起始节点时（无上游节点），该条件将会被忽略。">
+      <Form.Item required name="condition" label="执行条件"
+                 tooltip="当该节点为流程的起始节点时（无上游节点），该条件将会被忽略。">
         <Radio.Group>
           <Radio.Button value="success">上游执行成功时</Radio.Button>
           <Radio.Button value="error">上游执行失败时</Radio.Button>
@@ -61,12 +63,24 @@ function Build(props) {
           <Input placeholder="请输入Git仓库地址" style={{width: 300}} onBlur={checkGit}/>
         </Form.Item>
         <Form.Item name="credential_id" label="访问凭据" style={{marginBottom: 0}}>
-          <Select allowClear placeholder="请选择访问凭据" style={{width: 140}} onChange={checkGit}>
-            <Select.Option value="">无</Select.Option>
-            {credStore.records.map(item => (
-              <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
-            ))}
-          </Select>
+          <Select
+            allowClear
+            placeholder="可选访问凭据"
+            style={{width: 140}}
+            onChange={checkGit} options={credStore.records.map(x => ({label: `${x.username}(${x.name})`, value: x.id}))}
+            dropdownRender={menu => (
+              <>
+                {menu}
+                {hasPermission('system.credential.add') && (
+                  <>
+                    <Divider style={{margin: '8px 0'}}/>
+                    <Button block type="link" icon={<PlusOutlined/>} style={{padding: 0}}
+                            onClick={() => history.push('/system/credential')}>添加凭据</Button>
+                  </>
+                )}
+              </>
+            )}
+          />
         </Form.Item>
       </div>
       <div className={css.formTips}>
diff --git a/spug_web/src/pages/pipeline/modules/Parameter.js b/spug_web/src/pages/pipeline/modules/Parameter.js
index 43dfdc7..1747b1b 100644
--- a/spug_web/src/pages/pipeline/modules/Parameter.js
+++ b/spug_web/src/pages/pipeline/modules/Parameter.js
@@ -87,7 +87,7 @@ function Editor(props) {
             <Select.Option value="date">日期选择框</Select.Option>
             <Select.Option value="select">下拉单选</Select.Option>
             <Select.Option value="select2">下拉多选</Select.Option>
-            <Select.Option value="upload" disabled>上传文件（请使用数据上传控件）</Select.Option>
+            <Select.Option value="upload" disabled>上传文件（请使用数据上传模块）</Select.Option>
           </Select>
         </Form.Item>
         <Form.Item noStyle shouldUpdate>