@zgfe/modules-dm 1.0.56-zhongyuan.9 → 1.0.57-zhongyuan-dz.1

package/es/modules/dataManage/components/tablePlus.js

@@ -18,7 +18,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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 { Input, Table, Select, message, Modal, Popover, Space, Radio, Checkbox, Form, Button, notification, Typography, Tag } from 'antd';
+import { Input, Table, Select, message, Modal, Popover, Space, Radio, Checkbox, Form, Button, notification, Typography, Tag, Drawer } from 'antd';
 import request from '../../../utils/ajax';
 import apis from '../../../constants/api';
 import React, { useEffect, useState, useContext } from 'react';
@@ -26,9 +26,10 @@ import '../styles/index.less';
 import _ from 'lodash';
 import { getAppID, getTableScroll } from '../../../utils';
 import { DmContext } from '../../../store';
+import PanelList from './panelList';
+import UseModal from '../../CutsModal';
 var Text = Typography.Text;
 var TablePlus = function TablePlus(props) {
-  console.log(props, 'kkk');
   var classPrefix = 'table-plus';
   var tableHandleData = props.tableHandleData,
     queryPlanData = props.queryPlanData,
@@ -141,6 +142,10 @@ var TablePlus = function TablePlus(props) {
     setEventNameData = _useState18[1];
   // 修改分组名
   var eventNameEdit = function eventNameEdit() {
+    if (!eventNameInput || eventNameInput.trim() === '') {
+      message.error('分组名称不能为空!');
+      return;
+    }
     if (eventNameInput.length > 20) {
       message.error('名称不可超过20字符');
       return;
@@ -195,6 +200,16 @@ var TablePlus = function TablePlus(props) {
   };
   // 删除事件
   var eventItemDel = function eventItemDel(record) {
+    // 新加逻辑--在数据清洗自定义规则中绑定有此原事件不可删除。canDel:false 不允许删除
+    if (!record.canDel) {
+      UseModal({
+        onOk: function onOk() {},
+        okText: '确定',
+        title: '警告',
+        content: "\u8BE5\u539F\u4E8B\u4EF6\u6216\u5C5E\u6027\u542F\u7528\u4E86\u81EA\u5B9A\u4E49\u6821\u9A8C\u89C4\u5219\uFF0C\u8BF7\u5173\u95ED\u81EA\u5B9A\u4E49\u6821\u9A8C\u89C4\u5219\u540E\u5728\u8FDB\u884C\u64CD\u4F5C"
+      });
+      return;
+    }
     if (record.owner !== 'zg_abp') {
       request(apis.getPanelUseEvent, {
         method: 'POST',
@@ -582,6 +597,82 @@ var TablePlus = function TablePlus(props) {
       });
     });
   };
+  //标签列表数据 2:业务标签 3:触发标签
+  var _useState41 = useState(),
+    _useState42 = _slicedToArray(_useState41, 2),
+    eventId = _useState42[0],
+    setEventId = _useState42[1];
+  var _useState43 = useState([]),
+    _useState44 = _slicedToArray(_useState43, 2),
+    bizTag = _useState44[0],
+    setBizTag = _useState44[1];
+  var _useState45 = useState(),
+    _useState46 = _slicedToArray(_useState45, 2),
+    bizTagId = _useState46[0],
+    setBizTagId = _useState46[1];
+  var _useState47 = useState(false),
+    _useState48 = _slicedToArray(_useState47, 2),
+    bizTagShow = _useState48[0],
+    setBizTagShow = _useState48[1];
+  var _useState49 = useState([]),
+    _useState50 = _slicedToArray(_useState49, 2),
+    triTag = _useState50[0],
+    setTriTag = _useState50[1];
+  var _useState51 = useState(),
+    _useState52 = _slicedToArray(_useState51, 2),
+    triTagId = _useState52[0],
+    setTriTagId = _useState52[1];
+  var getTagList = function getTagList(type) {
+    request(apis.dict.eventTag, {
+      appId: getAppID(currentApp),
+      labelType: type
+    }).then(function (res) {
+      if (res.code == '100000') {
+        switch (type) {
+          case 2:
+            setBizTag(res.data.map(function (res) {
+              return {
+                label: res.name,
+                value: res.id
+              };
+            }));
+            break;
+          case 3:
+            setTriTag(res.data.map(function (res) {
+              return {
+                label: res.name,
+                value: res.id
+              };
+            }));
+            break;
+        }
+      }
+    });
+  };
+  var updateEvent = function updateEvent(params) {
+    var fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+    if (params.triggeringOccasion && params.triggeringOccasion.length > 128) {
+      message.error('名称不可超过128字符');
+      return;
+    }
+    request(apis.updateEventInfo, {
+      method: 'post',
+      data: _objectSpread({
+        appId: getAppID(currentApp),
+        eventId: eventId
+      }, params)
+    }).then(function (res) {
+      if (res.data === 0) {
+        message.error(res.msg);
+      } else {
+        message.success('修改成功');
+        props.Refresh();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
+      }
+    }).finally(function () {
+      fn();
+    });
+  };
   var columns = [{
     title: (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
       style: {
@@ -694,10 +785,6 @@ var TablePlus = function TablePlus(props) {
       }, record.alias_name)), /*#__PURE__*/React.createElement(IconFont, {
         className: "edit-alias-name",
         onClick: function onClick() {
-          if (!authority[1000003]) {
-            message.error('无操作权限');
-            return;
-          }
           setAliasNameInput(record.alias_name);
           setAliasNameId(record.event_id);
           setaliasNameShow(true);
@@ -705,6 +792,27 @@ var TablePlus = function TablePlus(props) {
         type: "zhongmingming"
       }));
     }
+  }, {
+    title: '业务标签',
+    dataIndex: 'businessLabelId',
+    key: 'alias_name',
+    width: 167,
+    render: function render(_, record) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "alias_name"
+      }, ' ', record.businessLabel ? /*#__PURE__*/React.createElement(Tag, {
+        color: "blue"
+      }, record.businessLabel.labelName) : '', /*#__PURE__*/React.createElement(IconFont, {
+        className: "edit-alias-name",
+        onClick: function onClick() {
+          getTagList(2);
+          setBizTagId('1');
+          setBizTagShow(true);
+          setEventId(record.event_id);
+        },
+        type: "zhongmingming"
+      }));
+    }
   }, {
     title: '触发时机',
     dataIndex: 'triggeringOccasion',
@@ -719,14 +827,18 @@ var TablePlus = function TablePlus(props) {
             width: '200px',
             wordBreak: 'break-all'
           }
-        }, record.triggeringOccasion),
+        }, (record === null || record === void 0 ? void 0 : record.triggerLabel) ? (/*#__PURE__*/React.createElement(Tag, {
+          color: "orange"
+        }, record.triggerLabel.labelName)) : record.triggeringOccasion),
         trigger: "hover",
         placement: "top"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, record.triggerLabel ? record.triggerLabel.labelName : (/*#__PURE__*/React.createElement("div", {
         className: "alias_name_text"
-      }, record.triggeringOccasion)), /*#__PURE__*/React.createElement(IconFont, {
+      }, record.triggeringOccasion))), /*#__PURE__*/React.createElement(IconFont, {
         className: "edit-alias-name",
         onClick: function onClick() {
+          getTagList(3);
+          setTriTagId('2');
           setTriggeringInput(record.triggeringOccasion);
           setTriggeringId(record.event_id);
           setTriggeringShow(true);
@@ -750,30 +862,23 @@ var TablePlus = function TablePlus(props) {
     key: 'platformStr',
     width: 260,
     render: function render(text, record) {
-      if (text) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "event_attrs"
-        }, text.split(',').map(function (item, index) {
-          return /*#__PURE__*/React.createElement(Tag, {
-            key: index
-          }, maidianList.filter(function (obj) {
-            return obj.value == item;
-          })[0].label);
-        }), /*#__PURE__*/React.createElement(IconFont, {
-          type: "bianji1",
-          onClick: function onClick() {
-            if (!authority[1000003]) {
-              message.error('无修改权限');
-              return;
-            }
-            setIsMaidianModal(true);
-            setCurrentMaidian(text.split(','));
-            setCurrentRow(record);
-          }
-        }));
-      } else {
-        return text;
-      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: "event_attrs"
+      }, text && text.split(',').map(function (item, index) {
+        var _maidianList$filter$;
+        return /*#__PURE__*/React.createElement(Tag, {
+          key: index
+        }, (_maidianList$filter$ = maidianList.filter(function (obj) {
+          return obj.value == item;
+        })[0]) === null || _maidianList$filter$ === void 0 ? void 0 : _maidianList$filter$.label);
+      }), record.groupId && (/*#__PURE__*/React.createElement(IconFont, {
+        type: "bianji1",
+        onClick: function onClick() {
+          setIsMaidianModal(true);
+          text && setCurrentMaidian(text.split(','));
+          setCurrentRow(record);
+        }
+      })));
     }
   }, {
     title: '末次上报时间',
@@ -796,10 +901,10 @@ var TablePlus = function TablePlus(props) {
       }).length, /*#__PURE__*/React.createElement(IconFont, {
         type: "bianji1",
         onClick: function onClick() {
-          if (!authority[1000003]) {
-            message.error('无修改权限');
-            return;
-          }
+          // if (!authority[1000003]) {
+          //   message.error('无修改权限');
+          //   return;
+          // }
           props.eventAttrDataHandle(record);
         }
       }));
