@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/detailMain/deployments/index.js

@@ -0,0 +1,805 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["loading", "newLayout"],
+  _excluded2 = ["componentInstId", "taskName"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState, Fragment } from 'react';
+import { Button, Pagination, Dialog, Select, NumberPicker, Balloon, Grid, MenuButton, Result, Box } from '@teamix/ui';
+import { YunxiaoTable, Footer, ButtonTooltip, ButtonIcon } from '@alife/devops-ui';
+import dayjs from 'dayjs';
+import cx from 'classnames';
+import exceed from "../../../utils/apimap";
+import Avatar from "../../common/teambition/avatar";
+import StatusIcon from "../../common/teambition/instance-status-icon";
+import { STRATEGY_MAP } from "../../common/teambition/flow-job-btn/deploy-order/utils";
+import { buildButtonComponentWrapper } from "../../common/teambition/flow-job-btn";
+import InstanceSources from "../../common/teambition/instance-sources";
+import InstanceReleases from "../../common/teambition/instance-releases";
+import ReleaseInfo from "./release";
+import intl from "../../../locale";
+import { Perf } from '@alife/yunxiao-common';
+import permissionUtil from "../../../utils/permissionUtil";
+import { navigate } from '@reach/router';
+import "./index.scss";
+var URL = require('url');
+var querystring = require('querystring');
+var PERMISSION_PIPELINE_EXECUTE = 'tb.flow.pipeline.run';
+var timer = null;
+var prefix = 'pipe-deployments-container';
+var Option = Select.Option;
+var Tooltip = Balloon.Tooltip;
+var Row = Grid.Row,
+  Col = Grid.Col;
+var OperationTableCell = function OperationTableCell(_ref) {
+  var _record$buttons;
+  var record = _ref.record,
+    setBtnContext = _ref.setBtnContext,
+    setBtnViewVisible = _ref.setBtnViewVisible,
+    canExecutePipeline = _ref.canExecutePipeline,
+    fetchLatestDeploySource = _ref.fetchLatestDeploySource,
+    rerunRequest = _ref.rerunRequest;
+  var _useState = useState([]),
+    buttonList = _useState[0],
+    setButtonList = _useState[1];
+  var params = record.params,
+    status = record.status,
+    resultStatus = record.resultStatus;
+
+  // 超过30天的非K8S部署，禁用回滚和重试按钮
+  var outOfStorageLimitTime = ((_record$buttons = record.buttons) === null || _record$buttons === void 0 ? void 0 : _record$buttons.find(function (item) {
+    return item.buttonType === 'VMDeployOrder';
+  })) &&
+  // 判断为非K8S部署的条件
+  record.startTime && Date.now() - new Date(record.startTime).getTime() > 30 * 24 * 60 * 60 * 1000 && record.artifact && record.artifact.indexOf("generic/flow_generic_repo/files") < 0;
+  var buttons = [];
+  (buttonList.length > 0 && buttonList || [].concat(record.buttons.filter(function (item) {
+    // 超过30天的非K8S部署，干掉重试按钮
+    if (outOfStorageLimitTime && item.code === 'RETRY') {
+      return false;
+    }
+    return true;
+  })) || []).forEach(function (btn, index) {
+    var bts = buildButtonComponentWrapper(_extends({
+      mode: 'Button',
+      btnType: 'primary',
+      text: true
+    }, btn, {
+      setButtonList: setButtonList
+    }))({
+      view: true,
+      onClick: function onClick() {
+        setBtnContext(btn);
+        setBtnViewVisible(true);
+      },
+      key: btn.type + "-button-" + index
+    });
+    if (bts == null) {
+      return;
+    }
+    if (bts instanceof Array) {
+      buttons = buttons.concat(bts);
+    } else {
+      buttons.push(bts);
+    }
+  });
+  if (status === 'FINISH' && resultStatus === 'SUCCESS' && (window.AK_GLOBAL.currentUser.permissions.includes('tb.role.pipeline.admin') || canExecutePipeline)) {
+    var rollback = /*#__PURE__*/React.createElement(ButtonTooltip, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        fetchLatestDeploySource(record);
+        rerunRequest.strategy = JSON.parse(params || '{}').pause_strategy;
+        rerunRequest.batch = JSON.parse(params || '{}').default_batch;
+      },
+      disabled: outOfStorageLimitTime,
+      tooltip: outOfStorageLimitTime ? intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.deployments.TheDeploymentPackageStoredIn',
+        defaultMessage: '存储于流水线部署包仅保留30天，当前记录已超过30天无法回滚'
+      }) : null
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.Rollback',
+      defaultMessage: '回滚'
+    }));
+    buttons.unshift(rollback);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ops-menus"
+  }, buttons.slice(0, 1), buttons.length === 2 && buttons[1], buttons.length > 2 && /*#__PURE__*/React.createElement(MenuButton, {
+    text: true,
+    align: "tr br",
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.More',
+      defaultMessage: '更多'
+    }),
+    popupClassName: "ops-menu-popup"
+  }, buttons.splice(1).map(function (btn, index) {
+    return /*#__PURE__*/React.createElement(MenuButton.Item, {
+      key: index
+    }, btn);
+  })));
+};
+var Deployments = function Deployments(_ref2) {
+  var parentLoading = _ref2.loading,
+    newLayout = _ref2.newLayout,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded);
+  var _useState2 = useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState([]),
+    instances = _useState3[0],
+    setInstances = _useState3[1];
+  var _useState4 = useState(null),
+    latestDeploy = _useState4[0],
+    setLatestDeploy = _useState4[1];
+  var _useState5 = useState([]),
+    latestDeployTaskGroupByIdentifier = _useState5[0],
+    setLatestDeployTaskGroupByIdentifier = _useState5[1];
+  var _useState6 = useState(0),
+    total = _useState6[0],
+    setTotal = _useState6[1];
+  var _useState7 = useState(1),
+    pageNum = _useState7[0],
+    setPageNum = _useState7[1];
+  var _useState8 = useState(null),
+    rollbackItem = _useState8[0],
+    setRollbackItem = _useState8[1];
+  var _useState9 = useState(9),
+    pageSize = _useState9[0];
+  var _useState10 = useState({
+      strategy: Object.keys(STRATEGY_MAP)[0],
+      batch: 2
+    }),
+    rerunRequest = _useState10[0];
+  var _useState11 = useState(null),
+    selectDeployIdentifier = _useState11[0],
+    setSelectDeployIdentifier = _useState11[1];
+  var _useState12 = useState(false),
+    btnViewVisible = _useState12[0],
+    setBtnViewVisible = _useState12[1];
+  var _useState13 = useState({
+      type: 'NONE',
+      name: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.deployments.Details',
+        defaultMessage: '详情'
+      })
+    }),
+    btnContext = _useState13[0],
+    setBtnContext = _useState13[1];
+  var _useState14 = useState(false),
+    canExecutePipeline = _useState14[0],
+    setCanExecutePipeline = _useState14[1];
+  var refreshKey = 'init';
+  var fetchHistories = function fetchHistories(num, size, identifier) {
+    setLoading(true);
+    exceed.fetch({
+      api: 'Pipeline.deployment.histories',
+      data: {
+        pipelineId: props.pipelineId,
+        category: 'DEPLOY',
+        componentIdentifier: identifier,
+        pageStart: (num - 1) * size,
+        pageSize: size
+      }
+    }).then(function (res) {
+      if (res.successful) {
+        setInstances(res.object.dataList);
+        setTotal(res.object.total);
+      }
+      setLoading(false);
+    })["catch"](function () {
+      setLoading(false);
+    });
+  };
+  var refreshHistories = function refreshHistories(num, size, identifier) {
+    refreshKey = num + "-" + size + "-" + identifier;
+    exceed.fetch({
+      api: 'Pipeline.deployment.histories',
+      data: {
+        pipelineId: props.pipelineId,
+        category: 'DEPLOY',
+        componentIdentifier: identifier,
+        pageStart: (num - 1) * size,
+        pageSize: size
+      }
+    }).then(function (res) {
+      var requestRefreshKey = num + "-" + size + "-" + identifier;
+      if (res.successful && requestRefreshKey === refreshKey) {
+        setInstances(res.object.dataList);
+        setTotal(res.object.total);
+      }
+    });
+  };
+  var fetchLatestDeploySource = function fetchLatestDeploySource(record) {
+    exceed.fetch({
+      api: 'Pipeline.componentInst.unfinished.reruns',
+      data: {
+        componentId: record.componentInstId
+      }
+    }).then(function (res) {
+      if (res.successful && res.object.length > 0) {
+        Dialog.confirm({
+          messageProps: {
+            type: 'notice'
+          },
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.detailMain.deployments.FailedToStartRollback',
+            defaultMessage: '未能启动回滚'
+          }),
+          content: intl.get({
+            id: 'rdc-tb-cd-assets.detailMain.deployments.ARollbackToTheCurrent',
+            defaultMessage: '有回滚至本版本的部署正在进行中，请取消或等待相应部署结束后再尝试。'
+          }),
+          footer: false
+        });
+      } else {
+        setRollbackItem(record);
+        exceed.fetch({
+          api: 'Pipeline.deployment.latest.successful',
+          data: {
+            pipelineId: props.pipelineId,
+            category: 'DEPLOY',
+            identifiers: selectDeployIdentifier
+          }
+        }).then(function (res1) {
+          if (res1.successful) {
+            var latestSuccessfulDeployments = res1.object;
+            if (latestSuccessfulDeployments.length > 0) {
+              setLatestDeploy(latestSuccessfulDeployments[0]);
+            }
+          }
+        });
+      }
+    });
+  };
+  var getDeployGroupInfo = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(list) {
+      var newList, fetch, index, len;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            newList = [];
+            fetch = /*#__PURE__*/function () {
+              var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
+                var componentInstId, taskName, other, config, _yield$exceed$fetch, _yield$exceed$fetch$o, object, successful, newTaskName;
+                return _regeneratorRuntime.wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      componentInstId = _ref4.componentInstId, taskName = _ref4.taskName, other = _objectWithoutPropertiesLoose(_ref4, _excluded2);
+                      config = {
+                        api: 'Pipeline.deployment.deployorder.componentinst',
+                        data: {
+                          componentInstId: componentInstId,
+                          operator: window.AK_GLOBAL.currentUser.workid
+                        },
+                        params: {
+                          componentInstId: componentInstId
+                        }
+                      };
+                      _context.next = 4;
+                      return exceed.fetch(config);
+                    case 4:
+                      _yield$exceed$fetch = _context.sent;
+                      _yield$exceed$fetch$o = _yield$exceed$fetch.object;
+                      object = _yield$exceed$fetch$o === void 0 ? {} : _yield$exceed$fetch$o;
+                      successful = _yield$exceed$fetch.successful;
+                      if (successful) {
+                        _context.next = 10;
+                        break;
+                      }
+                      return _context.abrupt("return");
+                    case 10:
+                      newTaskName = object.machineGroup ? intl.get({
+                        id: 'rdc-tb-cd-assets.detailMain.deployments.TasknameHostGroupObjectmachinegroupname',
+                        defaultMessage: '{taskName}(主机组:{objectMachineGroupName})'
+                      }, {
+                        taskName: taskName,
+                        objectMachineGroupName: object.machineGroup.name
+                      }) : taskName;
+                      newList.push(_extends({
+                        componentInstId: componentInstId
+                      }, other, {
+                        taskName: newTaskName
+                      }));
+                    case 12:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              return function fetch(_x2) {
+                return _ref5.apply(this, arguments);
+              };
+            }();
+            index = 0, len = list.length;
+          case 3:
+            if (!(index < len)) {
+              _context2.next = 9;
+              break;
+            }
+            _context2.next = 6;
+            return fetch(list[index]);
+          case 6:
+            index++;
+            _context2.next = 3;
+            break;
+          case 9:
+            setLatestDeployTaskGroupByIdentifier(newList);
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getDeployGroupInfo(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var fetchLatestDeployTaskGroupByIdentifier = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var config, _yield$exceed$fetch2, _yield$exceed$fetch2$, list, successful;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            setLoading(true);
+            config = {
+              api: 'Pipeline.deployment.latest.latestDeployTaskGroupByIdentifier',
+              data: {
+                pipelineId: props.pipelineId,
+                category: 'DEPLOY'
+              }
+            };
+            _context3.next = 4;
+            return exceed.fetch(config);
+          case 4:
+            _yield$exceed$fetch2 = _context3.sent;
+            _yield$exceed$fetch2$ = _yield$exceed$fetch2.object;
+            list = _yield$exceed$fetch2$ === void 0 ? [] : _yield$exceed$fetch2$;
+            successful = _yield$exceed$fetch2.successful;
+            if (successful) {
+              _context3.next = 10;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 10:
+            if (list.length > 0) {
+              setSelectDeployIdentifier(list[0].identifier);
+              fetchHistories(pageNum, pageSize, list[0].identifier);
+            }
+            getDeployGroupInfo(list);
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function fetchLatestDeployTaskGroupByIdentifier() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  var checkPipelinePermission = function checkPipelinePermission() {
+    permissionUtil.checkPermissionList([PERMISSION_PIPELINE_EXECUTE], props.pipelineId, 'pipeline', window.AK_GLOBAL.currentUser.workid).then(function (data) {
+      setCanExecutePipeline(data[PERMISSION_PIPELINE_EXECUTE]);
+    });
+  };
+  useEffect(function () {
+    fetchLatestDeployTaskGroupByIdentifier();
+    checkPipelinePermission();
+  }, []);
+  useEffect(function () {
+    var notFinish = instances.filter(function (extendInfo) {
+      return !['FINISH'].includes(extendInfo.status);
+    });
+    if (notFinish.length > 0) {
+      timer && clearTimeout(timer);
+      timer = setTimeout(function () {
+        return refreshHistories(pageNum, pageSize, selectDeployIdentifier);
+      }, 10000);
+    }
+    return function () {
+      return timer && clearTimeout(timer);
+    };
+  }, [instances]);
+  var deployTimeFormat = function deployTimeFormat(value) {
+    return value ? dayjs(value).format('MM-DD HH:mm') : '-';
+  };
+  var theRollbackLayout = function theRollbackLayout(_ref7) {
+    var label = _ref7.label,
+      content = _ref7.content;
+    return /*#__PURE__*/React.createElement(Row, {
+      style: {
+        flexDirection: 'column',
+        marginBottom: 13
+      }
+    }, /*#__PURE__*/React.createElement(Col, {
+      span: "24",
+      style: {
+        marginBottom: 7
+      }
+    }, label), /*#__PURE__*/React.createElement(Col, {
+      span: "24"
+    }, content));
+  };
+  var classe = cx({
+    'flow-job-runtime-menu-wrapper': true,
+    'flow-job-runtime-menu-wrapper__dialog': true,
+    log: true
+  });
+  var isKubernetes = function isKubernetes(record) {
+    if (!record) {
+      return false;
+    }
+    var result = JSON.parse(record.result);
+    var _result$data = result.data,
+      data = _result$data === void 0 ? {} : _result$data;
+    // eslint-disable-next-line dot-notation
+    return data.RELEASE_INFO;
+  };
+  var isKubernetesDeploy = isKubernetes(rollbackItem);
+  var _taskName = rollbackItem && rollbackItem.taskName;
+  var pagination = /*#__PURE__*/React.createElement(Pagination, {
+    hideOnlyOnePage: true,
+    shape: "arrow-only",
+    pageSizeSelector: false,
+    pageSize: pageSize,
+    defaultCurrent: 1,
+    current: pageNum,
+    total: total,
+    onChange: function onChange(value) {
+      setPageNum(value);
+      fetchHistories(value, pageSize, selectDeployIdentifier);
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/React.createElement(Dialog, {
+    className: "confirm-dialog",
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.RollbackInformationTaskname',
+      defaultMessage: '回滚信息-{taskName}'
+    }, {
+      taskName: _taskName
+    }),
+    visible: !!rollbackItem,
+    style: {
+      width: 650
+    },
+    onClose: function onClose() {
+      return setRollbackItem(null);
+    },
+    onCancel: function onCancel() {
+      return setRollbackItem(null);
+    },
+    animation: {
+      "in": 'expandInDown',
+      out: 'expandOutUp'
+    },
+    onOk: function onOk() {
+      exceed.fetch({
+        api: 'Pipeline.deployment.rollback',
+        data: {
+          componentInstId: rollbackItem.componentInstId,
+          operator: window.AK_GLOBAL.currentUser.workid,
+          extraComponentJsonParam: JSON.stringify({
+            default_batch: rerunRequest.batch,
+            pause_strategy: rerunRequest.strategy,
+            deployKind: 'rollback',
+            parentComponentInstId: rollbackItem.componentInstId
+          })
+        }
+      }).then(function () {
+        setRollbackItem(null);
+        setPageNum(1);
+        fetchHistories(pageNum, pageSize, selectDeployIdentifier);
+      });
+    }
+  }, /*#__PURE__*/React.createElement(ReleaseInfo, {
+    current: latestDeploy,
+    rollback: rollbackItem
+  }), /*#__PURE__*/React.createElement("br", null), !isKubernetesDeploy && /*#__PURE__*/React.createElement(Fragment, null, theRollbackLayout({
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.ReleasePauseMethod',
+      defaultMessage: '发布暂停方式'
+    }),
+    content: /*#__PURE__*/React.createElement(Select, {
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.deployments.SelectTheReleasePauseMethod',
+        defaultMessage: '请选择发布暂停方式'
+      }),
+      style: {
+        width: '100%'
+      },
+      onChange: function onChange(strategy) {
+        rerunRequest.strategy = strategy;
+      },
+      defaultValue: rerunRequest.strategy
+    }, Object.keys(STRATEGY_MAP).map(function (strategyName) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: strategyName,
+        value: strategyName
+      }, STRATEGY_MAP[strategyName].text);
+    }))
+  }), theRollbackLayout({
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.ReleaseBatch',
+      defaultMessage: '发布批次'
+    }),
+    content: /*#__PURE__*/React.createElement(NumberPicker, {
+      style: {
+        width: '100%',
+        color: 'var(--color-line1-2, #dbdbdb)'
+      },
+      defaultValue: rerunRequest.batch,
+      min: 1,
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.deployments.EnterANumber',
+        defaultMessage: '输入数字'
+      })
+      // eslint-disable-next-line no-return-assign
+      ,
+      onChange: function onChange(value) {
+        return rerunRequest.batch = value;
+      }
+    })
+  }))), /*#__PURE__*/React.createElement(Dialog, {
+    title: btnContext.name,
+    visible: btnViewVisible,
+    onClose: function onClose() {
+      return setBtnViewVisible(false);
+    },
+    onCancel: function onCancel() {
+      return setBtnViewVisible(false);
+    },
+    animation: {
+      "in": 'expandInDown',
+      out: 'expandOutUp'
+    },
+    footer: false,
+    className: classe,
+    style: {
+      width: '75%',
+      minWidth: '1080px'
+    }
+  }, buildButtonComponentWrapper(_extends({
+    type: btnContext.type,
+    mode: 'View'
+  }, btnContext))({
+    key: btnContext.type + "-button-view"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "deployments-select-wrap"
+  }, latestDeployTaskGroupByIdentifier.length ? /*#__PURE__*/React.createElement(Select, {
+    autoWidth: false
+    // popupStyle={{ background: 'var(--color-white, #ffffff)' }}
+    // hasBorder={false}
+    ,
+    value: selectDeployIdentifier,
+    onChange: function onChange(value) {
+      setSelectDeployIdentifier(value);
+      fetchHistories(pageNum, pageSize, value);
+    }
+  }, latestDeployTaskGroupByIdentifier.map(function (_ref8) {
+    var name = _ref8.taskName,
+      identifier = _ref8.identifier;
+    return /*#__PURE__*/React.createElement(Option, {
+      key: identifier,
+      value: identifier
+    }, name);
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: prefix + "-table"
+  }, /*#__PURE__*/React.createElement(YunxiaoTable.StickyLock, {
+    className: "deployment-history",
+    dataSource: instances,
+    loading: parentLoading || loading,
+    stickyHeader: true,
+    emptyContent: /*#__PURE__*/React.createElement(Result, {
+      img: "none",
+      desc: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.main.NoData',
+        defaultMessage: '没有数据'
+      }),
+      theme: "yunxiao",
+      imageTheme: "yunxiao",
+      size: "small"
+    })
+  }, /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: /*#__PURE__*/React.createElement(Box, {
+      direction: "row",
+      align: "center",
+      style: {
+        whiteSpace: 'nowrap'
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.DeploymentRecord',
+      defaultMessage: '部署记录'
+    }), /*#__PURE__*/React.createElement(ButtonIcon, {
+      style: {
+        color: 'var(--color-line1-5, #adadad)'
+      },
+      tooltipProps: {
+        align: 'tl',
+        style: {
+          transform: 'translateX(-4px)'
+        }
+      },
+      name: "information-line",
+      tooltip: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.deployments.TheDeploymentHistoryRetainsOnly',
+        defaultMessage: '部署历史仅保留最近 5000 条运行记录中的部署记录'
+      })
+    })),
+    dataIndex: "executeNumber",
+    width: 100,
+    cell: function cell(value) {
+      return /*#__PURE__*/React.createElement("span", null, "#", value);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.RunningRecord',
+      defaultMessage: '运行记录'
+    }),
+    width: 100,
+    cell: function cell(_, __, v) {
+      return /*#__PURE__*/React.createElement(Button, {
+        text: true,
+        type: "normal",
+        onClick: function onClick() {
+          navigate("/pipelines/" + v.pipelineId + "/builds/" + v.pipelineInstNumber);
+        }
+      }, "#", v.pipelineInstNumber);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.State',
+      defaultMessage: '状态'
+    }),
+    dataIndex: "status",
+    cell: function cell(value, _, record) {
+      return /*#__PURE__*/React.createElement(StatusIcon, {
+        status: value === 'FINISH' ? record.resultStatus : value
+      });
+    },
+    width: 80
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.CodeVersion',
+      defaultMessage: '源信息'
+    }),
+    dataIndex: "sources",
+    width: 150,
+    cell: function cell(value) {
+      return /*#__PURE__*/React.createElement(InstanceSources, {
+        sources: JSON.parse(value || '[]')
+      });
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.DeploymentPackage',
+      defaultMessage: '部署包'
+    }),
+    dataIndex: "artifact",
+    width: 130,
+    cell: function cell(value, _, record) {
+      var result = JSON.parse(record.result || '{}');
+      var _result$data2 = result.data,
+        data = _result$data2 === void 0 ? {} : _result$data2;
+      // eslint-disable-next-line dot-notation
+      var releaseInfo = JSON.parse(data.RELEASE_INFO || '[]');
+      if (releaseInfo.length > 0) {
+        return /*#__PURE__*/React.createElement(InstanceReleases, {
+          releases: releaseInfo
+        });
+      }
+      var artifact;
+      try {
+        artifact = JSON.parse(value || '{}');
+      } catch (e) {
+        artifact = {};
+      }
+      var downloadUrl = '';
+      var packageHost = '';
+      downloadUrl = artifact.ARTIFACT_URL;
+      packageHost = artifact.packageHost;
+      if (downloadUrl) {
+        if (downloadUrl.indexOf("/api/protocol/" + window.userInfos.orgId) > -1 && downloadUrl.indexOf("/packages-file/api/protocol/" + window.userInfos.orgId) < 0) {
+          var replace = downloadUrl.replace("/api/protocol/" + window.userInfos.orgId, '');
+          var urlWithHost = replace.substring(0, replace.indexOf('/files'));
+          var artifactName = downloadUrl.substring(downloadUrl.indexOf('/files/') + '/files/'.length, downloadUrl.indexOf('?'));
+          var _querystring$parse = querystring.parse(URL.parse(downloadUrl).query),
+            version = _querystring$parse.version;
+          downloadUrl = urlWithHost + "/artifacts?version=" + version + "&artifactName=" + artifactName;
+        }
+        return /*#__PURE__*/React.createElement("a", {
+          target: "_blank",
+          href: downloadUrl,
+          rel: "noreferrer"
+        }, artifact.ARTIFACT_NAME);
+      } else if (packageHost) {
+        downloadUrl = packageHost + "/" + artifact.repoType + "/" + artifact.repoId + "/artifacts?artifactName=" + encodeURIComponent(artifact.artifactName) + "&version=" + encodeURIComponent(artifact.version);
+        return /*#__PURE__*/React.createElement("a", {
+          target: "_blank",
+          href: downloadUrl,
+          rel: "noreferrer"
+        }, artifact.artifactName);
+      } else {
+        return '-';
+      }
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.StartTime',
+      defaultMessage: '开始部署时间'
+    }),
+    dataIndex: "startTime",
+    width: 130,
+    cell: function cell(value) {
+      return deployTimeFormat(value);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    width: 120,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.DeploymentTask',
+      defaultMessage: '部署任务'
+    }),
+    dataIndex: "taskName",
+    cell: function cell(value) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        align: "t",
+        trigger: /*#__PURE__*/React.createElement("div", {
+          className: "tipsInfo"
+        }, value || '-')
+      }, value);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.Holders',
+      defaultMessage: '执行人'
+    }),
+    width: 130,
+    dataIndex: "operator",
+    cell: function cell(value) {
+      if (value === 'ACP-ADMIN') return '-';
+      return /*#__PURE__*/React.createElement(Avatar, {
+        uid: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.Description',
+      defaultMessage: '说明'
+    }),
+    width: 160,
+    dataIndex: "description",
+    cell: function cell(value) {
+      if (!value) {
+        return '-';
+      }
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        align: "t",
+        trigger: /*#__PURE__*/React.createElement("div", {
+          className: "tipsInfo tipsInfo-right"
+        }, value || '-')
+      }, value);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.detailMain.deployments.Operation',
+      defaultMessage: '操作'
+    }),
+    dataIndex: "instNumber",
+    width: 110,
+    lock: "right",
+    align: "left",
+    cell: function cell(_, __, record) {
+      var params = {
+        record: record,
+        setBtnContext: setBtnContext,
+        setBtnViewVisible: setBtnViewVisible,
+        canExecutePipeline: canExecutePipeline,
+        fetchLatestDeploySource: fetchLatestDeploySource,
+        rerunRequest: rerunRequest
+      };
+      return /*#__PURE__*/React.createElement(OperationTableCell, params);
+    }
+  }))), newLayout ? total > pageSize && /*#__PURE__*/React.createElement(Footer, null, pagination) : pagination, !(parentLoading || loading) && /*#__PURE__*/React.createElement(Perf, null));
+};
+export default Deployments;