@zgfe/modules-settings 2.0.0-zhongyuan.25 → 2.0.0-zhongyuan.26

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';
@@ -44,6 +42,7 @@ var getImgUrl = function getImgUrl(src, pageId) {
   //   : `${'https://test01.zhugeapi.com'}/web/img/report/${pageId}/${src}`;
 };
 var CreateDemand = function CreateDemand(props) {
+  var _props$data, _props$data3, _props$data4, _props$data5, _props$data6;
   var classPrefix = 'system-setting-create-demand';
   var _useContext = useContext(BizGlobalDataContext),
     currentApp = _useContext.currentApp,
@@ -53,89 +52,145 @@ 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];
+    eventKey = _useState10[0],
+    setEventKey = _useState10[1];
   var _useState11 = useState(''),
     _useState12 = _slicedToArray(_useState11, 2),
-    eventKey = _useState12[0],
-    setEventKey = _useState12[1];
-  var _useState13 = useState(''),
+    attrKey = _useState12[0],
+    setAttrKey = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    attrKey = _useState14[0],
-    setAttrKey = _useState14[1];
+    demandFile = _useState14[0],
+    setDemandFile = _useState14[1];
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    demandFile = _useState16[0],
-    setDemandFile = _useState16[1];
-  var _useState17 = useState(),
+    pointEventInfo = _useState16[0],
+    setPointEventInfo = _useState16[1];
+  var _useState17 = useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
-    pointEventInfo = _useState18[0],
-    setPointEventInfo = _useState18[1];
+    isHandle = _useState18[0],
+    setIsHandle = _useState18[1];
   var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    isHandle = _useState20[0],
-    setIsHandle = _useState20[1];
+    isWithdraw = _useState20[0],
+    setIsWithdraw = _useState20[1];
   var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    isWithdraw = _useState22[0],
-    setIsWithdraw = _useState22[1];
-  var _useState23 = useState(false),
+    eventAttrListShow = _useState22[0],
+    setEventAttrListShow = _useState22[1];
+  var _useState23 = useState(void 0),
     _useState24 = _slicedToArray(_useState23, 2),
-    eventAttrListShow = _useState24[0],
-    setEventAttrListShow = _useState24[1];
-  var _useState25 = useState(void 0),
+    currentNodenumber = _useState24[0],
+    setCurrentNodenumber = _useState24[1];
+  var _useState25 = useState(),
     _useState26 = _slicedToArray(_useState25, 2),
-    currentNodenumber = _useState26[0],
-    setCurrentNodenumber = _useState26[1];
-  var _useState27 = useState(),
+    eventProp = _useState26[0],
+    setEventProp = _useState26[1];
+  var _useState27 = useState(0),
     _useState28 = _slicedToArray(_useState27, 2),
-    eventProp = _useState28[0],
-    setEventProp = _useState28[1];
-  var _useState29 = useState(0),
+    propType = _useState28[0],
+    setPropType = _useState28[1];
+  var _useState29 = useState(-1),
     _useState30 = _slicedToArray(_useState29, 2),
-    propType = _useState30[0],
-    setPropType = _useState30[1];
-  var _useState31 = useState(-1),
-    _useState32 = _slicedToArray(_useState31, 2),
-    encryptionType = _useState32[0],
-    setEncryptionType = _useState32[1];
-  var _useState33 = useState(props.isRead),
-    _useState34 = _slicedToArray(_useState33, 1),
-    isRead = _useState34[0];
+    encryptionType = _useState30[0],
+    setEncryptionType = _useState30[1];
+  var _useState31 = useState(props.isRead),
+    _useState32 = _slicedToArray(_useState31, 1),
+    isRead = _useState32[0];
+  var _useState33 = useState(false),
+    _useState34 = _slicedToArray(_useState33, 2),
+    isShowBackConfirm = _useState34[0],
+    setIsShowBackConfirm = _useState34[1];
   var _useState35 = useState(false),
     _useState36 = _slicedToArray(_useState35, 2),
-    isShowBackConfirm = _useState36[0],
-    setIsShowBackConfirm = _useState36[1];
-  var _useState37 = useState(false),
+    isEdit = _useState36[0],
+    setIsEdit = _useState36[1];
+  var _useState37 = useState(),
     _useState38 = _slicedToArray(_useState37, 2),
-    isEdit = _useState38[0],
-    setIsEdit = _useState38[1];
+    processingNode = _useState38[0],
+    setProcessingNode = _useState38[1];
   var _useState39 = useState(),
     _useState40 = _slicedToArray(_useState39, 2),
