@zgfe/modules-settings 1.2.51-zhongyuan.0 → 1.2.51-zhongyuan.5

package/es/modules/createDemand_bf/index.js

@@ -1,19 +1,19 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
 import { Input, Button,
 // Select,
@@ -388,7 +388,7 @@ var CreateDemand = function CreateDemand(props) {
     className: "".concat(classPrefix, "-info-item-txt")
   }, "\u9700\u6C42\u9644\u4EF6"), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content")
-  }, demandFile && demandFile.fileName ? /*#__PURE__*/React.createElement("div", {
+  }, demandFile && demandFile.fileName ? (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-row")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-yasuobao")
@@ -397,7 +397,7 @@ var CreateDemand = function CreateDemand(props) {
     onClick: function onClick() {
       downloadFile();
     }
-  }, demandFile.fileName), !isRead && /*#__PURE__*/React.createElement(IconFont, {
+  }, demandFile.fileName), !isRead && (/*#__PURE__*/React.createElement(IconFont, {
     type: "qingchu",
     style: {
       color: '#67727F'
@@ -405,7 +405,7 @@ var CreateDemand = function CreateDemand(props) {
     onClick: function onClick() {
       setDemandFile(void 0);
     }
-  })) : /*#__PURE__*/React.createElement("div", {
+  })))) : (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-row")
   }, /*#__PURE__*/React.createElement(Upload, _objectSpread(_objectSpread({}, uploadProps), {}, {
     disabled: isRead
@@ -415,7 +415,7 @@ var CreateDemand = function CreateDemand(props) {
     type: "tianjia1"
   }), "\u6DFB\u52A0\u6587\u4EF6")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-tip")
-  }, "\uFF08\u652F\u6301 ZIP\u3001RAR \u683C\u5F0F\u300110M\u4EE5\u5185\uFF09")))), /*#__PURE__*/React.createElement("div", {
+  }, "\uFF08\u652F\u6301 ZIP\u3001RAR \u683C\u5F0F\u300110M\u4EE5\u5185\uFF09"))))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-txt")
@@ -433,7 +433,7 @@ var CreateDemand = function CreateDemand(props) {
     onClick: function onClick() {
       setTabIndex(1);
     }
-  }, "\u7528\u6237\u5C5E\u6027")), tabIndex ? /*#__PURE__*/React.createElement("div", {
+  }, "\u7528\u6237\u5C5E\u6027")), tabIndex ? (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-filter")
   }, /*#__PURE__*/React.createElement(Input, {
     style: {
@@ -447,14 +447,14 @@ var CreateDemand = function CreateDemand(props) {
     onChange: function onChange(e) {
       return setAttrKey(e.target.value);
     }
-  }), !isRead && /*#__PURE__*/React.createElement(Button, {
+  }), !isRead && (/*#__PURE__*/React.createElement(Button, {
     shape: "round",
     className: "button",
     onClick: function onClick() {
       setIsEdit(true);
       props.setIsShowSelectList && props.setIsShowSelectList('2');
     }
-  }, "\u6DFB\u52A0\u7528\u6237\u5C5E\u6027")) : /*#__PURE__*/React.createElement("div", {
+  }, "\u6DFB\u52A0\u7528\u6237\u5C5E\u6027")))) : (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-info-item-content-filter")
   }, /*#__PURE__*/React.createElement(Input, {
     style: {
@@ -468,14 +468,14 @@ var CreateDemand = function CreateDemand(props) {
     onChange: function onChange(e) {
       return setEventKey(e.target.value);
     }
-  }), !isRead && /*#__PURE__*/React.createElement(Button, {
+  }), !isRead && (/*#__PURE__*/React.createElement(Button, {
     shape: "round",
     className: "button",
     onClick: function onClick() {
       setIsEdit(true);
       props.setIsShowSelectList && props.setIsShowSelectList('1');
     }
-  }, "\u6DFB\u52A0\u4E8B\u4EF6")), tabIndex ? /*#__PURE__*/React.createElement(Table, {
+  }, "\u6DFB\u52A0\u4E8B\u4EF6")))), tabIndex ? (/*#__PURE__*/React.createElement(Table, {
     style: {
       width: '100%',
       borderRadius: 8,
@@ -506,7 +506,7 @@ var CreateDemand = function CreateDemand(props) {
     }).filter(function (item) {
       return encryptionType < 0 || item.encryption_type === encryptionType;
     })
-  }) : /*#__PURE__*/React.createElement(Table, {
+  })) : (/*#__PURE__*/React.createElement(Table, {
     style: {
       width: '100%',
       borderRadius: 8,
@@ -532,28 +532,28 @@ var CreateDemand = function CreateDemand(props) {
     dataSource: ((pointInfo === null || pointInfo === void 0 ? void 0 : pointInfo.eventData) || ((_props$saveObj2 = props.saveObj) === null || _props$saveObj2 === void 0 ? void 0 : _props$saveObj2.selectEventList) || []).filter(function (item) {
       return new RegExp(_.escapeRegExp(eventKey), 'i').test((item.event_name || '') + (item.alias_name || ''));
     })
-  })))), /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-right")
-  }, nodeData.length ? /*#__PURE__*/React.createElement(ProcessCanvas, {
+  }, nodeData.length ? (/*#__PURE__*/React.createElement(ProcessCanvas, {
     data: nodeData,
     isRead: true,
     currentIndex: currentNodenumber ? !isHandle ? void 0 : currentNodenumber - 1 : void 0,
     defaultScale: window.innerWidth < 1300 ? 0.75 : 1
-  }) : /*#__PURE__*/React.createElement("div", {
+  })) : (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-right-end")
   }, /*#__PURE__*/React.createElement(Empty, {
     image: Empty.PRESENTED_IMAGE_SIMPLE,
     description: "\u6682\u65E0\u8282\u70B9"
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-right-title")
-  }, "\u8282\u70B9\u9884\u89C8"))), !isHandle && isRead ? null : /*#__PURE__*/React.createElement("div", {
+  }, "\u8282\u70B9\u9884\u89C8"))), !isHandle && isRead ? null : (/*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-footer")
   }, !isRead && /*#__PURE__*/React.createElement(Button, {
     onClick: onBack
-  }, "\u53D6\u6D88"), !isDemo && !isRead && /*#__PURE__*/React.createElement(Button, {
+  }, "\u53D6\u6D88"), !isDemo && !isRead && (/*#__PURE__*/React.createElement(Button, {
     type: 'primary',
     onClick: onCreate
-  }, "\u786E\u5B9A"), !isDemo && isRead && isHandle && authority[17228364473] && /*#__PURE__*/React.createElement(Button, {
+  }, "\u786E\u5B9A")), !isDemo && isRead && isHandle && authority[17228364473] && (/*#__PURE__*/React.createElement(Button, {
     danger: true,
     type: 'primary',
     onClick: function onClick() {
@@ -566,7 +566,7 @@ var CreateDemand = function CreateDemand(props) {
       fontSize: 16,
       lineHeight: '16px'
     }
-  }), "\u9A73\u56DE"), !isDemo && isRead && isHandle && authority[17228364473] && /*#__PURE__*/React.createElement(Button, {
+  }), "\u9A73\u56DE")), !isDemo && isRead && isHandle && authority[17228364473] && (/*#__PURE__*/React.createElement(Button, {
     type: 'primary',
     onClick: function onClick() {
       submitDemand(1);
@@ -578,7 +578,7 @@ var CreateDemand = function CreateDemand(props) {
       fontSize: 16,
       lineHeight: '16px'
     }
-  }), "\u540C\u610F")), /*#__PURE__*/React.createElement(Drawer, {
+  }), "\u540C\u610F")))), /*#__PURE__*/React.createElement(Drawer, {
     className: "".concat(classPrefix, "-drawer"),
     width: '70%',
     title: /*#__PURE__*/React.createElement("div", null, "\u67E5\u770B\u4E8B\u4EF6\u5C5E\u6027"),
@@ -592,13 +592,13 @@ var CreateDemand = function CreateDemand(props) {
     data: (eventProp || []).filter(function (item) {
       return item.attr_id != 31415926;
     })
-  })), isShowBackConfirm ? /*#__PURE__*/React.createElement(BackConfirm, {
+  })), isShowBackConfirm ? (/*#__PURE__*/React.createElement(BackConfirm, {
     onOk: function onOk() {
       props.onBack && props.onBack();
     },
     onCancel: function onCancel() {
       setIsShowBackConfirm(false);
     }
-  }) : null);
+  })) : null);
 };
 export default CreateDemand;

