@zgfe/modules-settings 2.0.0-zhongyuan.33 → 2.0.0-zhongyuan.35

package/es/modules/pointMap/pageInfo.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 { BizDialog, BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
-import { Input, message, Button, Table, notification, Upload, Image, Checkbox, Empty, Tooltip, Popover, Modal } from 'antd';
+import { Input, message, Button, Table, notification, Upload, Image, Checkbox, Empty, Tooltip, Popover, Modal, Drawer } from 'antd';
 import React, { useContext, useEffect, useState } from 'react';
 import _ from 'lodash';
 import './styles/pageInfo.less';
@@ -27,7 +27,9 @@ import util from '../../utils/util';
 import request from '../../utils/ajax';
 import apis from '../../constants/api';
 import PicCircleSelect from '../../components/picCircleSelect';
+import CreateMetaDrawer from './createMetaDrawer';
 import { uuid } from '@antv/x6/lib/util/string/uuid';
+import RecordDom from './record';
 var getImgUrl = function getImgUrl(src, pageId) {
   return src.indexOf('data:image') != -1 ? src : "".concat(window.location.origin, "/web/img/report/").concat(pageId, "/").concat(src);
   // return constants.regExp.url.test(src)
@@ -129,12 +131,48 @@ var PageInfo = function PageInfo(props) {
     _useState44 = _slicedToArray(_useState43, 2),
     showIndex = _useState44[0],
     setShowIndex = _useState44[1];
+  var _useState45 = useState({}),
+    _useState46 = _slicedToArray(_useState45, 2),
+    eventData = _useState46[0],
+    setEventData = _useState46[1];
   var changeItemInfo = function changeItemInfo(i, key, v) {
     var dealData = _.clone(eventAttrList);
     dealData[i]['isEdit'] = true;
     dealData[i][key] = v;
     setEventAttrList(dealData);
   };
+  //埋点筛选
+  var _useState47 = useState([{
+      label: '在线埋点',
+      sum: 0,
+      value: 0
+    }, {
+      label: '下线埋点',
+      sum: 0,
+      value: 1
+    }]),
+    _useState48 = _slicedToArray(_useState47, 2),
+    navList = _useState48[0],
+    setNavList = _useState48[1];
+  var _useState49 = useState(0),
+    _useState50 = _slicedToArray(_useState49, 2),
+    navIndex = _useState50[0],
+    setNavIndex = _useState50[1];
+  //创建元事件
+  var _useState51 = useState(false),
+    _useState52 = _slicedToArray(_useState51, 2),
+    createMetaShow = _useState52[0],
+    setCreateMetaShow = _useState52[1];
+  //元事件内容
+  var _useState53 = useState(),
+    _useState54 = _slicedToArray(_useState53, 2),
+    metaData = _useState54[0],
+    setMetaData = _useState54[1];
+  //日志管理
+  var _useState55 = useState(false),
+    _useState56 = _slicedToArray(_useState55, 2),
+    recordShow = _useState56[0],
+    setRecordShow = _useState56[1];
   useEffect(function () {
     // console.log('props.pageData', props.pageData);
     if (!props.pageData) {
@@ -181,9 +219,26 @@ var PageInfo = function PageInfo(props) {
             key: uuid(),
             index: index,
             approvalStatus: item.approvalStatus,
-            operationType: item.operationType
+            operationType: item.operationType,
+            del: item.del || 1
           };
         }) : []);
+        //计算出当前上线和下线总合数量
+        // setNavList(
+        //   navList.map((nav) => {
+        //     let sum = 0;
+        //     res.data.eventInfos &&
+        //       res.data.eventInfos.map((item: any, index: number) => {
+        //         if (nav.value == item.del) {
+        //           sum += 1;
+        //         }
+        //       });
+        //     return {
+        //       ...nav,
+        //       sum,
+        //     };
+        //   }),
+        // );
       }
     }).catch(function (err) {
       console.log(err);
@@ -408,14 +463,14 @@ var PageInfo = function PageInfo(props) {
     props.onChangeSelectObj && props.onChangeSelectObj(_selectPoint);
   };
   // 表格列表筛选项
-  var _useState45 = useState(0),
-    _useState46 = _slicedToArray(_useState45, 2),
-    type = _useState46[0],
-    setType = _useState46[1];
-  var _useState47 = useState(-1),
-    _useState48 = _slicedToArray(_useState47, 2),
-    encryption_type = _useState48[0],
-    setEncryptionType = _useState48[1];
+  var _useState57 = useState(0),
+    _useState58 = _slicedToArray(_useState57, 2),
+    type = _useState58[0],
+    setType = _useState58[1];
+  var _useState59 = useState(-1),
+    _useState60 = _slicedToArray(_useState59, 2),
+    encryption_type = _useState60[0],
+    setEncryptionType = _useState60[1];
   var columns = [].concat(_toConsumableArray(props.isSelect && !isEdit ? [{
     title: (/*#__PURE__*/React.createElement(Checkbox, {
       checked: checkedAllHandle(),
@@ -475,6 +530,9 @@ var PageInfo = function PageInfo(props) {
           } else {
             window.open('/webapp/app/' + (currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId) + '/plat/0/analytics/dataCollectManage?key=' + eventName, '_blank');
           }
+          //打开元事件
+          // setCreateMetaShow(true);
+          // setMetaData(record);
         }
       }, eventName ? eventName : '选择元事件', !eventName && /*#__PURE__*/React.createElement(IconFont, {
         type: "zhuanfa",
@@ -565,16 +623,49 @@ var PageInfo = function PageInfo(props) {
         size: 16
       }), "\u5708\u9009")));
     }
-  }, {
-    title: '访问量',
-    dataIndex: 'pv',
-    key: 'pv',
-    width: 92,
-    render: function render(pv) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(classPrefix, "-content-select")
-      }, pv || pv === 0 ? pv : '-');
-    }
+  },
+  // {
+  //   title: '访问量',
+  //   dataIndex: 'pv',
+  //   key: 'pv',
+  //   width: 92,
+  //   render: (pv) => {
+  //     return <div className={`${classPrefix}-content-select`}>{pv || pv === 0 ? pv : '-'}</div>;
+  //   },
+  // },
+  {
+    title: '数据量',
+    children: [{
+      title: '昨日',
+      dataIndex: 'time1',
+      key: 'time1',
+      width: 92,
+      render: function render(value) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(classPrefix, "-content-select")
+        }, value || value === 0 ? value : '-');
+      }
+    }, {
+      title: '近7天',
+      dataIndex: 'time1',
+      key: 'time1',
+      width: 92,
+      render: function render(value) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(classPrefix, "-content-select")
+        }, value || value === 0 ? value : '-');
+      }
+    }, {
+      title: '近30天',
+      dataIndex: 'time1',
+      key: 'time1',
+      width: 92,
+      render: function render(value) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(classPrefix, "-content-select")
+        }, value || value === 0 ? value : '-');
+      }
+    }]
   }], _toConsumableArray(isEdit ? [{
     title: '操作',
     dataIndex: 'set',
@@ -587,12 +678,26 @@ var PageInfo = function PageInfo(props) {
         index: index
       });
     }
-  }] : [{}]));
+  }] : [{
+    title: '操作',
+    dataIndex: 'record',
+    width: 72,
+    fixed: 'right',
+    render: function render(_, record, index) {
+      return /*#__PURE__*/React.createElement(Button, {
+        size: 'small',
+        type: "link",
+        onClick: function onClick() {
+          recordOpen(record);
+        }
+      }, ' ', "\u65E5\u5FD7", ' ');
+    }
+  }]));
   var DealDom = function DealDom(props) {
-    var _useState49 = useState(false),
-      _useState50 = _slicedToArray(_useState49, 2),
-      open = _useState50[0],
-      setOpen = _useState50[1];
+    var _useState61 = useState(false),
+      _useState62 = _slicedToArray(_useState61, 2),
+      open = _useState62[0],
+      setOpen = _useState62[1];
     var handleOpenChange = function handleOpenChange(newOpen) {
       setOpen(newOpen);
     };
@@ -639,10 +744,10 @@ var PageInfo = function PageInfo(props) {
       }
     }, "\u79FB\u9664"));
   };
