@zgfe/modules-dm 1.0.57-zhongyuan.3 → 1.0.57-zhongyuan.30

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

@@ -77,7 +77,7 @@ var TablePlus = function TablePlus(props) {
         eventId: aliasNameId
       }
     }).then(function (res) {
-      if (res.data === 0) {
+      if ((res === null || res === void 0 ? void 0 : res.data) === 0) {
         message.error(res.msg);
       } else {
         message.success('修改成功');
@@ -97,49 +97,20 @@ var TablePlus = function TablePlus(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     triggeringInput = _useState10[0],
     setTriggeringInput = _useState10[1];
-  var _useState11 = useState(-1),
-    _useState12 = _slicedToArray(_useState11, 2),
-    triggeringId = _useState12[0],
-    setTriggeringId = _useState12[1];
-  // 修改触发时机
-  var triggeringEdit = function triggeringEdit() {
-    if (triggeringInput.length > 128) {
-      message.error('名称不可超过128字符');
-      return;
-    }
-    request(apis.updateEventInfo, {
-      method: 'post',
-      data: {
-        appId: getAppID(currentApp),
-        triggeringOccasion: triggeringInput,
-        eventId: triggeringId
-      }
-    }).then(function (res) {
-      if (res.data === 0) {
-        message.error(res.msg);
-      } else {
-        message.success('修改成功');
-        props.Refresh();
-        state.updateEventMetas && state.updateEventMetas(); // 更新store
-      }
-    }).finally(function () {
-      setTriggeringShow(false);
-    });
-  };
   // 控制修改分组名弹框 显示隐藏
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    eventNameShow = _useState14[0],
-    setEventNameShow = _useState14[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    eventNameShow = _useState12[0],
+    setEventNameShow = _useState12[1];
   // 修改分组名数据
-  var _useState15 = useState(''),
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    eventNameInput = _useState14[0],
+    setEventNameInput = _useState14[1];
+  var _useState15 = useState({}),
     _useState16 = _slicedToArray(_useState15, 2),
-    eventNameInput = _useState16[0],
-    setEventNameInput = _useState16[1];
-  var _useState17 = useState({}),
-    _useState18 = _slicedToArray(_useState17, 2),
-    eventNameData = _useState18[0],
-    setEventNameData = _useState18[1];
+    eventNameData = _useState16[0],
+    setEventNameData = _useState16[1];
   // 修改分组名
   var eventNameEdit = function eventNameEdit() {
     if (!eventNameInput || eventNameInput.trim() === '') {
@@ -346,15 +317,15 @@ var TablePlus = function TablePlus(props) {
     }
   };
   // 手否筛选收藏
-  var _useState19 = useState(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    markActive = _useState20[0],
-    setMarkActive = _useState20[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    markActive = _useState18[0],
+    setMarkActive = _useState18[1];
   // 分组操作-勾选数据
-  var _useState21 = useState({}),
-    _useState22 = _slicedToArray(_useState21, 2),
-    groupCheckedData = _useState22[0],
-    setGroupCheckedData = _useState22[1];
+  var _useState19 = useState({}),
+    _useState20 = _slicedToArray(_useState19, 2),
+    groupCheckedData = _useState20[0],
+    setGroupCheckedData = _useState20[1];
   useEffect(function () {
     if ((props === null || props === void 0 ? void 0 : props.selectEventList) && props.tableHandleData) {
       var dealGroupCheckedData = {};
@@ -447,14 +418,14 @@ var TablePlus = function TablePlus(props) {
     return props.groupData.length < 2 && type == 'copy' ? null : element;
   };
   // 点击测试
-  var _useState23 = useState(),
+  var _useState21 = useState(),
+    _useState22 = _slicedToArray(_useState21, 2),
+    currentEvent = _useState22[0],
+    setCurrentEvent = _useState22[1];
+  var _useState23 = useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    currentEvent = _useState24[0],
-    setCurrentEvent = _useState24[1];
-  var _useState25 = useState(false),
-    _useState26 = _slicedToArray(_useState25, 2),
-    isTextModal = _useState26[0],
-    setIsTextModal = _useState26[1];
+    isTextModal = _useState24[0],
+    setIsTextModal = _useState24[1];
   var eventTextHandle = function eventTextHandle(currentObj) {
     setIsTextModal(true);
     setCurrentEvent(currentObj);
@@ -465,10 +436,10 @@ var TablePlus = function TablePlus(props) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useState27 = useState(false),
-    _useState28 = _slicedToArray(_useState27, 2),
-    bugState = _useState28[0],
-    setBugState = _useState28[1];
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    bugState = _useState26[0],
+    setBugState = _useState26[1];
   var submitText = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var values;
@@ -519,11 +490,11 @@ var TablePlus = function TablePlus(props) {
     };
   }();
   // 埋点平台
-  var _useState29 = useState(),
-    _useState30 = _slicedToArray(_useState29, 2),
-    currentRow = _useState30[0],
-    setCurrentRow = _useState30[1];
-  var _useState31 = useState([{
+  var _useState27 = useState(),
+    _useState28 = _slicedToArray(_useState27, 2),
+    currentRow = _useState28[0],
+    setCurrentRow = _useState28[1];
+  var _useState29 = useState([{
       label: 'JS',
       value: '206'
     }, {
@@ -536,16 +507,16 @@ var TablePlus = function TablePlus(props) {
       label: '其他',
       value: '99'
     }]),
-    _useState32 = _slicedToArray(_useState31, 1),
-    maidianList = _useState32[0];
-  var _useState33 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 1),
+    maidianList = _useState30[0];
+  var _useState31 = useState(false),
+    _useState32 = _slicedToArray(_useState31, 2),
+    isMaidianModal = _useState32[0],
+    setIsMaidianModal = _useState32[1];
+  var _useState33 = useState([]),
     _useState34 = _slicedToArray(_useState33, 2),
-    isMaidianModal = _useState34[0],
-    setIsMaidianModal = _useState34[1];
-  var _useState35 = useState([]),
-    _useState36 = _slicedToArray(_useState35, 2),
-    currentMaidian = _useState36[0],
-    setCurrentMaidian = _useState36[1];
+    currentMaidian = _useState34[0],
+    setCurrentMaidian = _useState34[1];
   var submitMaidian = function submitMaidian() {
     request(apis.updateMaidian, {
       method: 'post',
@@ -554,7 +525,7 @@ var TablePlus = function TablePlus(props) {
         platform: currentMaidian.join()
       }
     }).then(function (res) {
-      if (res.code == '100000') {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
         notification.success({
           message: '更新成功'
         });
@@ -568,14 +539,14 @@ var TablePlus = function TablePlus(props) {
     });
   };
   // 备注的
-  var _useState37 = useState(false),
+  var _useState35 = useState(false),
+    _useState36 = _slicedToArray(_useState35, 2),
+    isRemarkModal = _useState36[0],
+    setIsRemarkModal = _useState36[1];
+  var _useState37 = useState(''),
     _useState38 = _slicedToArray(_useState37, 2),
-    isRemarkModal = _useState38[0],
-    setIsRemarkModal = _useState38[1];
-  var _useState39 = useState(''),
-    _useState40 = _slicedToArray(_useState39, 2),
-    currentRemark = _useState40[0],
-    setCurrentRemark = _useState40[1];
+    currentRemark = _useState38[0],
+    setCurrentRemark = _useState38[1];
   var submitRemark = function submitRemark() {
     request(apis.updateRemark, {
       method: 'post',
@@ -584,7 +555,7 @@ var TablePlus = function TablePlus(props) {
         remark: currentRemark
       }
     }).then(function (res) {
-      if (res.code == '100000') {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
         notification.success({
           message: '更新成功'
         });
@@ -597,6 +568,105 @@ var TablePlus = function TablePlus(props) {
       });
     });
   };
+  //标签列表数据 2:业务标签 3:触发标签
+  var _useState39 = useState(),
+    _useState40 = _slicedToArray(_useState39, 2),
+    eventData = _useState40[0],
+    setEventData = _useState40[1];
+  var _useState41 = useState([]),
+    _useState42 = _slicedToArray(_useState41, 2),
+    bizTag = _useState42[0],
+    setBizTag = _useState42[1];
+  var _useState43 = useState(),
+    _useState44 = _slicedToArray(_useState43, 2),
+    bizTagId = _useState44[0],
+    setBizTagId = _useState44[1];
+  var _useState45 = useState(false),
+    _useState46 = _slicedToArray(_useState45, 2),
+    bizTagShow = _useState46[0],
+    setBizTagShow = _useState46[1];
+  var _useState47 = useState([]),
+    _useState48 = _slicedToArray(_useState47, 2),
+    triTag = _useState48[0],
+    setTriTag = _useState48[1];
+  var _useState49 = useState(),
+    _useState50 = _slicedToArray(_useState49, 2),
+    triTagId = _useState50[0],
+    setTriTagId = _useState50[1];
+  var getTagList = function getTagList(type) {
+    request(apis.dict.eventTag, {
+      method: 'post',
+      data: {
+        appId: getAppID(currentApp),
+        labelType: type
+      }
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        switch (type) {
+          case 2:
+            setBizTag(res.data.map(function (res) {
+              return {
+                label: res.labelName,
+                value: res.id
+              };
+            }));
+            break;
+          case 3:
+            setTriTag(res.data.map(function (res) {
+              return {
+                label: res.labelName,
+                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: eventData === null || eventData === void 0 ? void 0 : eventData.event_id
+      }, params)
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.data) === 0) {
+        message.error(res.msg);
+      } else {
+        message.success('修改成功');
+        props.Refresh();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
+      }
+    }).finally(function () {
+      fn();
+    });
+  };
+  //解除绑定标签
+  var delLabelRelation = function delLabelRelation(id, type) {
+    request(apis.dict.delLabelRelation, {
+      method: 'post',
+      data: {
+        appId: getAppID(currentApp),
+        eventId: eventData === null || eventData === void 0 ? void 0 : eventData.event_id,
+        labelType: type,
+        id: id
+      }
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.data) === 0) {
+        message.error(res.msg);
+      } else {
+        message.success('修改成功');
+        props.Refresh();
+        state.updateEventMetas && state.updateEventMetas(); // 更新store
+      }
+    });
+  };
   var columns = [{
     title: (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
       style: {
@@ -716,6 +786,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(record.businessLabelId);
+          setBizTagShow(true);
+          setEventData(record);
+        },
+        type: "zhongmingming"
+      }));
+    }
   }, {
     title: '触发时机',
     dataIndex: 'triggeringOccasion',
@@ -730,32 +821,28 @@ 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 ? (/*#__PURE__*/React.createElement(Tag, {
+        color: "orange"
+      }, record.triggerLabel.labelName)) : (/*#__PURE__*/React.createElement("div", {
         className: "alias_name_text"
-      }, record.triggeringOccasion)), record.groupId && (/*#__PURE__*/React.createElement(IconFont, {
+      }, record.triggeringOccasion))), /*#__PURE__*/React.createElement(IconFont, {
         className: "edit-alias-name",
         onClick: function onClick() {
+          getTagList(3);
+          setTriTagId(record.triggerLabelId);
           setTriggeringInput(record.triggeringOccasion);
-          setTriggeringId(record.event_id);
+          setEventData(record);
           setTriggeringShow(true);
         },
         type: "zhongmingming"
-      })));
+      }));
     }
-  },
-  // {
-  //   title: '首次上报时间',
-  //   dataIndex: 'insert_time',
-  //   key: 'insert_time',
-  //   width: 187,
-  //   render: (text) => {
-  //     return <div className="insert_time">{text}</div>;
-  //   },
-  // },
-  {
+  }, {
     title: '埋点平台',
     dataIndex: 'platformStr',
     key: 'platformStr',
@@ -1053,19 +1140,19 @@ var TablePlus = function TablePlus(props) {
     }
   }];
   //看板引用次数
-  var _useState41 = useState(false),
-    _useState42 = _slicedToArray(_useState41, 2),
-    panelShow = _useState42[0],
-    setPanelShow = _useState42[1];
+  var _useState51 = useState(false),
+    _useState52 = _slicedToArray(_useState51, 2),
+    panelShow = _useState52[0],
+    setPanelShow = _useState52[1];
   //下线功能
-  var _useState43 = useState(false),
-    _useState44 = _slicedToArray(_useState43, 2),
-    offlineShow = _useState44[0],
-    setOfflineShow = _useState44[1];
-  var _useState45 = useState(''),
-    _useState46 = _slicedToArray(_useState45, 2),
-    offlineText = _useState46[0],
-    setOfflineText = _useState46[1];
+  var _useState53 = useState(false),
+    _useState54 = _slicedToArray(_useState53, 2),
+    offlineShow = _useState54[0],
+    setOfflineShow = _useState54[1];
+  var _useState55 = useState(''),
+    _useState56 = _slicedToArray(_useState55, 2),
+    offlineText = _useState56[0],
+    setOfflineText = _useState56[1];
   //功能下线
   var offlineEvent = function offlineEvent() {
     request(apis.offlineEvent, {
@@ -1076,7 +1163,7 @@ var TablePlus = function TablePlus(props) {
         reason: offlineText
       }
     }).then(function (res) {
-      if (res.code == '100000') {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
         notification.success({
           message: '下线成功'
         });
@@ -1090,10 +1177,10 @@ var TablePlus = function TablePlus(props) {
       });
     });
   };
-  var _useState47 = useState(''),
-    _useState48 = _slicedToArray(_useState47, 2),
-    scrollY = _useState48[0],
-    setScrollY = _useState48[1];
+  var _useState57 = useState(''),
+    _useState58 = _slicedToArray(_useState57, 2),
+    scrollY = _useState58[0],
+    setScrollY = _useState58[1];
   //页面加载完成后才能获取到对应的元素及其位置
   useEffect(function () {
     var _Y = getTableScroll(102, 'dataManageTablePlus');
@@ -1204,6 +1291,46 @@ 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() {
+      if (bizTagId) {
+        updateEvent({
+          businessLabelId: bizTagId
+        }, function () {
+          setBizTagShow(false);
+        });
+      } else {
+        delLabelRelation(eventData === null || eventData === void 0 ? void 0 : eventData.businessLabelId, 2);
+      }
+    },
+    onCancel: function onCancel() {
+      setBizTagShow(false);
+      setEventData(undefined);
+    },
+    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",
@@ -1263,15 +1390,44 @@ 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);
+      });
+      if (!triTagId) {
+        delLabelRelation(eventData === null || eventData === void 0 ? void 0 : eventData.triggerLabelId, 3);
+      }
+    },
     onCancel: function onCancel() {
       setTriggeringInput('');
-      setTriggeringId(-1);
       setTriggeringShow(false);
+      setTriTagId(undefined);
+      setEventData(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,