kts-component-invoice-operate 3.2.247 → 3.2.248

package/dist/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IGood/index.d.ts

@@ -58,4 +58,6 @@ export default interface IGood {
     children?: IGood[];
     cd?: number;
     remarks?: string;
+    /** 煤炭种类 */
+    mtzlDm?: string;
 }

package/dist/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/index.d.ts

@@ -93,4 +93,10 @@ export default class GoodsListState {
     drag: Drag;
     /** 商品校验是否关闭，默认开启 */
     isValidateGood: boolean;
+    /** 煤炭类校验是否关闭，默认开启 */
+    isValidateMeiTan: boolean;
+    /** 煤炭种类赋值商品索引 */
+    meiTanGoodIndex?: string[];
+    /** 煤炭时校验函数 */
+    verifyMeiTanFn: (record: any) => Promise<boolean>;
 }

package/dist/Invoice/ui/default/MeiTanModal/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/index.esm.js

@@ -8,7 +8,7 @@ import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete
 import classnames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
-import { DatePicker, Row as Row$1, Col as Col$1, Input as Input$2, Cascader, Select as Select$2 } from 'kts-components-antd-x4';
+import { DatePicker, Row as Row$1, Col as Col$1, Input as Input$2, Cascader, Select as Select$2, Form as Form$2, Modal as Modal$2, Space as Space$1, Radio as Radio$1 } from 'kts-components-antd-x4';
 import { Input as Input$3, NumberPicker } from '@formily/antd-components';
 import { createAsyncFormActions, FormEffectHooks, SchemaForm, FormButtonGroup, SchemaMarkupField } from '@formily/antd';
 
@@ -1176,6 +1176,40 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.addComparisonIndex = void 0;
   this.drag = new Drag();
   this.isValidateGood = true;