@@ -898,7 +1003,7 @@ var TablePlus = function TablePlus(props) {
             color: '#5f6085'
           }
         }),
-        disabled: rowClassNameHandle(record) == 'error-row' || isDemo ? true : false,
+        disabled: rowClassNameHandle(record) == 'error-row' || isDemo || !authority[10000017],
         onChange: function onChange(e) {
           return eventHiddenChange(e, 'is_stop', record);
         },
@@ -921,6 +1026,22 @@ var TablePlus = function TablePlus(props) {
         className: "insert_time"
       }, text);
     }
+  }, {
+    title: '看板引用次数',
+    dataIndex: 'panelCount',
+    width: 150,
+    render: function render(panelCount, record) {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: 0
+        },
+        onClick: function onClick() {
+          setPanelShow(true);
+          setCurrentRow(record);
+        }
+      }, ' ', panelCount || 0, ' ');
+    }
   }, {
     title: '创建时间',
     dataIndex: 'create_date_time',
@@ -945,7 +1066,7 @@ var TablePlus = function TablePlus(props) {
         ellipsis: {
           tooltip: text
         }
-      }, text), /*#__PURE__*/React.createElement(IconFont, {
+      }, text), record.groupId && (/*#__PURE__*/React.createElement(IconFont, {
         type: "bianji1",
         onClick: function onClick() {
           if (!authority[1000003]) {
@@ -956,13 +1077,13 @@ var TablePlus = function TablePlus(props) {
           setCurrentRemark(text);
           setCurrentRow(record);
         }
-      }));
+      })));
     }
   }, {
     title: '操作',
     dataIndex: 'set',
     key: 'set',
-    width: 110,
+    width: 150,
     fixed: 'right',
     render: function render(_, record) {
       if (record.groupId) {
@@ -999,8 +1120,13 @@ var TablePlus = function TablePlus(props) {
           onClick: function onClick() {
             eventTextHandle(record);
           }
-        }, "\u6D4B\u8BD5")) : null, /*#__PURE__*/React.createElement("span", {
-          className: "set ".concat(record.owner == 'zg_abp' ? 'set-error' : ''),
+        }, "\u6D4B\u8BD5")) : null, /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          style: {
+            padding: 0
+          },
+          disabled: isDemo || !authority[1000004],
+          // className={`set ${record.owner == 'zg_abp' ? 'set-error' : ''}`}
           onClick: function onClick() {
             if (isDemo || !authority[1000004]) {
               message.error('无修改权限');
@@ -1008,14 +1134,67 @@ var TablePlus = function TablePlus(props) {
             }
             eventItemDel(record);
           }
-        }, "\u5220\u9664")));
+        }, "\u5220\u9664"), /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          style: {
+            padding: 0
+          },
+          disabled: isDemo || !authority[1000004],
+          // className={`set ${record.owner == 'zg_abp' ? 'set-error' : ''}`}
+          onClick: function onClick() {
+            if (isDemo || !authority[1000004]) {
+              message.error('无修改权限');
+              return;
+            }
+            setCurrentRow(record);
+            setOfflineShow(true);
+          }
+        }, "\u4E0B\u7EBF")));
       }
     }
   }];
