@zgfe/modules-settings 2.0.0-zhongyuan.9 → 2.1.0-zhongyuan.1

package/es/modules/createDemand/index.js

@@ -17,17 +17,15 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
+import { BizGlobalDataContext, IconFont, BizDialog, BizSelect } from '@zgfe/business-lib';
 import { Input, Button,
 // Select,
-Table, message,
-// Modal,
-Upload,
+Table, message, Modal, Upload,
 // Popover,
-DatePicker, Empty } from 'antd';
+DatePicker, Empty, notification } from 'antd';
 import React, { useEffect, useState, useContext } from 'react';
 import './styles/index.less';
-import { columnsEvent } from './constants';
+import { columnsEvent, demandTabList } from './constants';
 import ProcessCanvas from './../../components/processCanvas';
 import request from '../../utils/ajax';
 import apis from '../../constants/api';
@@ -37,6 +35,7 @@ import BackConfirm from './backConfirm';
 import constants from '../../utils/constants';
 import { jsPDF } from 'jspdf';
 import domtoimage from 'dom-to-image';
+import CreateMetaDrawer from '../pointMap/createMetaDrawer';
 var getImgUrl = function getImgUrl(src, pageId) {
   return constants.regExp.url.test(src) ? src : "".concat(window.location.origin, "/web/img/report/").concat(pageId, "/").concat(src);
   // return constants.regExp.url.test(src)
@@ -44,6 +43,7 @@ var getImgUrl = function getImgUrl(src, pageId) {
   //   : `${'https://test01.zhugeapi.com'}/web/img/report/${pageId}/${src}`;
 };
 var CreateDemand = function CreateDemand(props) {
+  var _props$data;
   var classPrefix = 'system-setting-create-demand';
   var _useContext = useContext(BizGlobalDataContext),
     currentApp = _useContext.currentApp,
@@ -53,89 +53,130 @@ var CreateDemand = function CreateDemand(props) {
     router = _useContext.router;
   // 属性列表加载中
   // const [loading, setLoading] = useState(true);
-  var _useState = useState(0),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    tabIndex = _useState2[0],
-    setTabIndex = _useState2[1];
-  var _useState3 = useState([]),
+    nodeData = _useState2[0],
+    setNodeData = _useState2[1];
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    nodeData = _useState4[0],
-    setNodeData = _useState4[1];
-  var _useState5 = useState(''),
+    demandName = _useState4[0],
+    setDemandName = _useState4[1];
+  var _useState5 = useState(moment()),
     _useState6 = _slicedToArray(_useState5, 2),
-    demandName = _useState6[0],
-    setDemandName = _useState6[1];
-  var _useState7 = useState(moment()),
+    completionTime = _useState6[0],
+    setCompletionTime = _useState6[1];
+  var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    completionTime = _useState8[0],
-    setCompletionTime = _useState8[1];
+    demandDescribe = _useState8[0],
+    setDemandDescribe = _useState8[1];
   var _useState9 = useState(''),
     _useState10 = _slicedToArray(_useState9, 2),
-    demandDescribe = _useState10[0],
-    setDemandDescribe = _useState10[1];
-  var _useState11 = useState(''),
+    eventKey = _useState10[0],
+    setEventKey = _useState10[1];
+  var _useState11 = useState(),
     _useState12 = _slicedToArray(_useState11, 2),
-    eventKey = _useState12[0],
-    setEventKey = _useState12[1];
-  var _useState13 = useState(''),
+    demandFile = _useState12[0],
+    setDemandFile = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    attrKey = _useState14[0],
-    setAttrKey = _useState14[1];
-  var _useState15 = useState(),
+    pointEventInfo = _useState14[0],
+    setPointEventInfo = _useState14[1];
+  var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    demandFile = _useState16[0],
-    setDemandFile = _useState16[1];
-  var _useState17 = useState(),
+    isHandle = _useState16[0],
+    setIsHandle = _useState16[1];
+  // const [isWithdraw, setIsWithdraw] = useState(false);
+  var _useState17 = useState(void 0),
     _useState18 = _slicedToArray(_useState17, 2),
-    pointEventInfo = _useState18[0],
-    setPointEventInfo = _useState18[1];
+    currentNodenumber = _useState18[0],
+    setCurrentNodenumber = _useState18[1];
   var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    isHandle = _useState20[0],
-    setIsHandle = _useState20[1];
+    isShowBackConfirm = _useState20[0],
+    setIsShowBackConfirm = _useState20[1];
   var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    isWithdraw = _useState22[0],
-    setIsWithdraw = _useState22[1];
-  var _useState23 = useState(false),
+    isEdit = _useState22[0],
+    setIsEdit = _useState22[1];
+  // const [processingNode, setProcessingNode] = useState();
+  var _useState23 = useState(),
     _useState24 = _slicedToArray(_useState23, 2),
-    eventAttrListShow = _useState24[0],
-    setEventAttrListShow = _useState24[1];
-  var _useState25 = useState(void 0),
+    demandData = _useState24[0],
+    setDemandData = _useState24[1];
+  var _useState25 = useState(0),
     _useState26 = _slicedToArray(_useState25, 2),
-    currentNodenumber = _useState26[0],
-    setCurrentNodenumber = _useState26[1];
-  var _useState27 = useState(),
-    _useState28 = _slicedToArray(_useState27, 2),
-    eventProp = _useState28[0],
-    setEventProp = _useState28[1];
-  var _useState29 = useState(0),
+    demandStatus = _useState26[0],
+    setDemandStatus = _useState26[1];
+  //需求操作类型
+  var _useState27 = useState((props === null || props === void 0 ? void 0 : (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.type) || 'edit'),
+    _useState28 = _slicedToArray(_useState27, 1),
+    demandType = _useState28[0];
+  //埋点列表选择key
+  var _useState29 = useState([]),
     _useState30 = _slicedToArray(_useState29, 2),
-    propType = _useState30[0],
-    setPropType = _useState30[1];
-  var _useState31 = useState(-1),
+    selectedRowKeys = _useState30[0],
+    setSelectedRowKeys = _useState30[1];
+  //公司用户列表
+  var _useState31 = useState([]),
     _useState32 = _slicedToArray(_useState31, 2),
-    encryptionType = _useState32[0],
-    setEncryptionType = _useState32[1];
-  var _useState33 = useState(props.isRead),
-    _useState34 = _slicedToArray(_useState33, 1),
-    isRead = _useState34[0];
-  var _useState35 = useState(false),
+    userList = _useState32[0],
+    setUserList = _useState32[1];
+  var _useState33 = useState(false),
+    _useState34 = _slicedToArray(_useState33, 2),
+    showUser = _useState34[0],
+    setShowUser = _useState34[1];
+  var _useState35 = useState({}),
     _useState36 = _slicedToArray(_useState35, 2),
-    isShowBackConfirm = _useState36[0],
-    setIsShowBackConfirm = _useState36[1];
-  var _useState37 = useState(false),
+    userSelect = _useState36[0],
+    setUserSelect = _useState36[1];
+  var _useState37 = useState(''),
     _useState38 = _slicedToArray(_useState37, 2),
-    isEdit = _useState38[0],
-    setIsEdit = _useState38[1];
-  var _useState39 = useState(),
+    userSelectType = _useState38[0],
+    setUserSelectType = _useState38[1];
+  //评论参数列表
+  var _useState39 = useState('comment'),
     _useState40 = _slicedToArray(_useState39, 2),
-    processingNode = _useState40[0],
-    setProcessingNode = _useState40[1];
-  var _useState41 = useState(),
+    tabKey = _useState40[0],
+    setTabKey = _useState40[1];
+  var _useState41 = useState([]),
     _useState42 = _slicedToArray(_useState41, 2),
-    demandData = _useState42[0],
-    setDemandData = _useState42[1];
+    comments = _useState42[0],
+    setComments = _useState42[1];
+  var _useState43 = useState(''),
+    _useState44 = _slicedToArray(_useState43, 2),
+    commentText = _useState44[0],
+    setCommentText = _useState44[1];
+  var _useState45 = useState([]),
+    _useState46 = _slicedToArray(_useState45, 2),
+    operateList = _useState46[0],
+    setOperateList = _useState46[1];
+  var _useState47 = useState(false),
+    _useState48 = _slicedToArray(_useState47, 2),
+    showComment = _useState48[0],
+    setShowComment = _useState48[1];
+  //上线时间
+  var _useState49 = useState(false),
+    _useState50 = _slicedToArray(_useState49, 2),
+    showOnlineTime = _useState50[0],
+    setShowOnlineTime = _useState50[1];
+  var _useState51 = useState(),
+    _useState52 = _slicedToArray(_useState51, 2),
+    onlineTime = _useState52[0],
+    setOnlineTime = _useState52[1];
+  //设置时间
+  var _useState53 = useState(1),
+    _useState54 = _slicedToArray(_useState53, 2),
+    tabIndex = _useState54[0],
+    setTabIndex = _useState54[1];
+  //查看埋点内容
+  var _useState55 = useState(false),
+    _useState56 = _slicedToArray(_useState55, 2),
+    createMetaShow = _useState56[0],
+    setCreateMetaShow = _useState56[1];
+  var _useState57 = useState({}),
+    _useState58 = _slicedToArray(_useState57, 2),
+    metaData = _useState58[0],
+    setMetaData = _useState58[1];
   useEffect(function () {
     if (props.demandId) {
       getDemand();
@@ -143,10 +184,10 @@ var CreateDemand = function CreateDemand(props) {
       getNode();
     }
   }, [props.demandId]);
-  var _useState43 = useState(false),
-    _useState44 = _slicedToArray(_useState43, 2),
-    isControl = _useState44[0],
-    setIsControl = _useState44[1];
+  var _useState59 = useState(false),
+    _useState60 = _slicedToArray(_useState59, 2),
+    isControl = _useState60[0],
+    setIsControl = _useState60[1];
   var getAppAutoEvent = function getAppAutoEvent() {
     request(apis.getAppAutoEvent, {
       method: 'post',
@@ -162,27 +203,17 @@ var CreateDemand = function CreateDemand(props) {
     });
   };
   useEffect(function () {
-    if (props.data) {
-      setDemandName(props.data.demand.demandName);
-      setDemandDescribe(props.data.demand.demandDescribe);
-      setCompletionTime(moment(new Date(props.data.demand.completionTime)));
+    if (props.data && props.data.demand && (props === null || props === void 0 ? void 0 : props.data.demand.demandName)) {
+      setDemandName(props === null || props === void 0 ? void 0 : props.data.demand.demandName);
+      setDemandDescribe(props === null || props === void 0 ? void 0 : props.data.demand.demandDescribe);
+      setCompletionTime(moment(new Date(props === null || props === void 0 ? void 0 : props.data.demand.completionTime)));
       setDemandFile({
-        fileName: props.data.demand.fileName,
-        filePath: props.data.demand.filePath
+        fileName: props === null || props === void 0 ? void 0 : props.data.demand.fileName,
+        filePath: props === null || props === void 0 ? void 0 : props.data.demand.filePath
       });
-      setPointEventInfo(props.data.pointEventInfo ? props.data.pointEventInfo.map(function (item) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          describe: item.pointDescribe,
-          pageImgUrl: item.pageImgUrl ? getImgUrl(item.pageImgUrl, item.pageId) : '',
-          imgPath: item.imgUrl ? getImgUrl(item.imgUrl, item.pageId) : ''
-        });
-      }) : []);
     }
     getAppAutoEvent();
   }, []);
-  // useEffect(() => {
-  //   setIsEdit(true);
-  // }, [props.saveObj]);
   var getDemand = function getDemand() {
     request(apis.getDemand, {
       method: 'POST',
@@ -191,7 +222,6 @@ var CreateDemand = function CreateDemand(props) {
         id: props.demandId
       }
     }).then(function (res) {
-      // console.log('res', res);
       if (!res) {
         setTimeout(function () {
           router && (router === null || router === void 0 ? void 0 : router.replace({
@@ -212,12 +242,15 @@ var CreateDemand = function CreateDemand(props) {
         setPointEventInfo((res === null || res === void 0 ? void 0 : res.data.pointEventInfo) ? res === null || res === void 0 ? void 0 : res.data.pointEventInfo.map(function (item) {
           return _objectSpread(_objectSpread({}, item), {}, {
             describe: item.pointDescribe,
-            pageImgUrl: item.pageImgUrl ? getImgUrl(item.pageImgUrl, item.pageId) : '',
-            imgPath: item.imgUrl ? getImgUrl(item.imgUrl, item.pageId) : ''
+            pageImgUrl: item.pageImgUrl || '',
+            imgPath: item.imgPath || '',
+            aliasName: item.event.aliasName,
+            eventAttrList: item.event.eventAttrList,
+            triggeringOccasion: item.event.triggeringOccasion
           });
         }) : []);
         setIsHandle(res === null || res === void 0 ? void 0 : res.data.isHandle);
-        setIsWithdraw(res === null || res === void 0 ? void 0 : res.data.revocation);
+        // setIsWithdraw(res?.data.revocation);
         setNodeData((res === null || res === void 0 ? void 0 : res.data.nodes) ? res === null || res === void 0 ? void 0 : res.data.nodes.map(function (item) {
           return _objectSpread(_objectSpread({}, item), {}, {
             nodeName: item.currentStepName,
@@ -226,6 +259,16 @@ var CreateDemand = function CreateDemand(props) {
           });
         }) : []);
         setCurrentNodenumber(res === null || res === void 0 ? void 0 : res.data.currentNodenumber);
+        setDemandStatus(res === null || res === void 0 ? void 0 : res.data.demand.demandStatus);
+      }
+      //0为无状态及创建
+      if ((res === null || res === void 0 ? void 0 : res.data.demand.demandStatus) > 0) {
+        //获取当前评论
+        getComments();
+        //获取历史记录
+        getOperateList();
+        //获取公司列表
+        getUserList();
       }
     });
   };
@@ -243,7 +286,7 @@ var CreateDemand = function CreateDemand(props) {
             type: 'node_point'
           });
         }));
-        setProcessingNode(res.data.processingNode);
+        // setProcessingNode(res.data.processingNode);
       }
     });
   };
@@ -256,11 +299,11 @@ var CreateDemand = function CreateDemand(props) {
     showUploadList: false,
     beforeUpload: function beforeUpload(file) {
       setIsEdit(true);
-      var regex = /\.(zip|rar)$/i;
+      var regex = /\.(zip|rar|doc|docx|xlsx|xls|pdf)$/i;
       var isZip = regex.test(file.name);
-      var is10M = file.size < 10 * 1024 * 1024;
+      var is10M = file.size < 50 * 1024 * 1024;
       if (!isZip || !is10M) {
-        message.error("\u4EC5\u652F\u6301\u4E0A\u4F20\u4E00\u4E2A10M\u4EE5\u5185\u7684ZIP\u3001RAR\u683C\u5F0F\u538B\u7F29\u5305\u9644\u4EF6");
+        message.error("\u4EC5\u652F\u6301\u4E0A\u4F20\u4E00\u4E2A50M\u4EE5\u5185\u7684Word\u3001Excel\u3001PDF\u3001ZIP\u3001ZIP\u3001RAR\u683C\u5F0F\u538B\u7F29\u5305\u9644\u4EF6");
       } else {
         // setValueLoading(true);
         var formData = new FormData();
@@ -282,7 +325,10 @@ var CreateDemand = function CreateDemand(props) {
       return false;
     }
   };
+  // type on单击事件 save保存 flow
   var onCreate = function onCreate() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'save';
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     if (!demandName) {
       message.warning('请填写需求名称');
       return;
@@ -303,30 +349,40 @@ var CreateDemand = function CreateDemand(props) {
         id: props.data.demand.id
       } : {}), {}, {
         completionTime: completionTime * 1,
-        pointEventIds: pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.map(function (item) {
+        pointEventIds: pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.filter(function (res) {
+          return res.id;
+        }).map(function (item) {
           return item.id;
-        })
-      })
+        }),
+        pointEventStatus: pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.map(function (item) {
+          return item.status;
+        }),
+        eventList: pointEventInfo
+      }, data)
     }).then(function (res) {
       if ((res === null || res === void 0 ? void 0 : res.code) === '100000') {
-        message.success('保存成功');
-        props.onBack && props.onBack();
+        if (type == 'on') {
+          message.success('保存成功');
+          props.onBack && props.onBack();
+          return;
+        }
+        setPointEventInfo(function (val) {
+          return val === null || val === void 0 ? void 0 : val.map(function (item, index) {
+            var _res$data;
+            return _objectSpread(_objectSpread({}, item), {}, {
+              id: (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.pointEventInfo[index].id
+            });
+          });
+        });
+        //每次修改刷新历史记录
+        getOperateList();
         // props.onSubmit && props.onSubmit()
       } else {
         message.error('保存失败');
       }
     });
   };