+  this.isValidateMeiTan = true;
+  this.meiTanGoodIndex = [];
+
+  this.verifyMeiTanFn = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(record) {
+      var taxClassificationCode;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              taxClassificationCode = record.taxClassificationCode;
+
+              if (!(taxClassificationCode === '1020101000000000000' || taxClassificationCode === '1020102000000000000' || taxClassificationCode === '1020199000000000000')) {
+                _context.next = 3;
+                break;
+              }
+
+              return _context.abrupt("return", true);
+
+            case 3:
+              return _context.abrupt("return", false);
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 });
 
 var FreightListState = /*#__PURE__*/_createClass(function FreightListState() {
@@ -29866,7 +29900,8 @@ var DrawerBody$2 = function DrawerBody() {
 
                       editGood = s.goodsListState.editGood = _objectSpread2(_objectSpread2({}, s.goodsListState.editGood), {}, {
                         itemModelName: undefined,
-                        itemModelNameSelf: undefined
+                        itemModelNameSelf: undefined,
+                        mtzlDm: undefined
                       }, between);
 
                       if (editGood.taxRate) {
@@ -29916,6 +29951,25 @@ var DrawerBody$2 = function DrawerBody() {
                       return updateUnitPriceTax(controller, s.goodsListState.form, record);
 
                     case 28:
+                      if (!s.goodsListState.isValidateMeiTan) {
+                        _context2.next = 34;
+                        break;
+                      }
+
+                      _context2.next = 31;
+                      return s.goodsListState.verifyMeiTanFn(record);
+
+                    case 31:
+                      _context2.t1 = _context2.sent;
+
+                      if (!(_context2.t1 === true)) {
+                        _context2.next = 34;
+                        break;
+                      }
+
+                      s.goodsListState.meiTanGoodIndex = [editGood.$index];
+
+                    case 34:
                     case "end":
                       return _context2.stop();
                   }
@@ -30802,7 +30856,9 @@ var DrawerBody$3 = function DrawerBody(props) {
                   good.taxRate = values.taxRate;
                   good.taxFreeType = values.taxFreeType;
                   good.favouredPolicyMark = values.favouredPolicyMark;
-                  good.favouredPolicyName = values.favouredPolicyName; // 无论是否含税，都保持价税合计不变
+                  good.favouredPolicyName = values.favouredPolicyName;
+                  good.mtzlDm = undefined; //设置成空
+                  // 无论是否含税，都保持价税合计不变
 
                   good.taxAmount = countTaxAmount(good.lineAmountIncludeTax || 0, s.goodsListState.deduction, values.taxRate);
 
@@ -30817,10 +30873,30 @@ var DrawerBody$3 = function DrawerBody(props) {
 
                   good.goodsTaxRateList = goodsTaxRateList;
                 });
-                s.goodsListState.goodsList = s.goodsListState.goodsList.slice();
+                s.goodsListState.goodsList = s.goodsListState.goodsList.slice(); // 煤炭类判断
+
+                if (!s.goodsListState.isValidateMeiTan) {
+                  _context15.next = 9;
+                  break;
+                }
+
+                _context15.next = 6;
+                return s.goodsListState.verifyMeiTanFn(values);
+
+              case 6:
+                _context15.t0 = _context15.sent;
+
+                if (!(_context15.t0 === true)) {
+                  _context15.next = 9;
+                  break;
+                }
+
+                s.goodsListState.meiTanGoodIndex = s.goodsListState.endowCode.endowcodeGoodIndex.slice();
+
+              case 9:
                 s.goodsListState.endowCode.endowcodeGoodIndex = [];
 
-              case 4:
+              case 10:
               case "end":
                 return _context15.stop();
             }
@@ -31190,6 +31266,218 @@ function AddComparisonDrawer() {
 //     })
 // }
 
+var css_248z$A = ".kts-invoice-operate-meitan-modal {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-meitan-modal .kts-invoice-operate-meitan-title {\n  line-height: 30px;\n}\n.kts-invoice-operate-meitan-modal .kts-invoice-operate-meitan-title .kts-invoice-operate-meitan-title2 {\n  margin-left: 24px;\n}\n.kts-invoice-operate-meitan-modal .kts-invoice-operate-meitan-content {\n  margin-top: 20px;\n  padding: 20px;\n  background-color: #f9fafd;\n}\n.kts-invoice-operate-meitan-modal .kts-invoice-operate-meitan-content .content-item {\n  background-color: #fff;\n  margin: 20px 24px;\n  padding: 20px;\n}\n.kts-invoice-operate-meitan-modal .ktsAntX-space-item {\n  margin: 5px 0;\n}\n.kts-invoice-operate-meitan-modal .ktsAntX-form-item-explain {\n  margin-top: 20px;\n}\n.kts-invoice-operate-meitan-button {\n  display: flex!important;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 20px!important;\n}\n";
+styleInject(css_248z$A);
+
+var MeiTanModal = (function () {
+  var controller = Invoice.useInvoiceController();
+
+  var _Form$useForm = Form$2.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      mainOption = _React$useState2[0],
+      setMainOption = _React$useState2[1]; // 监听煤炭种类变化
+
+
+  var mtzlDm = Form$2.useWatch('mtzlDm', form);
+  var visible = controller.useMemo(function (s) {
+    return s.goodsListState.meiTanGoodIndex && s.goodsListState.meiTanGoodIndex.length > 0;
+  }, []);
+  var onClose = React.useCallback(function () {
+    controller.pipeline( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                s.goodsListState.meiTanGoodIndex = [];
+                form.setFieldsValue({
+                  mtzlDm: undefined
+                });
+                setMainOption(null);
+
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }())();
+  }, [controller]); // 提交表单
+
+  var onSubmit = function onSubmit() {
+    form.submit();
+  }; // 表单
+
+
+  var onFinish = function onFinish(values) {
+    console.log('煤炭种类:', values);
+    controller.pipeline( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s) {
+        var _s$goodsListState$mei;
+
+        var mtzl, goods, editGood, editGoodIndex;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                mtzl = values.mtzlDm;
+                goods = ((_s$goodsListState$mei = s.goodsListState.meiTanGoodIndex) === null || _s$goodsListState$mei === void 0 ? void 0 : _s$goodsListState$mei.map(function (e) {
+                  return s.goodsListState.goodsMap.get(e);
+                })) || [];
+                editGood = s.goodsListState.editGood;
+                editGoodIndex = editGood === null || editGood === void 0 ? void 0 : editGood.$index;
+                goods.forEach(function (g) {
+                  if (!g) return;
+
+                  if (g.lineAttribute === LineAttributeType$1.被折扣行 || g.lineAttribute === LineAttributeType$1.正常) {
+                    g.mtzlDm = mtzl;
+
+                    if (editGood && editGoodIndex === g.$index) {
+                      // 编辑行
+                      editGood.mtzlDm = mtzl;
+                    }
+                  }
+                });
+                s.goodsListState.goodsList = s.goodsListState.goodsList.slice();
+                onClose();
+
+              case 7:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }())();
+  }; // 自定义校验规则
+
+
+  var validateOption = function validateOption(_, value, callback) {
+    console.log('自定义校验规则:', value);
+
+    if (!value) {
+      return Promise.reject(new Error('请选择选项')); // callback('请选择选项');
+    }
+
+    if (value === '0200') {
+      return Promise.reject(new Error('请选择长协煤的子选项'));
+    }
+
+    return Promise.resolve();
+  };
+
+  var handleMainOptionChange = function handleMainOptionChange(e) {
+    var value = e.target.value;
+    setMainOption(value);
+
+    if (value === 'A' || value === 'C') {
+      form.setFieldsValue({
+        mtzlDm: value
+      });
+    } else if (value === 'B') {
+      form.setFieldsValue({
+        mtzlDm: undefined
+      }); // 清空option，等待选择子选项
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(Modal$2, {
+    title: "\u6E29\u99A8\u63D0\u793A",
+    destroyOnClose: true,
+    width: 700,
+    onCancel: onClose,
+    visible: visible,
+    footer: /*#__PURE__*/React.createElement(Space$1, {
+      align: 'end',
+      style: {
+        paddingRight: 20
+      }
+    }, /*#__PURE__*/React.createElement(Button$1, {
+      onClick: onClose,
+      className: 'kts-invoice-operate-meitan-button'
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button$1, {
+      type: "primary",
+      onClick: onSubmit,
+      className: 'kts-invoice-operate-meitan-button'
+    }, "\u786E\u5B9A"))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'kts-invoice-operate-meitan-modal'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'kts-invoice-operate-meitan-title'
+  }, /*#__PURE__*/React.createElement("div", null, "\u5C0A\u656C\u7684\u7EB3\u7A0E\u4EBA:"), /*#__PURE__*/React.createElement("div", {
+    className: 'kts-invoice-operate-meitan-title2'
+  }, "\u60A8\u9009\u62E9\u4E86\u201C\u7164\u70AD\u201D\u7C7B\u5546\u54C1\u7F16\u7801\uFF0C\u8BF7\u6839\u636E\u771F\u5B9E\u4E1A\u52A1\u60C5\u51B5\u9009\u62E9 \u201C\u7164\u70AD\u79CD\u7C7B\u201D\uFF1A")), /*#__PURE__*/React.createElement("div", {
+    className: 'kts-invoice-operate-meitan-content'
+  }, /*#__PURE__*/React.createElement(Form$2, {
+    form: form,
+    layout: "vertical",
+    initialValues: {
+      mtzlDm: null
+    },
+    onFinish: onFinish
+  }, /*#__PURE__*/React.createElement(Form$2.Item, {
+    name: "mtzlDm",
+    label: "",
+    rules: [// { required: true , message: '请选择煤炭种类' },
+    {
+      validator: validateOption
+    }]
+  }, /*#__PURE__*/React.createElement(Radio$1.Group, {
+    value: mainOption,
+    onChange: handleMainOptionChange
+  }, /*#__PURE__*/React.createElement(Space$1, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0100"
+  }, "\u653F\u5E9C\u4FDD\u4F9B\u7164"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0200"
+  }, "\u957F\u534F\u7164"), mainOption === '0200' && /*#__PURE__*/React.createElement("div", {
+    className: 'content-item'
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 8,
+      color: '#666',
+      fontSize: 14
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: 'red'
+    }
+  }, "*"), "\u8BF7\u9009\u62E9\u534F\u8BAE\u671F\u9650\uFF1A"), /*#__PURE__*/React.createElement(Radio$1.Group, {
+    value: mtzlDm,
+    onChange: function onChange(e) {
+      return form.setFieldsValue({
+        mtzlDm: e.target.value
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Space$1, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0201"
+  }, "\u534F\u8BAE\u671F\u4E0D\u8DB3\u534A\u5E74"), /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0202"
+  }, "\u534F\u8BAE\u671F\u5728\u534A\u5E74\u81F3\u4E00\u5E74\u4E4B\u95F4"), /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0203"
+  }, "\u534F\u8BAE\u671F\u5728\u4E00\u5E74\u81F3\u4E24\u5E74\u4E4B\u95F4"), /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0204"
+  }, "\u534F\u8BAE\u671F\u5728\u4E24\u5E74\u4EE5\u4E0A"))))), /*#__PURE__*/React.createElement(Radio$1, {
+    value: "0300"
+  }, "\u5E02\u573A\u7164"))))))));
+});
+
 // const config = {
 //   number: 'BigNumber',
 //   precision: 64,
@@ -31333,7 +31621,7 @@ var Main$6 = function Main(props) {
   /**                  销售方 */
   , props.sign || /*#__PURE__*/React.createElement(Sign, null)
   /**                      落款 */
-  , props.footExpand), /*#__PURE__*/React.createElement(ImportBuyerDrawer, null), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null), /*#__PURE__*/React.createElement(AddComparisonDrawer, null));
+  , props.footExpand), /*#__PURE__*/React.createElement(ImportBuyerDrawer, null), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null), /*#__PURE__*/React.createElement(AddComparisonDrawer, null), /*#__PURE__*/React.createElement(MeiTanModal, null), " ");
 };
 /** 数电 */
 
@@ -31389,11 +31677,11 @@ var Digtal = function Digtal(props) {
   /** 特殊信息        */
   , props.sign || /*#__PURE__*/React.createElement(SignDigtal, null)
   /** 落款            */
-  ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
+  ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null), /*#__PURE__*/React.createElement(MeiTanModal, null), " ");
 };
 
-var css_248z$A = ".taxdetailsbox {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: row;\n}\n.taxdetailsbox .taxrightbox {\n  width: 340px;\n  position: absolute;\n  right: 30px;\n  top: 79px;\n  bottom: 50px;\n  min-height: 300px;\n}\n.taxdetailsbox .taxrightbox .taxdesc {\n  height: calc(100vh - 323px);\n  min-height: 105px;\n  overflow: auto;\n}\n";
-styleInject(css_248z$A);
+var css_248z$B = ".taxdetailsbox {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: row;\n}\n.taxdetailsbox .taxrightbox {\n  width: 340px;\n  position: absolute;\n  right: 30px;\n  top: 79px;\n  bottom: 50px;\n  min-height: 300px;\n}\n.taxdetailsbox .taxrightbox .taxdesc {\n  height: calc(100vh - 323px);\n  min-height: 105px;\n  overflow: auto;\n}\n";
+styleInject(css_248z$B);
 
 function TaxClassificationModal(props) {
   var _props$info6;