-  var _useState41 = useState(''),
-    _useState42 = _slicedToArray(_useState41, 2),
-    scrollY = _useState42[0],
-    setScrollY = _useState42[1];
+  //看板引用次数
+  var _useState53 = useState(false),
+    _useState54 = _slicedToArray(_useState53, 2),
+    panelShow = _useState54[0],
+    setPanelShow = _useState54[1];
+  //下线功能
+  var _useState55 = useState(false),
+    _useState56 = _slicedToArray(_useState55, 2),
+    offlineShow = _useState56[0],
+    setOfflineShow = _useState56[1];
+  var _useState57 = useState(''),
+    _useState58 = _slicedToArray(_useState57, 2),
+    offlineText = _useState58[0],
+    setOfflineText = _useState58[1];
+  //功能下线
+  var offlineEvent = function offlineEvent() {
+    request(apis.offlineEvent, {
+      method: 'post',
+      data: {
+        eventId: currentRow === null || currentRow === void 0 ? void 0 : currentRow.event_id,
+        appId: getAppID(currentApp),
+        reason: offlineText
+      }
+    }).then(function (res) {
+      if (res.code == '100000') {
+        notification.success({
+          message: '下线成功'
+        });
+        setOfflineText('');
+        setOfflineShow(false);
+        props.Refresh();
+        return;
+      }
+      notification.error({
+        message: res === null || res === void 0 ? void 0 : res.msg
+      });
+    });
+  };
+  var _useState59 = useState(''),
+    _useState60 = _slicedToArray(_useState59, 2),
+    scrollY = _useState60[0],
+    setScrollY = _useState60[1];
   //页面加载完成后才能获取到对应的元素及其位置
   useEffect(function () {
     var _Y = getTableScroll(102, 'dataManageTablePlus');
@@ -1126,6 +1305,41 @@ var TablePlus = function TablePlus(props) {
   }, "\u901A\u8FC7"), /*#__PURE__*/React.createElement(Radio, {
     value: false
   }, "\u5931\u8D25"))))), /*#__PURE__*/React.createElement(Modal, {
+    title: "\u4FEE\u6539\u4E1A\u52A1\u6807\u7B7E",
+    centered: true,
+    okText: "\u786E\u5B9A",
+    open: bizTagShow,
+    onOk: function onOk() {
+      updateEvent({
+        businessLabelId: bizTagId
+      }, function () {
+        setBizTagShow(false);
+      });
+    },
+    onCancel: function onCancel() {
+      setBizTagShow(false);
+    },
+    width: 520,
+    destroyOnClose: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: '100%'
+    },
+    className: "top-select",
+    options: bizTag,
+    defaultValue: bizTagId,
+    placeholder: "\u8BF7\u9009\u62E9\u4E1A\u52A1\u6807\u7B7E",
+    allowClear: true,
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "xiangxia",
+      style: {
+        color: '#5f6085'
+      }
+    }),
+    onChange: function onChange(newValue) {
+      setBizTagId(newValue);
+    }
+  })), /*#__PURE__*/React.createElement(Modal, {
     title: "\u7F16\u8F91\u57CB\u70B9\u5E73\u53F0",
     centered: true,
     okText: "\u786E\u5B9A",
@@ -1185,15 +1399,41 @@ var TablePlus = function TablePlus(props) {
     centered: true,
     okText: "\u786E\u5B9A",
     open: triggeringShow,
-    onOk: triggeringEdit,
+    onOk: function onOk() {
+      updateEvent({
+        triggeringOccasion: triggeringInput,
+        triggerLabelId: triTagId
+      }, function () {
+        setTriggeringShow(false);
+      });
+    },
     onCancel: function onCancel() {
       setTriggeringInput('');
       setTriggeringId(-1);
       setTriggeringShow(false);
+      setTriTagId(undefined);
     },
     width: 520,
     destroyOnClose: true
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: '100%'
+    },
+    className: "top-select",
+    options: triTag,
+    defaultValue: triTagId,
+    placeholder: "\u8BF7\u9009\u62E9\u89E6\u53D1\u6807\u7B7E",
+    allowClear: true,
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "xiangxia",
+      style: {
+        color: '#5f6085'
+      }
+    }),
+    onChange: function onChange(newValue) {
+      setTriTagId(newValue);
+    }
+  }), "\u6216", /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u8BF7\u8F93\u5165\u89E6\u53D1\u65F6\u673A",
     maxLength: 128,
     defaultValue: triggeringInput,