-  var removeInfo = function removeInfo(type, info) {
-    if (isRead) return message.error('查看状态不可修改');
-    var data = _.clone(pointEventInfo);
-    setPointEventInfo(data ? data.filter(function (item) {
-      return item.id !== info.id;
-    }) : []);
-    message.success('移除成功');
-  };
   var downloadFile = function downloadFile() {
-    if (!isRead) return;
     request(apis.fileDownload, {
       method: 'POST',
       data: {
@@ -344,25 +400,7 @@ var CreateDemand = function CreateDemand(props) {
       a.click();
     });
   };
-  var submitDemand = function submitDemand(approveStatus) {
-    request(apis.submitApproval, {
-      method: 'post',
-      data: {
-        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-        id: props.demandId,
-        approveStatus: approveStatus
-      }
-    }).then(function (res) {
-      if (res && res.code === '100000') {
-        message.success('操作成功');
-        getDemand();
-      }
-    }).catch(function (err) {
-      console.log(err);
-    });
-  };
   var gotoPage = function gotoPage(type, data) {
-    // console.log('data', data);
     switch (type) {
       case 'event':
         window.open('/webapp/app/' + (currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId) + '/plat/0/analytics/dataCollectManage?key=' + data, '_blank');
@@ -373,8 +411,6 @@ var CreateDemand = function CreateDemand(props) {
       default:
         break;
     }
-    // setEventAttrListShow(true);
-    // setEventProp(record.event_attrs);
   };
   var onBack = function onBack() {
     if (isEdit) {
@@ -384,7 +420,6 @@ var CreateDemand = function CreateDemand(props) {
     }
   };
   var downloadData = function downloadData() {
-    if (!isRead) return;
     request(apis.downloadEvent, {
       method: 'POST',
       data: {
@@ -564,6 +599,319 @@ var CreateDemand = function CreateDemand(props) {
       props.onDemand && props.onDemand(type, demandData);
     }
   };
+  //埋点状态样式
+  //status 0 待开始 1 完成 2 失败
+  var statusDiv = function statusDiv(status) {
+    //设计中
+    if (demandStatus == 2) {
+      if (status == 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fda145'
+          }
+        }, "\u8BBE\u8BA1\u4E2D");
+      } else if (status == 1) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#2cbe54'
+          }
+        }, "\u8BBE\u8BA1\u5B8C\u6210");
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fb5547'
+          }
+        }, "\u5BA1\u6838\u4E0D\u901A\u8FC7");
+      }
+    } else if (demandStatus == 3 || demandStatus == 4) {
+      if (status == 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fda145'
+          }
+        }, "\u5F85\u5BA1\u6838");
+      } else if (status == 1) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#2cbe54'
+          }
+        }, "\u5BA1\u6838\u901A\u8FC7");
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fb5547'
+          }
+        }, "\u5BA1\u6838\u672A\u901A\u8FC7");
+      }
+    } else if (demandStatus == 5) {
+      if (status == 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fda145'
+          }
+        }, "\u5F00\u53D1\u4E2D");
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#2cbe54'
+          }
+        }, "\u5F00\u53D1\u5B8C\u6210");
+      }
+    } else if (demandStatus == 6) {
+      if (status == 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fda145'
+          }
+        }, "\u6D4B\u8BD5\u4E2D");
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#2cbe54'
+          }
+        }, "\u6D4B\u8BD5\u5B8C\u6210");
+      }
+    } else if (demandStatus == 101) {
+      if (status == 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fda145'
+          }
+        }, "\u672A\u4E0A\u7EBF");
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#2cbe54'
+          }
+        }, "\u5DF2\u4E0A\u7EBF");
+      }
+    } else if (demandStatus == 102) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          color: '#fb5547'
+        }
+      }, "\u9700\u6C42\u5173\u95ED");
+    }
+  };
+  // 新的埋点表格列表
+  var newColumns = function newColumns() {
+    var columns = [].concat(_toConsumableArray(columnsEvent(gotoPage, isControl, getPointMap)), [{
+      title: '状态',
+      width: 120,
+      dataIndex: 'status',
+      render: function render(status) {
+        return statusDiv(status);
+      }
+    }]);
+    //处于需求完成和埋点信息为上线状态
+    if (demandStatus == 101 && tabIndex == 1) {
+      columns.push({
+        title: '是否有数据上报',
+        width: 150,
+        dataIndex: 'hasData',
+        render: function render(hasData) {
+          return hasData == 1 ? (/*#__PURE__*/React.createElement("div", {
+            style: {
+              color: '#2cbe54'
+            }
+          }, "\u662F")) : (/*#__PURE__*/React.createElement("div", {
+            style: {
+              color: '#fb5547'
+            }
+          }, "\u5426"));
+        }
+      });
+    }
+    //埋点列表label数据
+    return columns;
+  };
+  //埋点需求列表选择
+  var onSelectChange = function onSelectChange(val) {
+    setSelectedRowKeys(val);
+  };
+  //获取评论
+  var getComments = function getComments() {
+    var _props$data2;
+    request(apis.setting.getComments, {
+      method: 'POST',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId || ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.demand.id)
+      }
+    }).then(function (res) {
+      if (res && res.code == '100000') {
+        setComments(res.data);
+      }
+    });
+  };
+  //新增评论
+  var onCreateComment = function onCreateComment() {
+    var _props$data3;
+    request(apis.setting.addComments, {
+      method: 'POST',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId || ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.demand.id),
+        comments: commentText
+      }
+    }).then(function (res) {
+      if (res && res.code == '100000') {
+        setShowComment(false);
+        getComments();
+      }
+    });
+  };
+  //获取历史记录
+  var getOperateList = function getOperateList() {
+    var _props$data4;
+    request(apis.setting.operateList, {
+      method: 'POST',
+      data: {
+        id: props.demandId || ((_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.demand.id),
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if (res && res.code == '100000') {
+        setOperateList(res.data);
+      }
+    });
+  };
+  //获取公司所有人员列表
+  var getUserList = function getUserList() {
+    request(apis.queryUserByCompanyId, {
+      method: 'get'
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setUserList(res.data.map(function (item) {
+          item.userName = item.userName || item.email;
+          return item;
+        }));
+      }
+    });
+  };
+  //修改转办人
+  var designateProcessor = function designateProcessor() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'click';
+    if (type == 'click') {
+      var _props$data5;
+      request(apis.setting.designateProcessor, {
+        method: 'POST',
+        data: {
+          appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+          id: props.demandId || ((_props$data5 = props.data) === null || _props$data5 === void 0 ? void 0 : _props$data5.demand.id),
+          processorId: userSelect.id,
+          processorName: userSelect.userName
+        }
+      }).then(function (res) {
+        if (res && res.code == '100000') {
+          setShowUser(false);
+          if (props.data && props.data.demand) {
+            setDemandData(function (val) {
+              val.demand.currentProcessorName = userSelect.userName;
+              return _objectSpread({}, val);
+            });
+          }
+          notification.success({
+            message: '修改成功'
+          });
+        }
+      });
+    } else {
+      submitApproval(1);
+    }
+  };
+  //关闭功能
+  var disableDemand = function disableDemand() {
+    var _props$data6, _props$data7;
+    request(apis.setting.disableDemand, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId || ((_props$data6 = props.data) === null || _props$data6 === void 0 ? void 0 : _props$data6.demand.id),
+        creatorId: (_props$data7 = props.data) === null || _props$data7 === void 0 ? void 0 : _props$data7.demand.creatorId
+      }
+    }).then(function (res) {
+      if (res && res.code === '100000') {
+        notification.success({
+          message: '关闭成功'
+        });
+        props.onBack && props.onBack();
+      }
+    }).catch(function (err) {
+      console.log(err);
+    });
+  };
+  //下一个流程按钮
+  var submitMethod = function submitMethod() {
+    //当流程为待设时需要选择转办人
+    if (demandStatus == 6) {
+      //选择上线时间
+      setOnlineTime(moment());
+      setShowOnlineTime(true);
+    } else {
+      setUserSelect({});
+      setUserSelectType('submit');
+      setShowUser(true);
+    }
+  };
+  //提交进入下一个流程
+  var submitApproval = function submitApproval(status) {
+    var _props$data8;
+    setIsEdit(false);
+    //提交进入下一个流程
+    request(apis.submitApproval, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId || ((_props$data8 = props.data) === null || _props$data8 === void 0 ? void 0 : _props$data8.demand.id),
+        approveStatus: status,
+        processorId: userSelect.id,
+        processorName: userSelect.userName,
+        onlineTime: onlineTime
+      }
+    }).then(function (res) {
+      if (res && res.code === '100000') {
+        notification.success({
+          message: '提交成功'
+        });
+        setShowUser(false);
+        props.onBack && props.onBack();
+      } else {
+        notification.success({
+          message: res.msg
+        });
+      }
+    }).catch(function (err) {
+      console.log(err);
+    });
+  };
+  //批量完成设计
+  var setStatusMethod = function setStatusMethod(status) {
+    setPointEventInfo(pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.map(function (item) {
+      if (selectedRowKeys.indexOf(item.id) != -1) {
+        item.status = status;
+      }
+      return item;
+    }));
+  };
+  //埋点地图列表
+  var getPointEventInfo = function getPointEventInfo() {
+    return pointEventInfo.filter(function (item) {
+      return new RegExp(_.escapeRegExp(eventKey), 'i').test((item.eventName || '') + (item.pageName || ''));
+    });
+  };
+  //查询当前节点信息数据
+  var getLableValue = function getLableValue(status, key) {
+    var data = demandTabList.filter(function (res) {
+      return res.value == status;
+    })[0];
+    return data[key];
+  };
+  //查看埋点详情
+  var getPointMap = function getPointMap(data) {
+    setMetaData(data);
+    setCreateMetaShow(true);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
@@ -575,14 +923,38 @@ var CreateDemand = function CreateDemand(props) {
     type: "fanhuiicon"
   }), "\u8FD4\u56DE"), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-title")
