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

package/es/constants/api.d.ts

@@ -88,6 +88,7 @@ declare let apis: {
         exportFile: string;
         downloadTemple: string;
         allOpenStatus: string;
+        checkStatus: string;
     };
     clearRule: {
         getList: string;
@@ -95,11 +96,17 @@ declare let apis: {
         checkRule: string;
         getDetail: string;
         modifyRule: string;
-        checkStatis: string;
+        checkStatus: string;
         selectStatus: string;
         deleteRule: string;
         exportFile: string;
         allOpenStatus: string;
     };
+    dict: {
+        dictList: string;
+        eventTag: string;
+        addLabelRelation: string;
+        delLabelRelation: string;
+    };
 };
 export default apis;

package/es/constants/api.js

@@ -151,7 +151,8 @@ var apis = {
     downloadRule: '/zg/web/v2/verify/exportVerify',
     exportFile: '/zg/web/v2/verify/report/export',
     downloadTemple: '/zg/web/v2/verify/downloadMould',
-    allOpenStatus: '/zg/web/v2/verify/statusMain'
+    allOpenStatus: '/zg/web/v2/verify/statusMain',
+    checkStatus: '/zg/web/v2/verify/statusBefore'
   },
   clearRule: {
     getList: '/zg/web/v2/rinseShiftRule/queryRinseShiftRuleList',
@@ -159,11 +160,17 @@ var apis = {
     checkRule: '/zg/web/v2/rinseShiftRule/updateRinseShiftRuleCheck',
     getDetail: '/zg/web/v2/rinseShiftRule/detail',
     modifyRule: '/zg/web/v2/rinseShiftRule/updateRinseShiftRule',
-    checkStatis: '/zg/web/v2/rinseShiftRule/statusBefore',
+    checkStatus: '/zg/web/v2/rinseShiftRule/statusBefore',
     selectStatus: '/zg/web/v2/rinseShiftRule/status',
     deleteRule: '/zg/web/v2/rinseShiftRule/deleteRule',
     exportFile: '/zg/web/v2/rinseShiftRule/exportReport',
     allOpenStatus: '/zg/web/v2/rinseShiftRule/statusMain'
+  },
+  dict: {
+    dictList: '/zg/web/v2/systemSettings/attr/dict/list',
+    eventTag: '/zg/web/v2/eventLabel/list',
+    addLabelRelation: '/zg/web/v2/eventLabel/addLabelRelation',
+    delLabelRelation: '/zg/web/v2/eventLabel/delLabelRelation'
   }
 };
 export default apis;

package/es/modules/CutsModal.d.ts

@@ -145,3 +145,11 @@ export interface RuleDetailType {
         content: string;
     }[];
 }
+export interface DictData {
+    dictName: string;
+    id: number;
+}
+export interface DictList {
+    label: string;
+    value: string;
+}

package/es/modules/clearRule/addRule.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 { Drawer, Input, Button, Space, Form, Checkbox, Radio, message, Select, InputNumber, Tooltip } from 'antd';
+import { Drawer, Input, Button, Space, Form, Radio, message, Select, InputNumber, Tooltip } from 'antd';
 import { CloseOutlined } from '@ant-design/icons';
 import React, { useContext, useEffect, useState } from 'react';
 import { BizEventSelector, BizAttributeSelector, BizGlobalDataContext } from '@zgfe/business-lib';