@@ -1202,6 +1442,42 @@ var TablePlus = function TablePlus(props) {
     onChange: function onChange(e) {
       setTriggeringInput(e.target.value);
     }
+  })), /*#__PURE__*/React.createElement(Drawer, {
+    className: "".concat(classPrefix, "-drawer"),
+    width: '65%',
+    title: /*#__PURE__*/React.createElement("div", null, "\u770B\u677F\u5F15\u7528\u6B21\u6570"),
+    placement: "right",
+    destroyOnClose: true,
+    onClose: function onClose() {
+      return setPanelShow(false);
+    },
+    open: panelShow
+  }, /*#__PURE__*/React.createElement(PanelList, {
+    eventId: currentRow === null || currentRow === void 0 ? void 0 : currentRow.event_id
+  })), /*#__PURE__*/React.createElement(Modal, {
+    title: "\u8BF7\u586B\u5199\u4E0B\u7EBF\u539F\u56E0",
+    centered: true,
+    okText: "\u786E\u5B9A",
+    open: offlineShow,
+    onOk: offlineEvent,
+    onCancel: function onCancel() {
+      setOfflineText('');
+      setOfflineShow(false);
+    },
+    width: 520,
+    destroyOnClose: true
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: offlineText,
+    showCount: true,
+    maxLength: 100,
+    onChange: function onChange(val) {
+      setOfflineText(val.currentTarget.value);
+    },
+    placeholder: "\u4E0B\u7EBF\u539F\u56E0.....",
+    style: {
+      height: 120,
+      resize: 'none'
+    }
   })));
 };
 export default TablePlus;

