@zgfe/modules-dm 1.0.56-zhongyuan.35 → 1.0.56-zhongyuan.38

package/es/constants/api.d.ts

@@ -14,6 +14,7 @@ declare let apis: {
     queryPropDict: string;
     getAllPlan: string;
     queryPlanDetail: string;
+    offlineEvent: string;
     savePlan: string;
     deletePlan: string;
     deletePlanEvent: string;
@@ -62,6 +63,7 @@ declare let apis: {
     exportData: string;
     updateMaidian: string;
     updateRemark: string;
+    eventCite: string;
     dataMap: {
         saveMap: string;
         getList: string;

package/es/constants/api.js

@@ -29,6 +29,8 @@ var apis = {
   getAllPlan: '/zg/web/v2/managementPlan/getAllPlan',
   // 埋点方案管理-查询埋点方案详情
   queryPlanDetail: '/zg/web/v2/managementPlan/queryPlan',
+  // 埋点方案管理-下线
+  offlineEvent: '/zg/web/v2/event/offlineEvent',
   // 埋点方案管理-保存
   savePlan: '/zg/web/v2/managementPlan/savePlan',
   // 埋点方案管理-删除埋点方案
@@ -121,6 +123,8 @@ var apis = {
   updateMaidian: '/zg/web/v2/event/update/platform',
   // 原事件-修改备注
   updateRemark: '/zg/web/v2/event/update/remark',
+  //看板引用列表
+  eventCite: '/zg/web/v2/event/eventCite',
   // 全埋点地图
   dataMap: {
     saveMap: '/zg/web/v2/burying-point-map/save',

package/es/modules/dataManage/components/panelList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import '../styles/index.less';
+declare const panelList: React.FC<{
+    eventId: string;
+}>;
+export default panelList;

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

@@ -0,0 +1,168 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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 React, { useState, useEffect, useContext } from 'react';
+import { BizGlobalDataContext } from '@zgfe/business-lib';
+import { Table, Tooltip, Button } from 'antd';
+import request from '../../../utils/ajax';
+import apis from '../../../constants/api';
+import { getAppID, getTableScroll } from '../../../utils';
+import '../styles/index.less';
+var classPrefix = 'data-manage';
+var getPanel = function getPanel() {};
+var panelList = function panelList(props) {
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp,
+    router = _useContext.router,
+    routes = _useContext.routes;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    tabIndex = _useState2[0],
+    setTabIndex = _useState2[1];
+  var _useState3 = useState(-1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hidden = _useState4[0],
+    setHidden = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = useState(props === null || props === void 0 ? void 0 : props.eventId),
+    _useState8 = _slicedToArray(_useState7, 1),
+    eventId = _useState8[0];
+  // 表格列
+  var columns = [{
+    title: '看板名称',
+    dataIndex: 'name',
+    fixed: 'left',
+    width: 200,
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        title: text || '',
+        placement: "top"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-text")
+      }, text));
+    }
+  }, {
+    title: '创建人',
+    dataIndex: 'userName',
+    width: 150,
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: 0
+        }
+      }, text);
+    }
+  }, {
+    title: '引用时间',
+    dataIndex: 'createDateTime',
+    width: 180,
+    render: function render(text) {
+      return text;
+    }
+  }, {
+    title: '看板类型',
+    dataIndex: 'chartType',
+    width: 150,
+    render: function render(text) {
+      return text;
+    }
+  }, {
+    title: '看板链接',
+    dataIndex: 'id',
+    width: 150,
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: 0
+        },
+        onClick: function onClick() {
+          routerPanel(text);
+        }
+      }, ' ', "\u94FE\u63A5", ' ');
+    }
+  }];
+  // 用户属性列表
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    userAttrData = _useState10[0],
+    setUserAttrData = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    scrollY = _useState12[0],
+    setScrollY = _useState12[1];
+  //页面加载完成后才能获取到对应的元素及其位置
+  useEffect(function () {
+    var _Y = getTableScroll(60, 'dataManageAttrTable');
+    setScrollY(_Y);
+  }, []);
+  useEffect(function () {
+    //列表查询
+    eventCiteEvent();
+  }, [eventId]);
+  var chartTypeName = {
+    line: '折线图',
+    bar: '柱形图',
+    pie: '饼图',
+    number: '数值',
+    grid: '表格'
+  };
+  //查询看板列表
+  var eventCiteEvent = function eventCiteEvent() {
+    request(apis.eventCite, {
+      method: 'post',
+      data: {
+        eventId: eventId,
+        appId: getAppID(currentApp)
+      }
+    }).then(function (res) {
+      if (res.code == '100000' && res.data) {
+        var data = res.data.map(function (res) {
+          var list = res.chartType.split(',');
+          var text = '';
+          list.map(function (item) {
+            text += chartTypeName[item] + ',';
+          });
+          return _objectSpread(_objectSpread({}, res), {}, {
+            chartType: text.slice(0, text.length - 1)
+          });
+        });
+        setUserAttrData(data || []);
+      }
+    });
+  };
+  var routerPanel = function routerPanel(id) {
+    router.push({
+      name: routes.panel,
+      params: {
+        panelId: id
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(Table, {
+    className: "".concat(classPrefix, "-record-table"),
+    columns: columns,
+    id: 'dataManageAttrTable',
+    rowKey: "name",
+    loading: loading,
+    scroll: {
+      y: scrollY
+    },
+    dataSource: userAttrData,
+    pagination: false
+  });
+};
+export default panelList;

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,6 +26,7 @@ import '../styles/index.less';
 import _ from 'lodash';
 import { getAppID, getTableScroll } from '../../../utils';
 import { DmContext } from '../../../store';
+import PanelList from './panelList';
 var Text = Typography.Text;
 var TablePlus = function TablePlus(props) {
   var classPrefix = 'table-plus';
@@ -885,7 +886,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);
         },
@@ -908,6 +909,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',
@@ -992,7 +1009,7 @@ var TablePlus = function TablePlus(props) {
             padding: 0
           },
           disabled: isDemo || !authority[1000004],
-          className: "set ".concat(record.owner == 'zg_abp' ? 'set-error' : ''),
+          // className={`set ${record.owner == 'zg_abp' ? 'set-error' : ''}`}
           onClick: function onClick() {
             if (isDemo || !authority[1000004]) {
               message.error('无修改权限');
@@ -1000,14 +1017,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(''),
+  //看板引用次数
+  var _useState41 = useState(false),
     _useState42 = _slicedToArray(_useState41, 2),
-    scrollY = _useState42[0],
-    setScrollY = _useState42[1];
+    panelShow = _useState42[0],
+    setPanelShow = _useState42[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 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 _useState47 = useState(''),
+    _useState48 = _slicedToArray(_useState47, 2),
+    scrollY = _useState48[0],
+    setScrollY = _useState48[1];
   //页面加载完成后才能获取到对应的元素及其位置
   useEffect(function () {
     var _Y = getTableScroll(102, 'dataManageTablePlus');
@@ -1194,6 +1264,42 @@ var TablePlus = function TablePlus(props) {
     onChange: function onChange(e) {
       setTriggeringInput(e.target.value);
     }
+  })), /*#__PURE__*/React.createElement(Drawer, {
+    className: "".concat(classPrefix, "-drawer"),
+    width: '50%',
+    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;