@zgfe/modules-settings 2.1.0-zhongyuan.5 → 2.1.0-zhongyuan.6

package/es/constants/api.d.ts

@@ -132,6 +132,8 @@ declare let apis: {
         tagDownload: string;
         tagDelete: string;
         tagTemplate: string;
+        addLabelRelation: string;
+        delLabelRelation: string;
     };
     queryUserByCompanyId: string;
     flowSave: string;

package/es/constants/api.js

@@ -160,7 +160,10 @@ var apis = {
     tagDownload: '/zg/web/v2/eventLabel/download',
     tagDelete: '/zg/web/v2/eventLabel/delete',
     //标签模板
-    tagTemplate: '/zg/web/v2/eventLabel/template'
+    tagTemplate: '/zg/web/v2/eventLabel/template',
+    //绑定
+    addLabelRelation: '/zg/web/v2/eventLabel/addLabelRelation',
+    delLabelRelation: '/zg/web/v2/eventLabel/delLabelRelation'
   },
   // 查询公司下所有用户
   queryUserByCompanyId: '/zg/web/v2/user/queryUserByCompanyId',

package/es/modules/pointMap/createMetaDrawer.js

@@ -23,6 +23,8 @@ import React, { useContext, useEffect, useState } from 'react';
 import _ from 'lodash';
 import BizEditText from './editTxt';
 import './styles/index.less';
+import request from '../../utils/ajax';
+import apis from '../../constants/api';
 var CreateMeta = function CreateMeta(props) {
   var classPrefix = 'setting-create-meta-drawer';
   var _useContext = useContext(BizGlobalDataContext),
@@ -123,7 +125,8 @@ var CreateMeta = function CreateMeta(props) {
                   aliasName: values.aliasName,
                   triggeringOccasion: values.triggeringOccasion,
                   del: 1,
-                  eventAttrList: eventAttrList
+                  eventAttrList: eventAttrList,
+                  bizTagId: bizTagId
                 }, 'create');
               }
             }
@@ -433,6 +436,8 @@ var CreateMeta = function CreateMeta(props) {
   useEffect(function () {
     var _Y = getTableScroll(545, 'dataManageCreateMetaTable');
     setScrollY(_Y);
+    getTagList(2);
+    getTagList(3);
   }, []);
   var onClose = function onClose() {
     if (isChange) {
@@ -461,11 +466,58 @@ var CreateMeta = function CreateMeta(props) {
       })));
     }
   };
-  // 自定义验证规则
-  var _useState17 = useState(''),
+  //标签列表数据 2:业务标签 3:触发标签
+  var _useState17 = useState([]),
     _useState18 = _slicedToArray(_useState17, 2),