-  }, props.data ? '编辑' : props.demandId ? '查看' : '新增', "\u9700\u6C42")), /*#__PURE__*/React.createElement("div", {
+  }, demandType == 'manage' ? '处理' : demandType == 'get' ? '查看' : props.demandId && demandType == 'edit' ? '编辑' : '新增', "\u9700\u6C42")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-row")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info")
   }, /*#__PURE__*/React.createElement("div", {
     id: "system-setting-demand-info",
     className: "".concat(classPrefix, "-info-img")
+  }, demandData && demandData.demand && demandStatus > 0 && (/*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item")
   }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-txt")
+  }, "\u9700\u6C42ID"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-content")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-info-item-content-tip  ").concat(classPrefix, "-info-item-content-ptxt")
+  }, demandData && (demandData === null || demandData === void 0 ? void 0 : demandData.demand.id)))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-txt")
+  }, "\u521B\u5EFA\u4EBA"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-content")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-info-item-content-tip  ").concat(classPrefix, "-info-item-content-ptxt")
+  }, demandData && (demandData === null || demandData === void 0 ? void 0 : demandData.demand.creatorName)))), demandStatus > 1 && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-txt")
+  }, "\u5904\u7406\u4EBA"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-content")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-info-item-content-tip  ").concat(classPrefix, "-info-item-content-ptxt")
+  }, demandData && (demandData === null || demandData === void 0 ? void 0 : demandData.demand.currentProcessorName))))))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-txt")
@@ -599,14 +971,14 @@ var CreateDemand = function CreateDemand(props) {
       setIsEdit(true);
       setDemandName(e.currentTarget.value);
     },
-    disabled: isRead
+    disabled: demandStatus == 102 || demandStatus == 101 || demandType != 'edit'
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-input-num")
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       color: '#021429'
     }
-  }, demandName.length), /*#__PURE__*/React.createElement("span", null, "/20")))), /*#__PURE__*/React.createElement("div", {
+  }, demandName ? demandName.length : 0), /*#__PURE__*/React.createElement("span", null, "/20")))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-txt")
@@ -621,7 +993,7 @@ var CreateDemand = function CreateDemand(props) {
       setCompletionTime(e);
     },
     showTime: true,