-    processingNode = _useState40[0],
-    setProcessingNode = _useState40[1];
-  var _useState41 = useState(),
-    _useState42 = _slicedToArray(_useState41, 2),
-    demandData = _useState42[0],
-    setDemandData = _useState42[1];
+    demandData = _useState40[0],
+    setDemandData = _useState40[1];
+  var _useState41 = useState(((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.demand.demandStatus) || 0),
+    _useState42 = _slicedToArray(_useState41, 1),
+    demandStatus = _useState42[0];
+  //埋点列表选择key
+  var _useState43 = useState([]),
+    _useState44 = _slicedToArray(_useState43, 2),
+    selectedRowKeys = _useState44[0],
+    setSelectedRowKeys = _useState44[1];
+  //公司用户列表
+  var _useState45 = useState([]),
+    _useState46 = _slicedToArray(_useState45, 2),
+    userList = _useState46[0],
+    setUserList = _useState46[1];
+  var _useState47 = useState(false),
+    _useState48 = _slicedToArray(_useState47, 2),
+    showUser = _useState48[0],
+    setShowUser = _useState48[1];
+  var _useState49 = useState({}),
+    _useState50 = _slicedToArray(_useState49, 2),
+    userSelect = _useState50[0],
+    setUserSelect = _useState50[1];
+  var _useState51 = useState(''),
+    _useState52 = _slicedToArray(_useState51, 2),
+    userSelectType = _useState52[0],
+    setUserSelectType = _useState52[1];
+  //评论参数列表
+  var _useState53 = useState('comment'),
+    _useState54 = _slicedToArray(_useState53, 2),
+    tabKey = _useState54[0],
+    setTabKey = _useState54[1];
+  var _useState55 = useState([]),
+    _useState56 = _slicedToArray(_useState55, 2),
+    comments = _useState56[0],
+    setComments = _useState56[1];
+  var _useState57 = useState(''),
+    _useState58 = _slicedToArray(_useState57, 2),
+    commentText = _useState58[0],
+    setCommentText = _useState58[1];
+  var _useState59 = useState([]),
+    _useState60 = _slicedToArray(_useState59, 2),
+    operateList = _useState60[0],
+    setOperateList = _useState60[1];
+  var _useState61 = useState(false),
+    _useState62 = _slicedToArray(_useState61, 2),
+    showComment = _useState62[0],
+    setShowComment = _useState62[1];
+  //上线时间
+  var _useState63 = useState(false),
+    _useState64 = _slicedToArray(_useState63, 2),
+    showOnlineTime = _useState64[0],
+    setShowOnlineTime = _useState64[1];
+  var _useState65 = useState(),
+    _useState66 = _slicedToArray(_useState65, 2),
+    onlineTime = _useState66[0],
+    setOnlineTime = _useState66[1];
+  //设置时间
+  var _useState67 = useState(1),
+    _useState68 = _slicedToArray(_useState67, 2),
+    tabIndex = _useState68[0],
+    setTabIndex = _useState68[1];
   useEffect(function () {
     if (props.demandId) {
       getDemand();
@@ -143,10 +198,10 @@ var CreateDemand = function CreateDemand(props) {
       getNode();
     }
   }, [props.demandId]);
-  var _useState43 = useState(false),
-    _useState44 = _slicedToArray(_useState43, 2),
-    isControl = _useState44[0],
-    setIsControl = _useState44[1];
+  var _useState69 = useState(false),
+    _useState70 = _slicedToArray(_useState69, 2),
+    isControl = _useState70[0],
+    setIsControl = _useState70[1];
   var getAppAutoEvent = function getAppAutoEvent() {
     request(apis.getAppAutoEvent, {
       method: 'post',
@@ -179,6 +234,15 @@ var CreateDemand = function CreateDemand(props) {
       }) : []);
     }
     getAppAutoEvent();
+    //0为无状态及创建
+    if (demandStatus > 0) {
+      //获取当前评论
+      getComments();
+      //获取历史记录
+      getOperateList();
+      //获取公司列表
+      getUserList();
+    }
   }, []);
   // useEffect(() => {
   //   setIsEdit(true);