@@ -48,24 +48,8 @@ var AddRule = function AddRule(_ref) {
   var onClose = function onClose() {
     setOpen(false);
     ruleForm.resetFields(); // 表单重置
-    // conditionRef!.current!.deleteAll(); // 重置固定筛选数组
     // 清空属性的所有值
-    setOptionsRule([{
-      ruleType: 1,
-      content: undefined
-    }, {
-      ruleType: 2,
-      content: undefined
-    }, {
-      ruleType: 3,
-      content: undefined
-    }, {
-      ruleType: 4,
-      content: undefined
-    }, {
-      ruleType: 5,
-      content: undefined
-    }]);
+    setOptionsRule([]);
     setBizAttributeSelectorValue(undefined); // 清空属性
     setEvent({
       id: -100,
@@ -89,7 +73,9 @@ var AddRule = function AddRule(_ref) {
           ObjectType: selectType === 'eventProp' ? 1 : 2,
           event: selectType === 'eventProp' ? event.id : undefined,
           attr: bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.id,
-          verifyDetail: currentRule.indexOf(5) > -1 ? [{
+          verifyDetail: optionsRule.findIndex(function (a) {
+            return a.ruleType == 5;
+          }) > -1 ? [{
             ruleType: 5
           }].concat(_toConsumableArray(optionsRule.filter(function (o) {
             return o.content;
@@ -97,7 +83,9 @@ var AddRule = function AddRule(_ref) {
             return o.content;
           }),
           status: ruleStatus == true ? 1 : 0,
-          ruleType: currentRule,
+          ruleType: optionsRule.map(function (o) {
+            return o.ruleType;
+          }),
           appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
           extraMes: JSON.stringify(bizAttributeSelectorValue)
         }
@@ -109,7 +97,7 @@ var AddRule = function AddRule(_ref) {
           // 刷新列表
           getList();
         } else {
-          message.error('修改规则失败！');
+          message.error(res.msg);
         }
       });
       return;
@@ -122,7 +110,9 @@ var AddRule = function AddRule(_ref) {
         ObjectType: selectType === 'eventProp' ? 1 : 2,
         event: selectType === 'eventProp' ? event.id : undefined,
         attr: bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.id,
-        verifyDetail: currentRule.indexOf(5) > -1 ? [{
+        verifyDetail: optionsRule.findIndex(function (a) {
+          return a.ruleType == 5;
+        }) > -1 ? [{
           ruleType: 5
         }].concat(_toConsumableArray(optionsRule.filter(function (o) {
           return o.content;
@@ -130,7 +120,9 @@ var AddRule = function AddRule(_ref) {
           return o.content;
         }),
         status: ruleStatus == true ? 1 : 0,
-        ruleType: currentRule,
+        ruleType: optionsRule.map(function (o) {
+          return o.ruleType;
+        }),
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
         extraMes: JSON.stringify(bizAttributeSelectorValue)
       }
@@ -142,7 +134,7 @@ var AddRule = function AddRule(_ref) {
         // 刷新列表
         getList();
       } else {
-        message.error('添加规则失败！');
+        message.error(res.msg);
       }
     });
   };
@@ -150,26 +142,11 @@ var AddRule = function AddRule(_ref) {
     ruleForm.submit();
   };
   /** 规则类型 */
-  var _useState5 = useState([{
-      ruleType: 1,
-      content: undefined
-    }, {
-      ruleType: 2,
-      content: undefined
-    }, {
-      ruleType: 3,
-      content: undefined
-    }, {
-      ruleType: 4,
-      content: undefined
-    }, {
-      ruleType: 5,
-      content: undefined
-    }]),
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
     optionsRule = _useState6[0],
     setOptionsRule = _useState6[1];
-  var options = [{
+  var initOptions = [{
     label: '属性类型',
     value: 1
   }, {
@@ -185,28 +162,34 @@ var AddRule = function AddRule(_ref) {
     label: '非空',
     value: 5
   }];
-  var _useState7 = useState([]),
+  var _useState7 = useState(initOptions),
     _useState8 = _slicedToArray(_useState7, 2),
-    currentRule = _useState8[0],
-    setCurrentRule = _useState8[1];
-  var onChangeType = function onChangeType(value) {
-    setCurrentRule(value);
-    // 再次点击清空数据
-    var newarr = optionsRule.map(function (o) {
-      // 先处理第一个map的逻辑
-      var baseItem = value.indexOf(o.ruleType) > -1 ? o : _objectSpread(_objectSpread({}, o), {}, {
-        content: undefined
-      });
-      // 再处理第二个map的逻辑
-      if (value.indexOf(1) > -1) {
-        return baseItem.ruleType === 1 ? {
-          ruleType: 1,
-          content: bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.type
-        } : baseItem;
-      }
-      return baseItem;
-    });
-    setOptionsRule(newarr);
+    options = _useState8[0],
+    setOptions = _useState8[1];
+  var onChangeType = function onChangeType(type) {
+    if (type === 3) {
+      setOptionsRule([].concat(_toConsumableArray(optionsRule), [{
+        ruleType: type,
+        content: '(1,1)'
+      }]));
+      return;
+    }
+    if (type === 1) {
+      setOptionsRule([].concat(_toConsumableArray(optionsRule), [{
+        ruleType: type,
+        content: bizAttributeSelectorValue.type
+      }]));
+      return;
+    }
+    setOptionsRule([].concat(_toConsumableArray(optionsRule), [{
+      ruleType: type,
+      content: undefined
+    }]));
+  };
+  var handleRuleDel = function handleRuleDel(index) {
+    setOptionsRule(optionsRule.filter(function (o, i) {
+      return i !== index;
+    }));
   };
   // 校验对象的类型 eventProp：事件校验    user：用户校验
   var _useState9 = useState(currentRuleDetail ? (currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.objectType) == 1 ? 'eventProp' : 'user' : 'eventProp'),
@@ -218,22 +201,7 @@ var AddRule = function AddRule(_ref) {
       return event.target.value;
     });
     // 清空属性的所有值
-    setOptionsRule([{
-      ruleType: 1,
-      content: undefined
-    }, {
-      ruleType: 2,
-      content: undefined
-    }, {
-      ruleType: 3,
-      content: undefined
-    }, {
-      ruleType: 4,
-      content: undefined
-    }, {
-      ruleType: 5,
-      content: undefined
-    }]);
+    setOptionsRule([]);
     setBizAttributeSelectorValue(undefined); // 清空属性
   };
   var _useState11 = useState(currentRuleDetail ? currentRuleDetail.objectType == 1 ? {
@@ -263,27 +231,23 @@ var AddRule = function AddRule(_ref) {
     if (attr === undefined) {
       // 删除细分属性
       setBizAttributeSelectorValue(undefined);
+      setOptions([].concat(initOptions));
     } else {
       var _value = attr.propCategory === 'eventProp' ? attr.id : attr.name;
-      setBizAttributeSelectorValue({
-        propCategory: attr.propCategory,
-        category: attr.category,
-        value: _value,
-        id: attr.id,
-        label: attr === null || attr === void 0 ? void 0 : attr.label,
-        name: attr === null || attr === void 0 ? void 0 : attr.name,
-        type: attr.type
-      });
+      setBizAttributeSelectorValue(_objectSpread(_objectSpread({}, attr), {}, {
+        value: _value
+      }));
       // 初始化属性基础类型
-      if (currentRule.includes(1)) {
-        var newArr = optionsRule;
-        newArr.map(function (o) {
-          if (o.ruleType == 1) {
-            o.content = attr.type;
-          }
-        });
-        setOptionsRule(newArr);
-      }
+      var newArr = optionsRule.map(function (o) {
+        if (o.ruleType == 1) {
+          o.content = attr.type;
+        }
+      });
+      setOptionsRule(newArr);
+      setOptions(attr.type != '3' ? [].concat(initOptions, [{
+        label: '字典校验',
+        value: 6
+      }]) : [].concat(initOptions));
     }
   };
   useEffect(function () {
@@ -293,10 +257,12 @@ var AddRule = function AddRule(_ref) {
         selectType: selectType,
         event: event,
         bizAttributeSelectorValue: bizAttributeSelectorValue,
-        currentRule: currentRule
+        currentRule: optionsRule.map(function (o) {
+          return o.ruleType;
+        })
       }
     });
-  }, [selectType, currentRule, event, bizAttributeSelectorValue]);
+  }, [selectType, optionsRule, event, bizAttributeSelectorValue]);
   /**
    * 修改时回显数据
    */
@@ -307,23 +273,11 @@ var AddRule = function AddRule(_ref) {
         description: currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.ruleDescription,
         status: (currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.status) == 1 ? true : false
       });
-      var newArr = optionsRule;
-      newArr.map(function (o) {
-        currentRuleDetail.verifyDetailVo.map(function (j) {
-          if (o.ruleType == j.ruleType) {
-            o.content = j.content;
-          }
-          // 这个为模拟的区间数据
-          if (o.ruleType == 3) {
-            o.content = '(4,8]';
-          }
-        });
-      });
-      var currentTypeArr = currentRuleDetail.verifyDetailVo.map(function (o) {
-        return o.ruleType;
-      });
-      setCurrentRule(currentTypeArr);
-      setOptionsRule(newArr);
+      setOptionsRule(currentRuleDetail.verifyDetailVo);
+      setOptions(currentRuleDetail.verifyDetailVo[0] && currentRuleDetail.verifyDetailVo[0].content != '3' ? [].concat(initOptions, [{
+        label: '字典校验',
+        value: 6
+      }]) : [].concat(initOptions));
     }
   }, []);
   return /*#__PURE__*/React.createElement("div", {
@@ -359,7 +313,7 @@ var AddRule = function AddRule(_ref) {
     initialValues: {
       name: '',
       desctiption: '',
-      ruleobj: []
+      ruleobj: {}
     },
     onFinish: onFinish,
     labelAlign: "left"
@@ -386,7 +340,7 @@ var AddRule = function AddRule(_ref) {
     name: "ruleobj",
     rules: [{
       required: true,
-      message: '请寻找校验对象'
+      message: '请选择校验对象'
     }]
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Group, {
     onChange: onSelectType,
@@ -395,7 +349,7 @@ var AddRule = function AddRule(_ref) {
     value: 'eventProp'
   }, "\u4E8B\u4EF6\u5C5E\u6027\u6821\u9A8C"), /*#__PURE__*/React.createElement(Radio, {
     value: 'user'
-  }, "\u7528\u6237\u5C5E\u6027\u6821\u9A8C")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
+  }, "\u89D2\u8272\u5C5E\u6027\u6821\u9A8C")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
     className: "selectVent"
   }, selectType == 'eventProp' && (/*#__PURE__*/React.createElement(BizEventSelector, {
     showAllEvent: true,
@@ -415,7 +369,7 @@ var AddRule = function AddRule(_ref) {
     enableEnvProp: true,
     eventIdList: [event === null || event === void 0 ? void 0 : event.id],
     value: bizAttributeSelectorValue,
-    enableDelete: true,
+    enableDelete: false,
     onChange: onChangeAttr,
     onDelete: function onDelete() {
       onChangeAttr(undefined);
@@ -423,22 +377,33 @@ var AddRule = function AddRule(_ref) {
     placeholder: "\u8BF7\u9009\u62E9\u7EC6\u5206\u5C5E\u6027"
   })), bizAttributeSelectorValue && (/*#__PURE__*/React.createElement("div", {
     className: "attrValue"
-  }, currentRule.length > 1 && /*#__PURE__*/React.createElement("span", {
+  }, optionsRule.length > 1 && /*#__PURE__*/React.createElement("span", {
     className: "attrValue-styleLine"
-  }, "\u4E14"), currentRule.map(function (o, index) {
+  }, "\u4E14"), optionsRule.map(function (o, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "attrValue-list"
     }, /*#__PURE__*/React.createElement("div", null, (bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.label) || bizAttributeSelectorValue.name), /*#__PURE__*/React.createElement(TypeComponent, {
-      type: o,
+      type: o.ruleType,
       optionsValue: optionsRule,
       editStatus: currentRuleDetail ? true : false
-    }));
-  }))), /*#__PURE__*/React.createElement(Checkbox.Group, {
-    options: options,
-    value: currentRule,
-    onChange: onChangeType
-  }))))));
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleRuleDel(index);
+      }
+    }, "X"));
+  }))), /*#__PURE__*/React.createElement(Space, null, options.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: index,
+      type: "primary",
+      onClick: function onClick() {
+        return onChangeType(item.value);
+      }
+    }, item.label);
+  })))))));
 };
 var optionsEnum = [];
 function parseRange(str) {
@@ -462,6 +427,8 @@ var TypeComponent = function TypeComponent(_ref2) {
     editStatus = _ref2.editStatus;
   // type:1 string    2:正则   3：数字区间 4：枚举
   var Component = null;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    currentApp = _useContext2.currentApp;
   // 枚举
   var _useState15 = useState([]),
     _useState16 = _slicedToArray(_useState15, 2),
@@ -490,12 +457,40 @@ var TypeComponent = function TypeComponent(_ref2) {
     _useState24 = _slicedToArray(_useState23, 2),
     includedMaxState = _useState24[0],
     setIncludedMaxState = _useState24[1];
+  //字典
+  var _useState25 = useState([]),
+    _useState26 = _slicedToArray(_useState25, 2),
+    dictList = _useState26[0],
+    setDictList = _useState26[1];
+  var getDictList = function getDictList() {
+    request(apis.dict.dictList, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        var _res$data;
+        setDictList((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.map(function (item) {
+          return {
+            label: item.dictName,
+            value: item.id + '',
+            id: item.id
+          };
+        }));
+      }
+    });
+  };
   // 只会执行一次 区间回显
   useEffect(function () {
     if (editStatus) {
-      if (optionsValue.filter(function (o) {
+      var _optionsValue$filter, _optionsValue$filter$;
+      console.log(optionsValue, 'optionsValue', optionsValue.filter(function (o) {
         return o.ruleType == 3;
-      })[0].content) {
+      }));
+      if ((_optionsValue$filter = optionsValue.filter(function (o) {
+        return o.ruleType == 3;
+      })) === null || _optionsValue$filter === void 0 ? void 0 : (_optionsValue$filter$ = _optionsValue$filter[0]) === null || _optionsValue$filter$ === void 0 ? void 0 : _optionsValue$filter$.content) {
         var qujian = optionsValue.filter(function (o) {
           return o.ruleType === 3 && o.content;
         });
@@ -503,9 +498,12 @@ var TypeComponent = function TypeComponent(_ref2) {
         setMinNum(val.firstNumber);
         setMaxNum(val.secondNumber);
         setIncludedMinState(val.leftSymbol == '(' ? false : true);
-        setIncludedMaxState(val.rightSymbol == '(' ? false : true);
+        setIncludedMaxState(val.rightSymbol == ')' ? false : true);
       }
     }
+    if (type == 6) {
+      getDictList();
+    }
   }, []);
   switch (type) {
     case 1:
@@ -519,7 +517,7 @@ var TypeComponent = function TypeComponent(_ref2) {
           label: '字符串类型'
         }, {
           value: 2,
-          label: '数字类型'
+          label: '数值类型'
         }, {
           value: 3,
           label: '日期类型'
@@ -548,8 +546,11 @@ var TypeComponent = function TypeComponent(_ref2) {
       Component = /*#__PURE__*/React.createElement("div", {
         className: "attrValue-list-right"
       }, /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u70B9\u51FB\u5207\u6362[\u5F00\u542F/\u5173\u95ED]\u533A\u95F4"
+        title: "\u70B9\u51FB\u5207\u6362[\u5F00/\u95ED]\u533A\u95F4"
       }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          cursor: 'pointer'
+        },
         onClick: function onClick() {
           setIncludedMinState(function (pre) {
             optionsValue.filter(function (r) {
@@ -579,8 +580,11 @@ var TypeComponent = function TypeComponent(_ref2) {
           })[0].content = "".concat(includedMinState ? '[' : '(').concat(minNum, ",").concat(value).concat(includedMaxState ? ']' : ')');
         }
       }), /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u70B9\u51FB\u5207\u6362[\u5F00\u542F/\u5173\u95ED]\u533A\u95F4"
+        title: "\u70B9\u51FB\u5207\u6362[\u5F00/\u95ED]\u533A\u95F4"
       }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          cursor: 'pointer'
+        },
         onClick: function onClick() {
           setIncludedMaxState(function (pre) {
             optionsValue.filter(function (r) {
@@ -605,6 +609,23 @@ var TypeComponent = function TypeComponent(_ref2) {
         options: optionsEnum
       });
       break;
+    case 6:
+      Component = /*#__PURE__*/React.createElement(Select
+      //  defaultValue={Number(optionsValue.filter((r) => r.ruleType == type)[0].content)}
+      , {
+        //  defaultValue={Number(optionsValue.filter((r) => r.ruleType == type)[0].content)}
+        value: optionsValue.filter(function (r) {
+          return r.ruleType == type;
+        })[0].content,
+        placeholder: "\u9009\u62E9\u5B57\u5178\u89C4\u5219",
+        options: dictList,
+        onChange: function onChange(value) {
+          optionsValue.filter(function (r) {
+            return r.ruleType == type;
+          })[0].content = value;
+        }
+      });
+      break;
     default:
       Component = /*#__PURE__*/React.createElement("div", null, "\u5FC5\u586B");
       break;

package/es/modules/clearRule/css/index.css

@@ -15,8 +15,8 @@
   height: 350px;
 }
 .clearRule-modal .ant-picker-dropdown {
-  left: 13px !important;
   top: 133px !important;
+  left: 13px !important;
 }
 .clearRule-content {
   display: flex;
@@ -67,6 +67,7 @@
 .addRuleForm .ant-checkbox-wrapper {
   position: relative;
   margin-right: 8px;
+  margin-bottom: 8px;
   padding: 4px 15px;
   color: #333;
   vertical-align: middle;
@@ -125,7 +126,7 @@
 .addRuleForm .attrValue-list {
   display: grid;
   grid-gap: 20px;
-  grid-template-columns: 80px 1fr;
+  grid-template-columns: 120px 1fr 50px;
   align-items: center;
   justify-content: space-between;
   margin: 20px 0px;

package/es/modules/clearRule/css/index.less

@@ -78,6 +78,7 @@
   .ant-checkbox-wrapper {
     position: relative;
     margin-right: 8px;
+    margin-bottom: 8px;
     padding: 4px 15px;
     color: #333;
     vertical-align: middle;
@@ -133,7 +134,7 @@
     &-list {
       display: grid;
       grid-gap: 20px;
-      grid-template-columns: 80px 1fr;
+      grid-template-columns: 120px 1fr 50px;
       align-items: center;
       justify-content: space-between;
       margin: 20px 0px;