-    disabled: isRead
+    disabled: demandStatus == 102 || demandStatus == 101 || demandType != 'edit'
   }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item")
   }, /*#__PURE__*/React.createElement("div", {
@@ -640,7 +1012,7 @@ var CreateDemand = function CreateDemand(props) {
       setIsEdit(true);
       setDemandDescribe(e.currentTarget.value);
     },
-    disabled: isRead
+    disabled: demandStatus == 102 || demandStatus == 101 || demandType != 'edit'
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-input-num")
   }, /*#__PURE__*/React.createElement("span", {
@@ -662,7 +1034,7 @@ var CreateDemand = function CreateDemand(props) {
     onClick: function onClick() {
       downloadFile();
     }
-  }, demandFile.fileName), !isRead && (/*#__PURE__*/React.createElement(IconFont, {
+  }, demandFile.fileName), demandType == 'edit' && (/*#__PURE__*/React.createElement(IconFont, {
     type: "qingchu",
     style: {
       color: '#67727F'
@@ -673,14 +1045,22 @@ var CreateDemand = function CreateDemand(props) {
   })))) : (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-row")
   }, /*#__PURE__*/React.createElement(Upload, _objectSpread(_objectSpread({}, uploadProps), {}, {
-    disabled: isRead
+    disabled: demandStatus == 102 || demandStatus == 101 || demandType != 'edit'
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-btn")
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "tianjia1"
   }), "\u6DFB\u52A0\u6587\u4EF6")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-tip")
-  }, "\uFF08\u652F\u6301 ZIP\u3001RAR \u683C\u5F0F\u300110M\u4EE5\u5185\uFF09")))))), !!(processingNode === 0 || pointEventInfo && pointEventInfo.length) && (/*#__PURE__*/React.createElement("div", {
+  }, "\uFF08\u652F\u6301 Word\u3001Excel\u3001PDF\u3001ZIP\u3001ZIP\u3001RAR \u683C\u5F0F\u300150M\u4EE5\u5185\uFF09"))))), (demandStatus == 101 || demandStatus == 102) && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-txt")
+  }, "\u4E0A\u7EBF\u65F6\u95F4"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-item-content")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-info-item-content-tip  ").concat(classPrefix, "-info-item-content-ptxt")
+  }, (demandData === null || demandData === void 0 ? void 0 : demandData.demand) && (demandData === null || demandData === void 0 ? void 0 : demandData.demand.onlineTime)))))), demandType != 'edit' && demandStatus > 1 && (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item"),
     style: {
       paddingLeft: 24,
@@ -692,7 +1072,7 @@ var CreateDemand = function CreateDemand(props) {
     className: "".concat(classPrefix, "-info-item-content")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-filter")
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, demandStatus != 101 && (/*#__PURE__*/React.createElement(Input, {
     style: {
       width: 256
     },
@@ -704,42 +1084,138 @@ var CreateDemand = function CreateDemand(props) {
     onChange: function onChange(e) {
       return setEventKey(e.target.value);
     }
-  }), isRead ? null : (/*#__PURE__*/React.createElement(Button, {
-    disabled: isRead,
+  })), demandStatus == 101 && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-tabList")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-tabList-item ").concat(tabIndex == 1 && "".concat(classPrefix, "-info-tabList-active")),
+    onClick: function onClick() {
+      setTabIndex(1);
+    }
+  }, "\u5DF2\u4E0A\u7EBF"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-tabList-item ").concat(tabIndex == 0 && "".concat(classPrefix, "-info-tabList-active")),
+    onClick: function onClick() {
+      setTabIndex(0);
+    }
+  }, "\u672A\u4E0A\u7EBF"))), demandType == 'manage' && demandStatus == 2 && (/*#__PURE__*/React.createElement(Button, {
     shape: "round",
     className: "button",
     onClick: function onClick() {
-      setIsEdit(true);
-      props.setIsShowSelectList && props.setIsShowSelectList(setPointEventInfo, pointEventInfo);
+      props.setIsShowSelectList && props.setIsShowSelectList(function (val) {
+        var eventList = val.map(function (val) {
+          return _objectSpread(_objectSpread({}, val), {}, {
+            status: val.status ? val.status == 2 ? 0 : val.status : 0
+          });
+        });
+        setPointEventInfo(eventList);
+        onCreate('save', {
+          pointEventIds: eventList.filter(function (res) {
+            return res.id;
+          }).map(function (res) {
+            return res.id;
+          }),
+          pointEventStatus: eventList.map(function (res) {
+            return 0;
+          }),
+          eventList: eventList
+        });
+      }, pointEventInfo);
+    }
+  }, "\u57CB\u70B9\u8BBE\u8BA1")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-right")
+  }, demandType == 'manage' && (/*#__PURE__*/React.createElement(Button, {
+    className: "button",
+    shape: "round",
+    onClick: function onClick() {
+      setStatusMethod(1);
+      onCreate('save');
+    }
+  }, getLableValue(demandStatus, 'buttonName'))), demandType == 'manage' && (demandStatus == 2 || demandStatus == 102) && (/*#__PURE__*/React.createElement(Button, {
+    className: "".concat(classPrefix, "-info-right-button forbiddenColor"),
+    onClick: function onClick() {
+      var list = pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.filter(function (item) {
+        return selectedRowKeys.indexOf(item.id) == -1;
+      });
+      setPointEventInfo(list);
+      onCreate('save', {
+        pointEventIds: list.filter(function (res) {
+          return res.id;
+        }).map(function (res) {
+          return res.id;
+        }),
+        pointEventStatus: list.map(function (res) {
+          return res.status;
+        }),
+        eventList: list
+      });
+    }
+  }, "\u79FB\u9664")), demandType == 'manage' && (demandStatus == 3 || demandStatus == 4) && (/*#__PURE__*/React.createElement(Button, {
+    className: "".concat(classPrefix, "-info-right-button forbiddenColor"),
+    onClick: function onClick() {
+      setStatusMethod(2);
+      onCreate('save');
     }
-  }, "\u57CB\u70B9\u7BA1\u7406"))), /*#__PURE__*/React.createElement(Table, {
+  }, "\u9A73\u56DE")))), /*#__PURE__*/React.createElement(Table, {
     style: {
       width: '100%',
       borderRadius: 8,
       overflow: 'hidden'
     },
-    columns: isRead ? columnsEvent(gotoPage, isControl) : [].concat(_toConsumableArray(columnsEvent(gotoPage, isControl)), [{
-      title: '操作',
-      width: 72,
-      fixed: 'right',
-      render: function render(text, record) {
-        return /*#__PURE__*/React.createElement("a", {
-          onClick: function onClick() {
-            removeInfo('event', record);
-          }
-        }, "\u79FB\u9664");
-      }
-    }]),
-    rowKey: "event_name",
+    columns: newColumns(),
+    rowKey: "id",
+    rowSelection: {
+      selectedRowKeys: selectedRowKeys,
+      onChange: onSelectChange
+    },
     scroll: {
       x: 755,
       y: window.innerHeight - 312
     },
     pagination: false,
-    dataSource: (pointEventInfo || []).filter(function (item) {
-      return new RegExp(_.escapeRegExp(eventKey), 'i').test((item.eventName || '') + (item.pageName || ''));
+    dataSource: demandStatus != 101 ? getPointEventInfo() : getPointEventInfo().filter(function (res) {
+      return res.status == tabIndex;
     })
-  }))))), /*#__PURE__*/React.createElement("div", {
+  })))), demandStatus > 0 && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment-tab")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment-tab-btn ").concat(tabKey == 'comment' ? "".concat(classPrefix, "-comment-tab-btnActive") : ''),
+    onClick: function onClick() {
+      setTabKey('comment');
+      getComments();
+    }
+  }, "\u8BC4\u8BBA"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment-tab-btn ").concat(tabKey == 'history' ? "".concat(classPrefix, "-comment-tab-btnActive") : ''),
+    onClick: function onClick() {
+      setTabKey('history');
+      getOperateList();
+    }
+  }, "\u64CD\u4F5C\u5386\u53F2")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment-content")
+  }, tabKey == 'comment' && comments.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-comment-list"),
+      key: item.id
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-comment-list-name")
+    }, item.creatorName, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-comment-list-time")
+    }, item.createTime)), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-comment-list-text")
+    }, item.comments));
+  }), comments.length == 0 && tabKey == 'comment' && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment-empty")
+  }, "\u6682\u65E0\u8BC4\u8BBA")), tabKey == 'history' && operateList.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-history-list"),
+      key: item.id,
+      dangerouslySetInnerHTML: {
+        __html: item.operateDesc
+      }
+    });
+  }), operateList.length == 0 && tabKey == 'history' && (/*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-comment-empty")
+  }, "\u6682\u65E0\u64CD\u4F5C\u5386\u53F2")))))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-right"),
     id: "xsd4"
   }, nodeData.length ? (/*#__PURE__*/React.createElement(ProcessCanvas, {
@@ -758,36 +1234,173 @@ var CreateDemand = function CreateDemand(props) {
     className: "".concat(classPrefix, "-right-title")
   }, "\u8282\u70B9\u9884\u89C8"))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-footer")
-  }, !isRead && /*#__PURE__*/React.createElement(Button, {
-    onClick: onBack
-  }, "\u53D6\u6D88"), !isDemo && !isRead && (/*#__PURE__*/React.createElement(Button, {
-    type: 'primary',
-    onClick: onCreate
-  }, "\u786E\u5B9A")), !isDemo && isRead && isHandle && authority[17228364473] && (/*#__PURE__*/React.createElement(Button, {
-    type: 'primary',
-    onClick: function onClick() {
-      onDemand('deal');
-    }
-  }, "\u5904\u7406")), !isDemo && isRead && isWithdraw && authority[17228364473] && (/*#__PURE__*/React.createElement(Button, {
-    type: 'primary',
+  }, !isDemo && demandType != 'get' && authority[1724922574] && [1, 2, 3, 4, 5, 6, 101].indexOf(demandStatus) != -1 && (/*#__PURE__*/React.createElement(Button, {
+    shape: "round",
+    className: "forbiddenColor",
     onClick: function onClick() {
-      onDemand('revocation');
+      Modal.confirm({
+        wrapClassName: "".concat(classPrefix, "-confirm"),
+        title: '提示',
+        icon: null,
+        closable: true,
+        content: '您确定要关闭当前需求？',
+        okText: '确定',
+        cancelText: '取消',
+        onOk: function onOk() {
+          disableDemand();
+        }
+      });
     }
-  }, "\u64A4\u56DE")), !isDemo && isRead && authority[1724922574] && (/*#__PURE__*/React.createElement(Button, {
+  }, "\u5173\u95ED\u9700\u6C42")), demandType == 'edit' && /*#__PURE__*/React.createElement(Button, {
+    onClick: onBack
+  }, "\u53D6\u6D88"), !isDemo && authority[1724922574] && demandStatus > 0 && (/*#__PURE__*/React.createElement(Button, {
     shape: "round",
     className: "button",
     onClick: exportPDF
-  }, "\u5BFC\u51FA\u9700\u6C42PDF")), !isDemo && isRead && authority[1724922705] && pointEventInfo && !!pointEventInfo.length && (/*#__PURE__*/React.createElement(Button, {
+  }, "\u5BFC\u51FA\u9700\u6C42PDF")), !isDemo && authority[1724922705] && pointEventInfo && !!pointEventInfo.length && (/*#__PURE__*/React.createElement(Button, {
     shape: "round",
     className: "button",
     onClick: downloadData
-  }, "\u5BFC\u51FA\u57CB\u70B9\u8BBE\u8BA1"))), isShowBackConfirm ? (/*#__PURE__*/React.createElement(BackConfirm, {
+  }, "\u5BFC\u51FA\u57CB\u70B9\u8BBE\u8BA1")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-footer-btnRight")
+  }, !isDemo && demandType != 'get' && [2, 3, 4, 5, 6].indexOf(demandStatus) != -1 && (/*#__PURE__*/React.createElement(Button, {
+    type: 'default',
+    className: "commentBtn",
+    onClick: function onClick() {
+      setUserSelectType('click');
+      setUserSelect({});
+      setShowUser(true);
+    }
+  }, "\u8F6C\u529E")), !isDemo && demandStatus > 0 && (/*#__PURE__*/React.createElement(Button, {
+    type: 'default',
+    className: "commentBtn",
+    onClick: function onClick() {
+      setCommentText('');
+      setShowComment(true);
+    }
+  }, "\u6DFB\u52A0\u8BC4\u8BBA")), !isDemo && demandType == 'edit' && [0, 1, 2, 3, 4, 5, 6].indexOf(demandStatus) != -1 && (/*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    className: "commentBtn",
+    onClick: function onClick() {
+      return onCreate('on');
+    }
+  }, demandData ? '保存' : '提交')), !isDemo && demandStatus > 0 && demandStatus <= 6 && demandType == 'manage' && (/*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    className: "commentBtn",
+    disabled: demandStatus > 1 ? !Boolean(pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.length) || Boolean(pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.filter(function (res) {
+      return [0, 2].indexOf(res.status) != -1;
+    }).length) : false,
+    onClick: submitMethod
+  }, getLableValue(demandStatus, 'buttonName'))), !isDemo && demandStatus > 2 && demandStatus <= 4 && demandType == 'manage' && (/*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    className: "commentBtn",
+    disabled: !Boolean(pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.filter(function (res) {
+      return res.status == 2;
+    }).length),
+    onClick: function onClick() {
+      return Modal.confirm({
+        wrapClassName: "".concat(classPrefix, "-confirm"),
+        title: '提示',
+        icon: null,
+        closable: true,
+        content: '您确定要重新设计需求？',
+        okText: '确定',
+        cancelText: '取消',
+        onOk: function onOk() {
+          submitApproval(2);
+        }
+      });
+    }
+  }, "\u91CD\u65B0\u8BBE\u8BA1")))), isShowBackConfirm ? (/*#__PURE__*/React.createElement(BackConfirm, {
     onOk: function onOk() {
       props.onBack && props.onBack();
     },
     onCancel: function onCancel() {
       setIsShowBackConfirm(false);
     }
-  })) : null);
+  })) : null, /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u8BF7\u8F93\u5165\u8BC4\u8BBA",
+    open: showComment,
+    width: 520,
+    className: "setting-bizDialog",
+    closable: true,
+    onOk: function onOk() {
+      onCreateComment();
+    },
+    onCancel: function onCancel() {
+      setShowComment(false);
+    }
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: commentText,
+    showCount: true,
+    maxLength: 100,
+    onChange: function onChange(val) {
+      setCommentText(val.currentTarget.value);
+    },
+    placeholder: "\u8BC4\u8BBA\u5185\u5BB9.....",
+    style: {
+      height: 120,
+      resize: 'none'
+    }
+  })), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u8BF7\u9009\u62E9\u5904\u7406\u4EBA",
+    open: showUser,
+    width: 520,
+    className: "setting-bizDialog",
+    closable: true,
+    onOk: function onOk() {
+      if (userSelect.id) {
+        designateProcessor(userSelectType);
+        setShowUser(false);
+      }
+    },
+    onCancel: function onCancel() {
+      setShowUser(false);
+    }
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    placeholder: "\u8BF7\u9009\u62E9\u5904\u7406\u4EBA",
+    value: userSelect,
+    options: userList || [],
+    enableSearch: true,
+    onChange: function onChange(e) {
+      setUserSelect(e);
+    },
+    labelField: "userName",
+    keyField: "id"
+  })), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u8BF7\u9009\u62E9\u4E0A\u7EBF\u65F6\u95F4",
+    open: showOnlineTime,
+    width: 520,
+    className: "setting-bizDialog",
+    closable: true,
+    onOk: function onOk() {
+      if (onlineTime) {
+        //走流程
+        submitApproval(1);
+        setShowOnlineTime(false);
+      }
+    },
+    onCancel: function onCancel() {
+      setOnlineTime(null);
+      setShowOnlineTime(false);
+    }
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    className: "".concat(classPrefix, "-info-item-content-picker"),
+    value: onlineTime,
+    disabledDate: disabledDate,
+    onChange: function onChange(e) {
+      setIsEdit(true);
+      setOnlineTime(e);
+    },
+    showTime: true
+  })), /*#__PURE__*/React.createElement(CreateMetaDrawer, {
+    isShow: createMetaShow,
+    data: metaData,
+    isEdit: false,
+    // selectTreeName={props.selectTreeName}
+    onClose: function onClose() {
+      return setCreateMetaShow(false);
+    }
+  }));
 };
 export default CreateDemand;