@@ -283,6 +347,7 @@ var CreateDemand = function CreateDemand(props) {
     }
   };
   var onCreate = function onCreate() {
+    var back = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     if (!demandName) {
       message.warning('请填写需求名称');
       return;
@@ -305,12 +370,15 @@ var CreateDemand = function CreateDemand(props) {
         completionTime: completionTime * 1,
         pointEventIds: pointEventInfo === null || pointEventInfo === void 0 ? void 0 : pointEventInfo.map(function (item) {
           return item.id;
-        })
+        }),
+        onlineTime: onlineTime
       })
     }).then(function (res) {
       if ((res === null || res === void 0 ? void 0 : res.code) === '100000') {
-        message.success('保存成功');
-        props.onBack && props.onBack();
+        if (back) {
+          message.success('保存成功');
+          props.onBack && props.onBack();
+        }
         // props.onSubmit && props.onSubmit()
       } else {
         message.error('保存失败');
@@ -344,23 +412,6 @@ 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) {
@@ -564,6 +615,279 @@ 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'
+          }
+        }, "\u5F85\u8BBE\u8BA1");
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#2cbe54'
+          }
+        }, "\u8BBE\u8BA1\u5B8C\u6210");
+      }
+    } 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) {
+      if (status == 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: '#fb5547'
+          }
+        }, "\u9700\u6C42\u5173\u95ED");
+      }
+    }
+  };
+  // 新的埋点表格列表
+  var newColumns = function newColumns() {
+    //埋点列表label数据
+    return [].concat(_toConsumableArray(columnsEvent(gotoPage, isControl)), [{
+      title: '状态',
+      width: 120,
+      dataIndex: 'status',
+      render: function render(status) {
+        return statusDiv(status);
+      }
+    }]);
+  };
+  //埋点需求列表选择
+  var onSelectChange = function onSelectChange(val) {
+    setSelectedRowKeys(val);
+  };
+  //获取评论
+  var getComments = function getComments() {
+    request(apis.setting.getComments, {
+      method: 'POST',
+      data: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId
+      }
+    }).then(function (res) {
+      if (res && res.code == '101000') {
+        setComments(res.data);
+      }
+    });
+  };
+  //新增评论
+  var onCreateComment = function onCreateComment() {
+    request(apis.setting.addComments, {
+      method: 'POST',
+      data: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId,
+        comments: commentText
+      }
+    }).then(function (res) {
+      if (res && res.code == '101000') {
+        setShowComment(false);
+        getComments();
+      }
+    });
+  };
+  //获取历史记录
+  var getOperateList = function getOperateList() {
+    request(apis.setting.operateList, {
+      method: 'POST',
+      data: {
+        id: props.demandId
+      }
+    }).then(function (res) {
+      if (res && res.code == '101000') {
+        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';
+    request(apis.setting.designateProcessor, {
+      method: 'POST',
+      data: {
+        id: props.demandId,
+        processorId: userSelect.id,
+        processorName: userSelect.userName
+      }
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setShowUser(false);
+        if (type == 'click') {
+          notification.success({
+            message: '修改成功'
+          });
+          onBack();
+        } else {
+          submitApproval(demandStatus + 1);
+        }
+      }
+    });
+  };
+  //关闭功能
+  var disableDemand = function disableDemand() {
+    var _props$data2;
+    request(apis.setting.disableDemand, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId,
+        creatorId: (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.demand.creatorName
+      }
+    }).then(function (res) {
+      if (res && res.code === '100000') {
+        notification.success({
+          message: '关闭成功'
+        });
+        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) {
+    //先保存当前设置
+    onCreate(false);
+    //提交进入下一个流程
+    request(apis.submitApproval, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        id: props.demandId,
+        approveStatus: status
+      }
+    }).then(function (res) {
+      if (res && res.code === '100000') {
+        notification.success({
+          message: '提交成功'
+        });
+        onBack();
+      }
+    }).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];
+  };
+  //埋点列表按钮
+  // const tabListButton = (record:any)=>{
+  //   if(demandStatus == 2){
+  //     return <a  onClick={() => { removeInfo('event', record)}} >移除</a>
+  //   }else if(demandStatus == 3 || demandStatus == 4){
+  //     return <a  onClick={() => { removeInfo('event', record)}} >驳回</a>
+  //   }
+  // }
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
@@ -582,7 +906,31 @@ var CreateDemand = function CreateDemand(props) {
   }, /*#__PURE__*/React.createElement("div", {
     id: "system-setting-demand-info",
     className: "".concat(classPrefix, "-info-img")
+  }, props.data && (/*#__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")
+  }, props.data && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.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")
+  }, props.data && ((_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.demand.creatorName), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-info-item-content-tip")
+  }))), /*#__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")
+  }, props.data && ((_props$data5 = props.data) === null || _props$data5 === void 0 ? void 0 : _props$data5.demand.currentProcessorName)))))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-txt")
@@ -680,7 +1028,19 @@ var CreateDemand = function CreateDemand(props) {
     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 ZIP\u3001RAR \u683C\u5F0F\u300110M\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(DatePicker, {
+    className: "".concat(classPrefix, "-info-item-content-picker"),
+    value: (_props$data6 = props.data) === null || _props$data6 === void 0 ? void 0 : _props$data6.demand.onlineTime,
+    disabledDate: disabledDate,
+    showTime: true,
+    disabled: true
+  }))))), demandStatus > 1 && (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item"),
     style: {
       paddingLeft: 24,
@@ -692,7 +1052,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 +1064,103 @@ var CreateDemand = function CreateDemand(props) {
     onChange: function onChange(e) {
       return setEventKey(e.target.value);
     }
-  }), isRead ? null : (/*#__PURE__*/React.createElement(Button, {
+  })), 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"))), isRead ? null : demandStatus == 2 && (/*#__PURE__*/React.createElement(Button, {
     disabled: isRead,
     shape: "round",
     className: "button",
     onClick: function onClick() {
       setIsEdit(true);
-      props.setIsShowSelectList && props.setIsShowSelectList(setPointEventInfo, pointEventInfo);
+      props.setIsShowSelectList && props.setIsShowSelectList(function (val) {
+        setPointEventInfo(val.map(function (val) {
+          return _objectSpread(_objectSpread({}, val), {}, {
+            status: 0
+          });
+        }));
+      }, pointEventInfo);
+    }
+  }, "\u57CB\u70B9\u8BBE\u8BA1")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-info-right")
+  }, isRead ? null : (/*#__PURE__*/React.createElement(Button, {
+    className: "button",
+    shape: "round",
+    onClick: function onClick() {
+      setStatusMethod(1);
+    }
+  }, getLableValue(demandStatus, 'buttonName'))), isRead ? null : demandStatus == 2 && (/*#__PURE__*/React.createElement(Button, {
+    className: "".concat(classPrefix, "-info-right-button forbiddenColor"),
+    onClick: function onClick() {
+      setPointEventInfo(pointEventInfo ? pointEventInfo.filter(function (item) {
+        return selectedRowKeys.indexOf(item.id) == -1;
+      }) : []);
+    }
+  }, "\u79FB\u9664")), isRead ? null : (demandStatus == 3 || demandStatus == 4) && (/*#__PURE__*/React.createElement(Button, {
+    className: "".concat(classPrefix, "-info-right-button forbiddenColor"),
+    onClick: function onClick() {
+      setStatusMethod(2);
     }
-  }, "\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: isRead ? newColumns() : _toConsumableArray(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');
+    }
+  }, "\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');
+    }
+  }, "\u64CD\u4F5C\u5386\u53F2")), 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.creator_name, ' ', /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-comment-list-time")
+    }, item.create_time)), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-comment-list-text")
+    }, item.comments));
+  }), tabKey == 'history' && operateList.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-history-list"),
+      key: item.id
+    }, /*#__PURE__*/React.createElement("span", null, item.operator_name), item.operator_desc);
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-right"),
     id: "xsd4"
   }, nodeData.length ? (/*#__PURE__*/React.createElement(ProcessCanvas, {
@@ -758,36 +1179,152 @@ 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 && 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")), !isRead && demandStatus == 0 && /*#__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 && !isRead && [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 && !isRead && demandStatus > 0 && (/*#__PURE__*/React.createElement(Button, {
+    type: 'default',
+    className: "commentBtn",
+    onClick: function onClick() {
+      setCommentText('');
+      setShowComment(true);
+    }
+  }, "\u6DFB\u52A0\u8BC4\u8BBA")), !isDemo && !isRead && [0, 1, 2, 3, 4, 5, 6].indexOf(demandStatus) != -1 && (/*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    className: "commentBtn",
+    onClick: function onClick() {
+      return onCreate();
+    }
+  }, props.data ? '保存' : '提交')), !isDemo && !isRead && demandStatus > 0 && demandStatus <= 6 && (/*#__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 && !isRead && demandStatus > 2 && demandStatus <= 4 && (/*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    className: "commentBtn",
+    onClick: function onClick() {
+      return 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) {
+        onCreate(false);
+        submitApproval(demandStatus + 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,
+    disabled: isRead
+  })));
 };
 export default CreateDemand;