package/es/modules/createDemand_bf/styles/index.less

@@ -1,222 +1,222 @@
-.system-setting-create-demand {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: 0 16px 16px;
-  background: #fafafb;
-  &-row {
-    display: flex;
-    flex: 1;
-    flex-direction: row;
-    overflow-y: auto;
-  }
-  &-right {
-    position: relative;
-    display: flex;
-    flex: 288;
-    overflow: hidden;
-    background: #f2f3f4;
-    border: 1px solid #e6e7ea;
-    border-bottom: 0;
-    border-top-right-radius: 8px;
-    // border-bottom-right-radius: 8px;
-    .setting-graph-panel {
-      right: 14px;
-      left: auto;
-      transform: none;
-    }
-    &-end {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-    }
-    &-title {
-      position: absolute;
-      top: 16px;
-      left: 16px;
-      color: var(--io-N-, #021429);
-      font-weight: 400;
-      font-size: 14px;
-      font-family: 'PingFang SC';
-      font-style: normal;
-      line-height: 22px; /* 157.143% */
-      text-align: right;
-    }
-  }
-  &-header {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    align-items: center;
-    padding: 12px 0;
-    color: var(--io-N6-, #67727f);
-    font-weight: 400;
-    font-size: 14px;
-    &-back {
-      cursor: pointer;
-    }
-  }
-  &-footer {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    padding: 18px 24px;
-    background: #fff;
-    border-top: 1px solid var(--io-N1-, #e6e7ea);
-    border-bottom-right-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
-  &-info {
-    display: flex;
-    flex: 912;
-    flex-direction: column;
-    gap: 24px;
-    align-items: flex-start;
-    padding: 24px 24px 24px 24px;
-    overflow: hidden;
-    overflow-y: auto;
-    background: #fff;
-    border-top-left-radius: 8px;
-    // border-bottom-left-radius: 8px;
-    &-item {
-      display: flex;
-      flex-direction: row;
-      // align-items: center;
-      gap: 12px;
-      width: 100%;
-      &-yasuobao {
-        width: 24px;
-        height: 24px;
-        background: url('./../images/yasuobao.png') no-repeat;
-        background-size: contain;
-        &-txt:hover {
-          text-decoration: underline;
-        }
-      }
-      &-txt {
-        width: 96px;
-        margin-top: 6px;
-        color: var(----3, #5f6085);
-        font-weight: 400;
-        font-size: 14px;
-        text-align: right;
-        span {
-          margin-right: 4px;
-          color: var(--io-Error-E-, #fb5547);
-          font-weight: 400;
-          font-size: 14px;
-        }
-      }
-      &-content {
-        position: relative;
-        flex: 1;
-        width: calc(100% - 108px);
-        input,
-        textarea {
-          border-color: #fafafb;
-        }
-        &-input-num {
-          position: absolute;
-          right: 12px;
-          bottom: 6px;
-          color: var(--io-N4-, #9aa1a9);
-          font-weight: 400;
-          font-size: 14px;
-        }
-        &-picker {
-          width: 100%;
-          background-color: #fafafb;
-        }
-        .ant-upload-disabled .system-setting-create-demand-info-item-content-btn {
-          color: #ccd0d4;
-        }
-        &-btn {
-          display: flex;
-          gap: 8px;
-          align-items: center;
-          height: 32px;
-          padding: 10px 16px;
-          color: var(--io-N-, #021429);
-          font-weight: 400;
-          font-size: 14px;
-          font-family: 'PingFang SC';
-          font-style: normal;
-          line-height: normal;
-          background: var(--io-n-05, #f2f3f4);
-          border: 1px dashed var(--io-N1-, #e6e7ea);
-          border-radius: 4px;
-        }
-        &-tip {
-          color: var(--io-N4-, #9aa1a9);
-          font-weight: 400;
-          font-size: 14px;
-          font-family: 'PingFang SC';
-          font-style: normal;
-          line-height: normal;
-        }
-        &-row {
-          display: flex;
-          flex-direction: row;
-          gap: 12px;
-          align-items: center;
-          height: 34px;
-          .qingchu {
-            font-size: 16px;
-            cursor: pointer;
-          }
-          .icon-yasuobao {
-            font-size: 24px;
-          }
-        }
-        &-tab {
-          display: flex;
-          flex: 1 0 0;
-          gap: 24px;
-          align-items: flex-start;
-          padding: 12px 24px 0px 24px;
-          background: var(--io-n-02, #fafafb);
-          border-bottom: 1px solid var(--io-N1-, #e6e7ea);
-          &-item {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            padding-bottom: 10px;
-            color: #021429;
-            font-size: 16px;
-            line-height: 20px; /* 125% */
-            border-bottom: 2px solid transparent;
-            cursor: pointer;
-          }
-          &-item-select {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            padding-bottom: 10px;
-            color: #165dff;
-            font-size: 16px;
-            line-height: 20px; /* 125% */
-            border-bottom: 2px solid #165dff;
-            cursor: pointer;
-          }
-        }
-        &-filter {
-          display: flex;
-          flex-direction: row;
-          gap: 16px;
-          padding: 16px 0;
-          .button:not(.disabled) {
-            color: #1454e5;
-            border: 1px solid #1454e5;
-          }
-        }
-      }
-    }
-  }
-  &-drawer {
-    .ant-drawer-header-title .ant-drawer-close {
-      position: absolute;
-      right: 6px;
-    }
-  }
-}
+.system-setting-create-demand {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 0 16px 16px;
+  background: #fafafb;
+  &-row {
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    overflow-y: auto;
+  }
+  &-right {
+    position: relative;
+    display: flex;
+    flex: 288;
+    overflow: hidden;
+    background: #f2f3f4;
+    border: 1px solid #e6e7ea;
+    border-bottom: 0;
+    border-top-right-radius: 8px;
+    // border-bottom-right-radius: 8px;
+    .setting-graph-panel {
+      right: 14px;
+      left: auto;
+      transform: none;
+    }
+    &-end {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+    }
+    &-title {
+      position: absolute;
+      top: 16px;
+      left: 16px;
+      color: var(--io-N-, #021429);
+      font-weight: 400;
+      font-size: 14px;
+      font-family: 'PingFang SC';
+      font-style: normal;
+      line-height: 22px; /* 157.143% */
+      text-align: right;
+    }
+  }
+  &-header {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    align-items: center;
+    padding: 12px 0;
+    color: var(--io-N6-, #67727f);
+    font-weight: 400;
+    font-size: 14px;
+    &-back {
+      cursor: pointer;
+    }
+  }
+  &-footer {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding: 18px 24px;
+    background: #fff;
+    border-top: 1px solid var(--io-N1-, #e6e7ea);
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+  &-info {
+    display: flex;
+    flex: 912;
+    flex-direction: column;
+    gap: 24px;
+    align-items: flex-start;
+    padding: 24px 24px 24px 24px;
+    overflow: hidden;
+    overflow-y: auto;
+    background: #fff;
+    border-top-left-radius: 8px;
+    // border-bottom-left-radius: 8px;
+    &-item {
+      display: flex;
+      flex-direction: row;
+      // align-items: center;
+      gap: 12px;
+      width: 100%;
+      &-yasuobao {
+        width: 24px;
+        height: 24px;
+        background: url('./../images/yasuobao.png') no-repeat;
+        background-size: contain;
+        &-txt:hover {
+          text-decoration: underline;
+        }
+      }
+      &-txt {
+        width: 96px;
+        margin-top: 6px;
+        color: var(----3, #5f6085);
+        font-weight: 400;
+        font-size: 14px;
+        text-align: right;
+        span {
+          margin-right: 4px;
+          color: var(--io-Error-E-, #fb5547);
+          font-weight: 400;
+          font-size: 14px;
+        }
+      }
+      &-content {
+        position: relative;
+        flex: 1;
+        width: calc(100% - 108px);
+        input,
+        textarea {
+          border-color: #fafafb;
+        }
+        &-input-num {
+          position: absolute;
+          right: 12px;
+          bottom: 6px;
+          color: var(--io-N4-, #9aa1a9);
+          font-weight: 400;
+          font-size: 14px;
+        }
+        &-picker {
+          width: 100%;
+          background-color: #fafafb;
+        }
+        .ant-upload-disabled .system-setting-create-demand-info-item-content-btn {
+          color: #ccd0d4;
+        }
+        &-btn {
+          display: flex;
+          gap: 8px;
+          align-items: center;
+          height: 32px;
+          padding: 10px 16px;
+          color: var(--io-N-, #021429);
+          font-weight: 400;
+          font-size: 14px;
+          font-family: 'PingFang SC';
+          font-style: normal;
+          line-height: normal;
+          background: var(--io-n-05, #f2f3f4);
+          border: 1px dashed var(--io-N1-, #e6e7ea);
+          border-radius: 4px;
+        }
+        &-tip {
+          color: var(--io-N4-, #9aa1a9);
+          font-weight: 400;
+          font-size: 14px;
+          font-family: 'PingFang SC';
+          font-style: normal;
+          line-height: normal;
+        }
+        &-row {
+          display: flex;
+          flex-direction: row;
+          gap: 12px;
+          align-items: center;
+          height: 34px;
+          .qingchu {
+            font-size: 16px;
+            cursor: pointer;
+          }
+          .icon-yasuobao {
+            font-size: 24px;
+          }
+        }
+        &-tab {
+          display: flex;
+          flex: 1 0 0;
+          gap: 24px;
+          align-items: flex-start;
+          padding: 12px 24px 0px 24px;
+          background: var(--io-n-02, #fafafb);
+          border-bottom: 1px solid var(--io-N1-, #e6e7ea);
+          &-item {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding-bottom: 10px;
+            color: #021429;
+            font-size: 16px;
+            line-height: 20px; /* 125% */
+            border-bottom: 2px solid transparent;
+            cursor: pointer;
+          }
+          &-item-select {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding-bottom: 10px;
+            color: #165dff;
+            font-size: 16px;
+            line-height: 20px; /* 125% */
+            border-bottom: 2px solid #165dff;
+            cursor: pointer;
+          }
+        }
+        &-filter {
+          display: flex;
+          flex-direction: row;
+          gap: 16px;
+          padding: 16px 0;
+          .button:not(.disabled) {
+            color: #1454e5;
+            border: 1px solid #1454e5;
+          }
+        }
+      }
+    }
+  }
+  &-drawer {
+    .ant-drawer-header-title .ant-drawer-close {
+      position: absolute;
+      right: 6px;
+    }
+  }
+}