-    inputText = _useState18[0],
-    setInputText = _useState18[1];
+    bizTag = _useState18[0],
+    setBizTag = _useState18[1];
+  var _useState19 = useState(),
+    _useState20 = _slicedToArray(_useState19, 2),
+    bizTagId = _useState20[0],
+    setBizTagId = _useState20[1];
+  var _useState21 = useState([]),
+    _useState22 = _slicedToArray(_useState21, 2),
+    triTag = _useState22[0],
+    setTriTag = _useState22[1];
+  var _useState23 = useState(),
+    _useState24 = _slicedToArray(_useState23, 2),
+    triTagId = _useState24[0],
+    setTriTagId = _useState24[1];
+  var getTagList = function getTagList(type) {
+    request(apis.dict.getTagList, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        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 _useState25 = useState(''),
+    _useState26 = _slicedToArray(_useState25, 2),
+    inputText = _useState26[0],
+    setInputText = _useState26[1];
   // true 验证通过
   var validateContainsUnderscore = function validateContainsUnderscore(value) {
     if (!isChange) {
@@ -567,14 +619,9 @@ var CreateMeta = function CreateMeta(props) {
     },
     disabled: homeType == 'update' || homeType == 'get',
     placeholder: "\u8BF7\u8F93\u5165\u89E6\u53D1\u6807\u7B7E",
-    options: [{
-      label: '业务标签1',
-      value: '111'
-    }, {
-      label: '业务标签2',
-      value: 'tagJson'
-    }],
-    onChange: function onChange() {
+    options: triTag,
+    onChange: function onChange(value) {
+      setBizTagId(value);
       setIsChange(true);
     }
   }), "\u6216", /*#__PURE__*/React.createElement(Input, {
@@ -591,19 +638,13 @@ var CreateMeta = function CreateMeta(props) {
       setIsChange(true);
     }
   })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "triggeringOccasion1",
+    name: "businessLabelId",
     label: "\u4E1A\u52A1\u6807\u7B7E"
   }, /*#__PURE__*/React.createElement(Select, {
     allowClear: true,
     disabled: homeType == 'update' || homeType == 'get',
     placeholder: "\u8BF7\u8F93\u5165\u4E1A\u52A1\u6807\u7B7E",
-    options: [{
-      label: '业务标签1',
-      value: '111'
-    }, {
-      label: '业务标签2',
-      value: 'tagJson'
-    }],
+    options: bizTag,
     onChange: function onChange() {
       setIsChange(true);
     }

package/es/modules/pointMap/pageInfo.js

@@ -217,7 +217,10 @@ var PageInfo = function PageInfo(props) {
               index: index,
               approvalStatus: item.approvalStatus,
               operationType: item.operationType,
-              isOnline: item.isOnline || 0
+              isOnline: item.isOnline || 0,
+              businessLabel: item.businessLabel,
+              triggerLabel: item.triggerLabel,
+              labels: item.labels
             };
           }) : []);
           //计算出当前上线和下线总合数量
@@ -519,17 +522,17 @@ var PageInfo = function PageInfo(props) {
       }, /*#__PURE__*/React.createElement("span", {
         className: "".concat(classPrefix, "-content-popoverTag-label")
       }, "\u4E1A\u52A1\u6807\u7B7E:"), record.businessLabel && /*#__PURE__*/React.createElement(Tag, {
-        color: "blud"
+        color: "blue"
       }, record.businessLabel.labelName)), /*#__PURE__*/React.createElement("div", {
         className: "".concat(classPrefix, "-content-popoverTag-item")
       }, /*#__PURE__*/React.createElement("span", {
         className: "".concat(classPrefix, "-content-popoverTag-label")
       }, "\u89E6\u53D1\u6807\u7B7E:"), record.triggerLabel && /*#__PURE__*/React.createElement(Tag, {
-        color: "blud"
+        color: "orange"
       }, record.triggerLabel.labelName)));
       return /*#__PURE__*/React.createElement(Popover, {
         content: content,
-        title: eventName || ''
+        title: sliceName(eventName) || ''
       }, /*#__PURE__*/React.createElement("a", {
         onClick: function onClick() {
           if (!isSelect) {
@@ -918,7 +921,7 @@ var PageInfo = function PageInfo(props) {
   var sliceName = function sliceName(record) {
     var _record$businessLabel, _record$triggerLabel;
     var point = record.labels && record.labels.filter(function (res) {
-      return res.labelType == 2;
+      return res.labelType == 1;
     }).map(function (res) {
       return res.labelName;
     }).join('_') || '';

package/es/modules/pointMap/tree.js

@@ -58,7 +58,9 @@ var formatTreeArr = function formatTreeArr(list, arrTemp, parentName) {
         arrTemp.push({
           id: item.id,
           name: parentName ? parentName + ' / ' + item.name : item.name,
-          tagJson: '字典标签1'
+          tagJson: item.labels.map(function (res) {
+            return res.labelName;
+          }).join('')
         });
         if (item.children.length > 0) {
           formatTreeArr(item.children, arrTemp, item.name);
@@ -199,7 +201,7 @@ var pointMap = function pointMap(props) {
       }
     }).then(function (res) {
       if (res && res.code === '100000') {
-        pageNum = res === null || res === void 0 ? void 0 : res.data.length;
+        pageNum = (res === null || res === void 0 ? void 0 : res.data.length) + 1;
         setTreeData(formatTreeData((res === null || res === void 0 ? void 0 : res.data) || []));
         setTreeArr(formatTreeArr((res === null || res === void 0 ? void 0 : res.data) || [], [], '') || []);
         if (!selectedKeys) {
@@ -219,8 +221,11 @@ var pointMap = function pointMap(props) {
   //查询位置标签
   var getPointList = function getPointList() {
     request(apis.dict.getTagList, {
-      labelType: 1,
-      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      method: 'post',
+      data: {
+        labelType: 1,
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
     }).then(function (res) {
       if (res.code == 100000) {
         setPointList(res.data.map(function (res) {
@@ -364,6 +369,7 @@ var pointMap = function pointMap(props) {
   var titleRender = function titleRender(nodeData) {
     var onItemClick = function onItemClick(_ref) {
       var key = _ref.key;
+      console.log(key, 'key');
       switch (key) {
         case '0':
           if (nodeData.storey >= 20) {
@@ -395,17 +401,16 @@ var pointMap = function pointMap(props) {
       // message.info(`Click on item ${key}`);
     };
     //位置标签list
-    var pointContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, {
-      color: "magenta"
-    }, "magenta"), /*#__PURE__*/React.createElement(Tag, {
-      color: "red"
-    }, "red"), /*#__PURE__*/React.createElement(Tag, {
-      color: "volcano"
-    }, "volcano"), /*#__PURE__*/React.createElement(Tag, {
-      color: "orange"
-    }, "orange"), /*#__PURE__*/React.createElement(Tag, {
-      color: "gold"
-    }, "gold"));
+    var color = ['magenta', 'red', 'volcano', 'orange', 'gold', 'lime', 'green', 'cyan', 'blue', 'geekblue', 'purple'];
+    var pointContent = /*#__PURE__*/React.createElement(React.Fragment, null, nodeData.labels.map(function (res, index) {
+      return /*#__PURE__*/React.createElement(Tag, {
+        key: index,
+        color: color[index]
+      }, res.labelName);
+    }));
+    var pointIds = nodeData.labels.map(function (res) {
+      return res.id;
+    });
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-tree-item")
     }, changeNameId === nodeData.id ? (/*#__PURE__*/React.createElement(Input, {
@@ -452,21 +457,11 @@ var pointMap = function pointMap(props) {
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(classPrefix, "-tree-item-title-name")
-    }, nodeData.name, " (1) "), /*#__PURE__*/React.createElement(Popover, {
+    }, nodeData.name, " ", nodeData.pointsum ? "(".concat(nodeData.pointsum, ")") : ''), /*#__PURE__*/React.createElement(Popover, {
       placement: "topLeft",
       title: "\u4F4D\u7F6E\u6807\u7B7E",
       content: pointContent
-    }, /*#__PURE__*/React.createElement(Tag, {
-      color: "magenta"
-    }, "magenta"), /*#__PURE__*/React.createElement(Tag, {
-      color: "red"
-    }, "red"), /*#__PURE__*/React.createElement(Tag, {
-      color: "volcano"
-    }, "volcano"), /*#__PURE__*/React.createElement(Tag, {
-      color: "orange"
-    }, "orange"), /*#__PURE__*/React.createElement(Tag, {
-      color: "gold"
-    }, "gold"))))), /*#__PURE__*/React.createElement(Dropdown, {
+    }, pointContent)))), /*#__PURE__*/React.createElement(Dropdown, {
       disabled: !authority[1724922805],
       placement: 'bottomRight',
       menu: {
@@ -494,10 +489,11 @@ var pointMap = function pointMap(props) {
           key: '5',
           children: pointList.map(function (res) {
             return {
-              key: '3' + res.value,
+              key: '5' + res.value,
               label: (/*#__PURE__*/React.createElement(Checkbox, {
+                defaultChecked: pointIds.indexOf(res.value) != -1,
                 onChange: function onChange(e) {
-                  onChangeTag(e, 'key');
+                  onChangeTag(e, nodeData.id, res.value);
                 }
               }, res.label)),
               disabled: true
@@ -533,8 +529,24 @@ var pointMap = function pointMap(props) {
       type: "gengduocaozuo1"
     })));
   };
-  var onChangeTag = function onChangeTag(e, key) {
-    console.log(e, key, 'onChangeTag');
+  var onChangeTag = function onChangeTag(e, nodeId, value) {
+    labelRelation(e.target.checked, nodeId, value);
+  };
+  //绑定和解绑标签
+  var labelRelation = function labelRelation(checked, nodeId, tagId) {
+    request(checked ? apis.dict.addLabelRelation : apis.dict.delLabelRelation, {
+      method: 'post',
+      data: {
+        id: tagId,
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        labelType: 1,
+        eventId: nodeId
+      }
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        getPointTree();
+      }
+    });
   };
   var _useState37 = useState(false),
     _useState38 = _slicedToArray(_useState37, 2),
@@ -660,6 +672,7 @@ var pointMap = function pointMap(props) {
     }],
     onChange: function onChange(value) {
       setSearchType(value);
+      setValue(undefined);
     }
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
     value: value,
@@ -676,6 +689,7 @@ var pointMap = function pointMap(props) {
       value: 'id',
       label: 'name'
     },
+    allowClear: true,
     options: treeArr,
     popupClassName: "".concat(classPrefix, "-search-popup")
   })), /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-settings",
-  "version": "2.1.0-zhongyuan.5",
+  "version": "2.1.0-zhongyuan.6",
   "private": false,
   "module": "es/index.js",
   "typings": "es/index.d.ts",
@@ -67,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "15555af56920d4842b4bd5fc7c416585b975e9df",
+  "gitHead": "d683909a541176c20d6bc50e315559251fa362a3",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }