kmkf-work-order-service-component 0.4.0-alpha.1 → 0.4.0-alpha.11

package/dist/esm/FormRender/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormProps } from 'antd';
 import 'moment/locale/zh-cn';
 import './index.less';
 interface Option {
@@ -8,7 +9,7 @@ interface Option {
 }
 declare type FormRenderProps = {
     shopList: any[];
-    shopId: string;
+    shopId?: string;
     record?: any;
     look?: boolean;
     templateId?: string[];
@@ -17,6 +18,7 @@ declare type FormRenderProps = {
     buyerNick?: string;
     platform?: string;
     templateList?: Option[];
+    formProps?: FormProps;
     onTemplateChange?: (p: string) => any;
     onFormSubmitSuccess?: <T>(p: T) => void;
 };

package/dist/esm/FormRender/index.js

@@ -38,11 +38,47 @@ import zhCN from 'antd/es/locale/zh_CN';
 import { get, find, some, set, last } from 'lodash';
 import 'moment/locale/zh-cn';
 import { calcWorkOrderList, submitDataTransOldFormat, orderBack, getReplaceWarnValues, COMPONENT_MAP_NAME } from "../common/utils/tools";
+import express from "../common/utils/express";
+import formatAddrData from "../common/utils/formatAddrData";
 import { queryTemplateDetail, addWorkOrder, queryWorkOrderDetail, updateWorkOrder, replaceCheck } from "../model/servers/api";
+import { getPlatList } from "../model/customizeWorkOrder/api";
 import { factory } from "../WorkOrder/components/Widget";
+import ShopList from "../ShopList";
 import "./index.less";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+var ShopName = function ShopName(_ref) {
+  var shopList = _ref.shopList,
+      platIconList = _ref.platIconList,
+      workOrderId = _ref.workOrderId,
+      look = _ref.look,
+      handleChangeShopId = _ref.handleChangeShopId;
+  return /*#__PURE__*/_jsx("div", {
+    className: "form-item--wrap",
+    style: {
+      position: 'relative'
+    },
+    children: /*#__PURE__*/_jsx(Form.Item, {
+      name: "shopId",
+      label: "\u5E97\u94FA\u540D\u79F0",
+      className: "form-item-label--index",
+      rules: [{
+        required: true,
+        message: '请选择店铺名称'
+      }],
+      children: /*#__PURE__*/_jsx(ShopList, {
+        shopList: shopList,
+        platIconList: platIconList,
+        disabled: !!workOrderId || look,
+        setShopId: handleChangeShopId,
+        placeholder: "\u8BF7\u9009\u62E9\u5E97\u94FA\u540D\u79F0",
+        showSearch: true,
+        optionFilterProp: "label"
+      })
+    })
+  }, 'shopId');
+};
 
 var FormRender = function FormRender(props, ref) {
   var shopList = props.shopList,
@@ -56,7 +92,9 @@ var FormRender = function FormRender(props, ref) {
       record = props.record,
       templateList = props.templateList,
       onFormSubmitSuccess = props.onFormSubmitSuccess,
-      onTemplateChange = props.onTemplateChange;
+      onTemplateChange = props.onTemplateChange,
+      _props$formProps = props.formProps,
+      formProps = _props$formProps === void 0 ? {} : _props$formProps;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -86,6 +124,30 @@ var FormRender = function FormRender(props, ref) {
       setReplaceValue = _useState10[1]; //字段重复校验
 
 
+  var _useState11 = useState(currentShopId),
+      _useState12 = _slicedToArray(_useState11, 2),
+      shopId = _useState12[0],
+      setShopId = _useState12[1];
+
+  var _useState13 = useState([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      platIcon = _useState14[0],
+      setPlatIcon = _useState14[1];
+
+  useEffect(function () {
+    express.initData();
+    formatAddrData.initData();
+  }, []);
+  useEffect(function () {
+    setShopId(currentShopId);
+
+    if (!currentShopId) {
+      getPlatList().then(function (list) {
+        return setPlatIcon(list);
+      });
+    }
+  }, [currentShopId]);
+
   var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -115,7 +177,7 @@ var FormRender = function FormRender(props, ref) {
   };
 
   var asyncDoSave = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(workOrderDetail, templateDetail) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(workOrderDetail, templateDetail) {
       var data, res, params, submitData, _yield$updateWorkOrde, success, result, platformMap, _params, hasEnterPrisePayment, getEnterPrisePaymentData, uniqueKey, componentConfig, _yield$addWorkOrder, _success, _result;
 
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -123,36 +185,35 @@ var FormRender = function FormRender(props, ref) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              debugger;
-              _context.next = 4;
+              _context.next = 3;
               return form.validateFields();
 
-            case 4:
+            case 3:
               data = _context.sent;
               console.debug('表单内容', data);
               console.debug('templateDetail内容', templateDetail);
               res = verifyHandle(data, templateDetail);
 
               if (res.success) {
-                _context.next = 11;
+                _context.next = 10;
                 break;
               }
 
               message.error(res.message);
               return _context.abrupt("return");
 
-            case 11:
+            case 10:
               if (!workOrderId) {
-                _context.next = 23;
+                _context.next = 22;
                 break;
               }
 
               params = {
                 apiName: 'updateWorkOrder',
-                shopId: currentShopId,
+                shopId: shopId,
                 uniqueKey: last(templateIdState),
                 accessToken: get(find(shopList, function (s) {
-                  return s.shopId === currentShopId;
+                  return s.shopId === shopId;
                 }), 'accessToken', ''),
                 workOrderUpdateKeyVos: {
                   workOrderId: workOrderId,
@@ -163,10 +224,10 @@ var FormRender = function FormRender(props, ref) {
               params.workOrderUpdateKeyVos.workOrderUpdateKeySupVos = submitData.reduce(function (nex, cur) {
                 return nex.concat(cur === null || cur === void 0 ? void 0 : cur.contentVoList);
               }, []);
-              _context.next = 17;
+              _context.next = 16;
               return updateWorkOrder(params);
 
-            case 17:
+            case 16:
               _yield$updateWorkOrde = _context.sent;
               success = _yield$updateWorkOrde.success;
               result = _yield$updateWorkOrde.data;
@@ -180,25 +241,26 @@ var FormRender = function FormRender(props, ref) {
                 });
               }
 
-              _context.next = 36;
+              _context.next = 35;
               break;
 
-            case 23:
+            case 22:
               platformMap = {
                 tb: '淘宝',
                 fxg: '抖音',
                 ks: '快手',
                 pdd: '拼多多',
                 jd: '京东',
-                xiaozhi: '小智'
+                xiaozhi: '小智',
+                pc: 'PC'
               };
               _params = {
                 apiName: 'addWorkOrder',
-                shopId: currentShopId,
+                shopId: shopId,
                 uniqueKey: last(templateIdState),
                 workOrderComponentVos: [],
                 accessToken: get(find(shopList, function (s) {
-                  return s.shopId === currentShopId;
+                  return s.shopId === shopId;
                 }), 'accessToken', ''),
                 source: get(platformMap, "".concat(platform), '工单通')
               };
@@ -227,10 +289,10 @@ var FormRender = function FormRender(props, ref) {
               }
 
               console.debug('增加数据参数', _params);
-              _context.next = 32;
+              _context.next = 31;
               return addWorkOrder(_params);
 
-            case 32:
+            case 31:
               _yield$addWorkOrder = _context.sent;
               _success = _yield$addWorkOrder.success;
               _result = _yield$addWorkOrder.data;
@@ -243,13 +305,13 @@ var FormRender = function FormRender(props, ref) {
                 });
               }
 
-            case 36:
+            case 35:
               console.groupEnd();
-              _context.next = 42;
+              _context.next = 41;
               break;
 
-            case 39:
-              _context.prev = 39;
+            case 38:
+              _context.prev = 38;
               _context.t0 = _context["catch"](0);
 
               // 表单校验失败错误时，将错误第一项滚动到可视区域
@@ -265,27 +327,27 @@ var FormRender = function FormRender(props, ref) {
                 }, 0);
               }
 
-            case 42:
+            case 41:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 39]]);
+      }, _callee, null, [[0, 38]]);
     }));
 
     return function asyncDoSave(_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
   var handleSubmit = useCallback(function () {
     return asyncDoSave(workOrderDetail, templateDetail);
-  }, [workOrderDetail, templateDetail]);
+  }, [workOrderDetail, templateDetail, shopId, workOrderId, templateIdState]);
   useImperativeHandle(ref, function () {
     return {
       save: handleSubmit
     };
-  }, [workOrderDetail, templateDetail]); //带*参数提示清空
+  }, [handleSubmit]); //带*参数提示清空
 
   var filterStarValues = function filterStarValues() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -304,7 +366,7 @@ var FormRender = function FormRender(props, ref) {
 
 
   var queryReplaceCount = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(componentValue) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(componentValue) {
       var needCheckComponentList, params, _yield$replaceCheck, resultList, resultParams;
 
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -355,7 +417,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function queryReplaceCount(_x3) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(); //自动返填重复校验
 
@@ -387,14 +449,14 @@ var FormRender = function FormRender(props, ref) {
   };
 
   var queryDetail = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4) {
       var templateId, workOrderId, shopId, shopList, record, orderNo, buyerId, buyerNick, _workOrderDetail2, _workOrderDetail2$dat, _workOrderDetail2$dat2, _workOrderDetail, _templateDetail, _workOrderDetail3, _templateDetail$data, transData, _templateDetail$data2, _templateDetail$data3, jsonMap, _transData, antFormEl;
 
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              templateId = _ref3.templateId, workOrderId = _ref3.workOrderId, shopId = _ref3.shopId, shopList = _ref3.shopList, record = _ref3.record, orderNo = _ref3.orderNo, buyerId = _ref3.buyerId, buyerNick = _ref3.buyerNick;
+              templateId = _ref4.templateId, workOrderId = _ref4.workOrderId, shopId = _ref4.shopId, shopList = _ref4.shopList, record = _ref4.record, orderNo = _ref4.orderNo, buyerId = _ref4.buyerId, buyerNick = _ref4.buyerNick;
               form.resetFields();
               _context3.prev = 2;
               setLoading(true);
@@ -494,7 +556,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function queryDetail(_x4) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -503,14 +565,14 @@ var FormRender = function FormRender(props, ref) {
     queryDetail({
       templateId: last(templateIdState),
       workOrderId: workOrderId,
-      shopId: currentShopId,
+      shopId: shopId,
       shopList: shopList,
       record: record,
       orderNo: orderNo,
       buyerId: buyerId,
       buyerNick: buyerNick
     });
-  }, [templateIdState, workOrderId, currentShopId]); //订单返填
+  }, [templateIdState, workOrderId]); //订单返填
 
   var changeHandle = function changeHandle(order_no) {
     if (!order_no) return;
@@ -523,7 +585,7 @@ var FormRender = function FormRender(props, ref) {
       orderBack({
         order_no: order_no,
         form: form,
-        shopId: currentShopId,
+        shopId: shopId,
         shopList: shopList,
         templateDetail: templateDetail,
         type: !!workOrderId ? 'edit' : 'add',
@@ -534,7 +596,7 @@ var FormRender = function FormRender(props, ref) {
 
 
   var componentOnBlur = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value, type) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value, type) {
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
@@ -565,16 +627,13 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function componentOnBlur(_x5, _x6) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(); // 切换店铺
 
 
   var newRenderColumnItem = function newRenderColumnItem(effects) {
-    return function (item, formItemIndex) {
-      // 录入工单表头的序号，默认算入了店铺名称的行，所以之后的序列+2
-      formItemIndex += 2;
-
+    return function (item) {
       if (look) {
         item.componentConfig = _objectSpread(_objectSpread({}, item.componentConfig), {}, {
           disabled: true
@@ -585,11 +644,9 @@ var FormRender = function FormRender(props, ref) {
         id: item.uniqueKey,
         name: item.name,
         componentConfig: item.componentConfig,
-        effects: effects,
-        formItemIndex: formItemIndex
+        effects: effects
       });
       return instance.editRender({
-        formItemIndex: formItemIndex,
         onBlur: componentOnBlur
       });
     };
@@ -599,13 +656,18 @@ var FormRender = function FormRender(props, ref) {
     var otherItems = get(templateDetail, 'componentDtoList', []).map(newRenderColumnItem({
       form: form,
       shopList: shopList,
-      shopId: currentShopId,
+      shopId: shopId,
       isEditing: !!workOrderId,
       workOrderDetail: workOrderDetail,
       templateDetail: templateDetail
     }));
-    return _toConsumableArray(otherItems);
-  }, [templateDetail, shopList, currentShopId, workOrderDetail]);
+
+    if (!currentShopId) {
+      return [ShopName].concat(_toConsumableArray(otherItems));
+    }
+
+    return otherItems;
+  }, [templateDetail, shopList, shopId, workOrderDetail, currentShopId]);
   return /*#__PURE__*/_jsx(Spin, {
     spinning: loading,
     children: /*#__PURE__*/_jsxs(ConfigProvider, {
@@ -617,15 +679,9 @@ var FormRender = function FormRender(props, ref) {
             children: ["\u63D0\u793A\uFF1A\u8BE5", COMPONENT_MAP_NAME[key], "\u9488\u5BF9\u6B64\u6A21\u677F\u5DF2\u521B\u5EFA\u8FC7", replaceValue[key], "\u6761\u5DE5\u5355\uFF01"]
           });
         })
-      }), /*#__PURE__*/_jsxs(Form, {
-        form: form,
-        labelCol: {
-          span: 6
-        },
-        wrapperCol: {
-          span: 18
-        },
-        className: "customizeFormModalClassName",
+      }), /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({
+        form: form
+      }, formProps), {}, {
         children: [!templateId && /*#__PURE__*/_jsx(Form.Item, {
           label: "\u6A21\u677F\u540D\u79F0",
           required: true,
@@ -637,8 +693,14 @@ var FormRender = function FormRender(props, ref) {
             onChange: handleChangeTemplateId,
             allowClear: false
           })
+        }), !currentShopId && /*#__PURE__*/_jsx(ShopName, {
+          shopList: shopList,
+          platIconList: platIcon,
+          workOrderId: workOrderId,
+          look: look,
+          handleChangeShopId: setShopId
         }), finalFormItems]
-      })]
+      }))]
     })
   });
 };

package/dist/esm/FormRender/index.less

@@ -34,6 +34,12 @@
 }
 
 .customizeFormModalClassName {
+  :global(.ant-cascader-menu-item-content) {
+    max-width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
   :global(.goods-uploaded-state) {
     margin: 6px 0 5px 0;
     padding-left: 7px;

package/dist/esm/ShopList/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare type Shop = {
+    auditStatus: number;
+    shopId: string;
+    shopName: string;
+    shopSource: string | number;
+};
+declare type ShopListProps = {
+    shopList: Shop[];
+    platIconList: {
+        alreadyJoin: boolean;
+        img: string;
+        platformType: number;
+    }[];
+    disabled?: boolean;
+    [prop: string]: any;
+};
+declare const ShopList: ({ shopList, platIconList, disabled, onChange, setShopId, ...prop }: ShopListProps) => JSX.Element;
+export default ShopList;

package/dist/esm/ShopList/index.js

@@ -0,0 +1,88 @@
+var _excluded = ["platIcon", "shopId", "styles"],
+    _excluded2 = ["shopList", "platIconList", "disabled", "onChange", "setShopId"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Select } from 'antd';
+import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+var PlatformAvatar = function PlatformAvatar(props) {
+  var platIcon = props.platIcon,
+      shopId = props.shopId,
+      styles = props.styles,
+      other = _objectWithoutProperties(props, _excluded);
+
+  if (platIcon[shopId]) {
+    return /*#__PURE__*/_jsx("img", _objectSpread({
+      alt: "",
+      src: platIcon[shopId],
+      style: _objectSpread({
+        width: '20px',
+        height: '20px',
+        objectFit: 'contain'
+      }, styles)
+    }, other));
+  }
+
+  return null;
+};
+
+var ShopList = function ShopList(_ref) {
+  var shopList = _ref.shopList,
+      platIconList = _ref.platIconList,
+      disabled = _ref.disabled,
+      onChange = _ref.onChange,
+      setShopId = _ref.setShopId,
+      prop = _objectWithoutProperties(_ref, _excluded2);
+
+  var handleChange = function handleChange(val) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    setShopId === null || setShopId === void 0 ? void 0 : setShopId(val);
+  };
+
+  var platIcon = useMemo(function () {
+    var iconParams = {};
+    (shopList || []).forEach(function (item) {
+      var plat = platIconList.find(function (t) {
+        return +t.platformType === +item.shopSource;
+      });
+      plat && (iconParams[item.shopId] = plat.img);
+    });
+    return iconParams;
+  }, [shopList, platIconList]);
+  return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+    disabled: disabled,
+    onChange: handleChange
+  }, prop), {}, {
+    children: shopList.filter(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.auditStatus) === 1;
+    }).map(function (item) {
+      var shopId = item.shopId;
+      return /*#__PURE__*/_jsxs(Select.Option, {
+        value: item.shopId,
+        label: item.shopName,
+        children: [/*#__PURE__*/_jsx(PlatformAvatar, {
+          shopId: shopId,
+          styles: {
+            marginRight: 5
+          },
+          platIcon: platIcon
+        }), /*#__PURE__*/_jsx("span", {
+          children: item.shopName
+        })]
+      });
+    })
+  }));
+};
+
+export default ShopList;