-  var _useState51 = useState(''),
-    _useState52 = _slicedToArray(_useState51, 2),
-    scrollY = _useState52[0],
-    setScrollY = _useState52[1];
+  var _useState63 = useState(''),
+    _useState64 = _slicedToArray(_useState63, 2),
+    scrollY = _useState64[0],
+    setScrollY = _useState64[1];
   //页面加载完成后才能获取到对应的元素及其位置
   var onClose = function onClose() {
     if (isChange) {
@@ -745,6 +850,10 @@ var PageInfo = function PageInfo(props) {
     setIsShowBack(false);
   };
   var addNewEvent = function addNewEvent() {
+    //新埋点管理
+    // setMetaData(undefined);
+    // setCreateMetaShow(true);
+    //老埋点
     setEventAttrList([{
       eventId: void 0,
       eventName: '',
@@ -759,6 +868,36 @@ var PageInfo = function PageInfo(props) {
       setShowIndex(void 0);
     }, 3000);
   };
+  //设置新添加的元事件
+  var onEventSet = function onEventSet(data, type) {
+    if (type == 'create') {
+      setEventAttrList([{
+        eventId: data.eventId,
+        eventName: data.eventName,
+        triggeringOccasion: data.triggeringOccasion,
+        aliasName: data.aliasName,
+        describe: '',
+        pointSelect: '',
+        imgPath: '',
+        index: eventAttrList.length,
+        key: new Date() * 1,
+        eventAttrList: data.eventAttrList
+      }].concat(_toConsumableArray(eventAttrList)));
+      setShowIndex(eventAttrList.length);
+      setTimeout(function () {
+        setShowIndex(void 0);
+      }, 3000);
+    } else {
+      setEventAttrList(eventAttrList.map(function (res) {
+        return res.eventId == data.eventId ? data : res;
+      }));
+    }
+  };
+  //打开日志
+  var recordOpen = function recordOpen(row) {
+    setRecordShow(true);
+    setEventData(row);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix)
   }, /*#__PURE__*/React.createElement("div", {
@@ -930,7 +1069,6 @@ var PageInfo = function PageInfo(props) {
   }), "\u6DFB\u52A0\u9875\u9762\u57CB\u70B9")))), /*#__PURE__*/React.createElement(Table, {
     className: "".concat(classPrefix, "-table"),
     rowClassName: function rowClassName(record) {
-      console.log('rowClassName', record);
       return record.index === showIndex ? 'isShowF2F3F4' : '';
     },
     // id="dataManageCreateMetaTable"
@@ -980,6 +1118,31 @@ var PageInfo = function PageInfo(props) {
     imgPath: eventAttrList[selectIndex].imgPath || imgPath,
     bgImgPath: imgPath,
     onChange: setCircleImg
-  }))));
+  }))), /*#__PURE__*/React.createElement(Drawer, {
+    className: "".concat(classPrefix, "-drawer"),
+    width: '60%',
+    title: /*#__PURE__*/React.createElement("div", null, "\u57CB\u70B9\u65E5\u5FD7"),
+    placement: "right",
+    destroyOnClose: true,
+    onClose: function onClose() {
+      return setRecordShow(false);
+    },
+    open: recordShow
+  }, /*#__PURE__*/React.createElement(RecordDom, {
+    eventId: eventData.eventId,
+    eventName: eventData.eventName
+  })), /*#__PURE__*/React.createElement(CreateMetaDrawer, {
+    isShow: createMetaShow,
+    data: metaData,
+    isEdit: isEdit,
+    onSubmit: function onSubmit(event, type) {
+      setCreateMetaShow(false);
+      onEventSet(event, type);
+    },
+    // selectTreeName={props.selectTreeName}
+    onClose: function onClose() {
+      return setCreateMetaShow(false);
+    }
+  }));
 };
 export default PageInfo;

package/es/modules/pointMap/record.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './styles/pageInfo.less';
+declare const record: React.FC<{
+    eventId: number | string;
+    eventName: string;
+}>;
+export default record;