package/es/modules/dataManage/components/virtualTablePlus.js

@@ -42,6 +42,10 @@ var VirtualTablePlus = function VirtualTablePlus(props) {
     eventNameData = _useState8[0],
     setEventNameData = _useState8[1];
   var eventNameEdit = function eventNameEdit() {
+    if (!eventNameInput || eventNameInput.trim() === '') {
+      message.error('分组名称不能为空!');
+      return;
+    }
     request(apis.upsertEventGroup, {
       method: 'post',
       data: {

package/es/modules/dataManage/demo/index.js

@@ -80,11 +80,10 @@ export default (function () {
   return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement(DataManage
   // isSelect={true}
   // isSelectTab={'1'}
-  // selectTreeName="新页面_点击"
   , {
     // isSelect={true}
     // isSelectTab={'1'}
-    // selectTreeName="新页面_点击"
+    selectTreeName: "\u65B0\u9875\u9762_\u70B9\u51FB",
     onChangeSelectObj: setSelectObj,
     selectObj: selectObj
   }));

package/es/modules/dataManage/styles/index.less

@@ -21,6 +21,11 @@
   .ant-select {
     border-radius: 4px !important;
   }
+  &-text {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
   .loading {
     position: fixed;
     top: 70%;
@@ -1193,3 +1198,8 @@
     }
   }
 }
+.button-add {
+  position: absolute;
+  right: 0;
+  bottom: -50px;
+}

package/es/modules/dataManage/types.d.ts

@@ -84,3 +84,7 @@ export interface CreateMetaDrawerProps {
 }
 export interface DevelopModelProps {
 }
+export interface eventTag {
+    label: string;
+    value: number;
+}

package/es/modules/dataMap/component/drawerAdd.js

@@ -40,6 +40,7 @@ var DrawerAdd = function DrawerAdd(props) {
   }, [props.open]);
   var closeDrawer = function closeDrawer() {
     setIsOpen(false);
+    setEvent({});
     form.resetFields(); // 表单重置
     conditionRef.current.deleteAll(); // 重置固定筛选数组
     props.handleClose();
@@ -183,6 +184,7 @@ var DrawerAdd = function DrawerAdd(props) {
     placement: "right",
     onClose: onClose,
     open: isOpen,
+    destroyOnClose: true,
     width: "800px",
     footer: /*#__PURE__*/React.createElement("div", {
       className: "".concat(pageClassName, "_footer")

package/es/modules/dataMap/component/leftTree.js

@@ -162,6 +162,9 @@ var LeftTree = function LeftTree(props) {
     var currentTreeData = info.node.children ? info.node.children[0] : info.node;
     setCurrentTree(currentTreeData);
   };
+  var treeHeight = function treeHeight() {
+    return filterMapListLabel.length > 0 ? 430 - 58 * (filterMapListLabel.length - 1) : 430;
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(pageClassName)
   }, /*#__PURE__*/React.createElement("div", {
@@ -246,7 +249,7 @@ var LeftTree = function LeftTree(props) {
     },
     treeData: treeData,
     rootClassName: "ziBackground",
-    height: 430
+    height: treeHeight()
   }))));
 };
 export default LeftTree;