package/dist/esm/WorkOrder/components/CustomizeWorkOrderList/index.js

@@ -176,8 +176,7 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref3) {
       pagination = tableProps.pagination,
       _onChange = tableProps.onChange;
   useEffect(function () {
-    // 当total有值以后将不在执行,以便从后面切换到第一页时闪动
-    if (pagination.current === 1 && total === 0) {
+    if (pagination.current === 1) {
       setTotal(pagination.total);
     }
   }, [pagination, total]);
@@ -357,7 +356,7 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref3) {
         width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
       }), /*#__PURE__*/_jsx(Drawer, {
         closeIcon: /*#__PURE__*/_jsx(LeftOutlined, {}),
-        title: title,
+        title: (record === null || record === void 0 ? void 0 : record.templateName) || title,
         width: platform === PlatForm.XIAOZHI ? '100%' : '90%',
         open: formRenderVisible,
         onClose: handleCloseFormModal,
@@ -393,6 +392,15 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref3) {
           onTemplateChange: function onTemplateChange(title) {
             return setTitle(title);
           },
+          formProps: {
+            labelCol: {
+              span: 6
+            },
+            wrapperCol: {
+              span: 18
+            },
+            className: 'customizeFormModalClassName'
+          },
           onFormSubmitSuccess: function onFormSubmitSuccess(val) {
             submit();
             handleCloseFormModal();

package/dist/esm/WorkOrder/components/CustomizeWorkOrderList/index.less

@@ -178,3 +178,86 @@
     text-overflow: ellipsis;
   }
 }
+
+.customizeFormModalClassName {
+  :global(.goods-uploaded-state) {
+    margin: 6px 0 5px 0;
+    padding-left: 7px;
+    font-size: 12px;
+  }
+
+  :global(.ant-picker) {
+    width: 100%;
+
+    box-shadow: none;
+    // background: #f2f3f5;
+    // border: none;
+
+    input {
+      &::placeholder {
+        color: #86909c;
+      }
+    }
+
+    &:hover {
+      border-color: #4583ff;
+    }
+  }
+
+  :global(.ant-radio-inner) {
+    background-color: #fff;
+  }
+
+  :global(.ant-select) {
+    width: 100% !important;
+
+    .ant-select-selector {
+      background: #f2f3f5 !important;
+    }
+  }
+
+  :global(.ant-form-item) {
+    margin-bottom: 8px;
+  }
+
+  :global(.ant-form-item .ant-form-item-label) {
+    padding: 0px;
+  }
+
+  :global(.ant-form-item-label) {
+    position: relative;
+    max-width: 100px;
+    overflow: initial;
+    color: rgba(0, 0, 0, 0.55);
+    font-size: 14px;
+    white-space: normal;
+    text-align: left;
+  }
+
+  :global(.form-item-label--index .ant-form-item-label label) {
+    text-align: left;
+  }
+
+  :global(.label-title--index) {
+    position: absolute;
+    color: #86909c;
+    font-family: 'PingFangSC-Semibold';
+  }
+
+  :global(.goods-title) {
+    color: #4e5969;
+    font-size: 12px;
+  }
+
+  :global(div.ant-form-item.invoice-title--basic label) {
+    padding-left: 0;
+    font-weight: normal;
+    font-family: 'PingFangSC-Regular';
+  }
+
+  :global(.payment-widgets--basic div.ant-form-item-label label) {
+    padding-left: 0;
+    font-weight: lighter;
+    font-family: 'PingFangSC-Regular';
+  }
+}