ming-demo3/lib/components/meta/TempManager.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireWildcard(require("react"));

var _baseui = require("@mdf/baseui");

var _util = require("@mdf/cube/lib/helpers/util");

var Table = null;
var Search = _baseui.Input.Search;

var TempManager = function (_React$Component) {
  (0, _inherits2["default"])(TempManager, _React$Component);

  function TempManager(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, TempManager);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TempManager).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onActionClick", function (index, action) {
      var dataSource = _this.state.dataSource;
      var id = dataSource[index].id;
      var nameValue = dataSource[index].name;
      var cItemName = action.cItemName;

      if (cItemName == 'btnDeleteRow') {
        cb.utils.confirm("确定删除此模版么？", function () {
          _this.deleteRow(id);
        });
      }

      if (cItemName == 'btnChangeRow') {
        _this.changeName(dataSource[index], nameValue);
      }
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sureAll", function () {
      cb.utils.confirm("确定删除所选模版么？", function () {
        _this.allDeleteRowa();
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCancel", function (e) {
      _this.props.close();
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handCancel", function (e) {
      _this.setState({
        showChangeName: false,
        namelen: false,
        showName: false
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "InputValue", function (e) {
      var changeName = "";
      changeName = e.target ? e.target.value : e;
      var len = changeName.length;
      var namelen = len > 20 ? true : false;
      var showName = changeName ? false : true;

      _this.setState({
        nameValue: changeName,
        namelen: namelen,
        showName: showName
      });
    });
    Table = require('../basic/table')["default"];

    var billNo = _this.props.model.getParams().billNo;

    _this.state = {
      visible: true,
      addVisible: false,
      dataSource: [],
      editdata: {},
      aaa: true,
      billNo: billNo,
      searchValue: "",
      showChangeName: false,
      itemValue: {},
      changeId: null,
      nameValue: ""
    };
    return _this;
  }

  (0, _createClass2["default"])(TempManager, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var _this2 = this;

      var columns = {
        tempName: {
          cItemName: 'tempName',
          cShowCaption: '数据模版名称',
          iColWidth: 200,
          bHidden: false,
          bShowIt: true,
          bCanModify: true,
          cControlType: 'Input',
          bMustSelect: true
        },
        tempOrgName: {
          cItemName: 'tempOrgName',
          cShowCaption: '模版组织名称',
          iColWidth: 200,
          bHidden: false,
          bShowIt: true,
          bCanModify: false,
          cControlType: 'Input',
          bMustSelect: true
        },
        tempStopStatus: {
          cItemName: 'tempStopStatus',
          cShowCaption: '是否启用',
          iColWidth: 150,
          bHidden: false,
          bShowIt: true,
          bCanModify: true,
          cControlType: 'CheckRadio',
          bMustSelect: true
        }
      };
      this.gridModel = new cb.models.GridModel({
        columns: columns,
        independent: true,
        readOnly: false,
        showRowNo: false,
        showCheckBox: true,
        showAggregates: false,
        pagination: false,
        isDirty: true,
        showColumnSetting: false,
        showName: false,
        namelen: false
      });
      this.showGridmodel();
      this.gridModel.on('beforeCellValueChange', function (val) {
        var self = _this2;

        var data = _this2.gridModel.getRowsByIndexes([val.rowIndex]);

        if (data[0].tempStopStatus) {
          cb.utils.confirm("确定停用此模版吗？", function () {
            self.modifyCellStatus(data[0].tempStopStatus, data[0].id);
          });
          return false;
        }

        cb.utils.confirm("确定启用此模版吗？", function () {
          self.modifyCellStatus(data[0].tempStopStatus, data[0].id);
        });
        return false;
      });
    }
  }, {
    key: "modifyCellStatus",
    value: function () {
      var _modifyCellStatus = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(tempStopStatus, id) {
        var config, json;
        return _regenerator["default"].wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                config = {
                  url: 'billtempdata/updateStatus',
                  method: 'POST',
                  params: {
                    "id": id,
                    "stopstatus": tempStopStatus
                  }
                };
                _context.next = 3;
                return (0, _util.proxy)(config);

              case 3:
                json = _context.sent;

                if (!(json.code !== 200)) {
                  _context.next = 7;
                  break;
                }

                cb.utils.alert('操作失败!' + json.message, 'error');
                return _context.abrupt("return");

              case 7:
                cb.utils.alert("操作成功！", 'success');
                this.showGridmodel();

              case 9:
              case "end":
                return _context.stop();
            }
          }
        }, _callee, this);
      }));

      function modifyCellStatus(_x, _x2) {
        return _modifyCellStatus.apply(this, arguments);
      }

      return modifyCellStatus;
    }()
  }, {
    key: "showGridmodel",
    value: function () {
      var _showGridmodel = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
        var _this$state, billNo, searchValue, parameter, config, json, newdata, filterdata, userId, loopdata;

        return _regenerator["default"].wrap(function _callee2$(_context2) {
          while (1) {
            switch (_context2.prev = _context2.next) {
              case 0:
                _this$state = this.state, billNo = _this$state.billNo, searchValue = _this$state.searchValue;
                parameter = {
                  "billno": billNo,
                  "type": this.props.type
                };
                config = {
                  url: 'billtempdata/list?action=tempmanager',
                  method: 'POST',
                  params: parameter
                };
                _context2.next = 5;
                return (0, _util.proxy)(config);

              case 5:
                json = _context2.sent;

                if (!(json.code !== 200)) {
                  _context2.next = 8;
                  break;
                }

                return _context2.abrupt("return");

              case 8:
                newdata = [], filterdata = [];
                userId = cb.rest.AppContext.user.id;

                if (json.data && json.data.length) {
                  json.data.forEach(function (ele, index) {
                    if (ele.creatorId == userId) {
                      filterdata.push(ele);
                    }
                  });
                }

                loopdata = filterdata;

                if (searchValue != "") {
                  loopdata = [];

                  if (filterdata && filterdata.length > 0) {
                    filterdata.map(function (ele) {
                      if (ele.name.indexOf(searchValue) > -1 || ele.orgName.indexOf(searchValue) > -1) {
                        loopdata.push(ele);
                      }
                    });
                  }
                }

                if (!(loopdata.length <= 0)) {
                  _context2.next = 17;
                  break;
                }

                this.gridModel.setDataSource(newdata);
                filterdata && this.setState({
                  dataSource: filterdata
                });
                return _context2.abrupt("return");

              case 17:
                loopdata.forEach(function (ele, index) {
                  var item = {
                    'tempName': ele.name,
                    'tempOrgName': ele.orgName,
                    'tempStopStatus': !ele.stopstatus,
                    'id': ele.id
                  };
                  newdata.push(item);
                });
                this.gridModel.setDataSource(newdata);
                filterdata && this.setState({
                  dataSource: filterdata
                });

              case 20:
              case "end":
                return _context2.stop();
            }
          }
        }, _callee2, this);
      }));

      function showGridmodel() {
        return _showGridmodel.apply(this, arguments);
      }

      return showGridmodel;
    }()
  }, {
    key: "addFilteritem",
    value: function addFilteritem() {
      var _this3 = this;

      var searchValue = this.state.searchValue;
      var action = {
        "cControlType": "Toolbar",
        "cStyle": "{\"fixedwidth\":150}",
        "controls": [{
          "cItemName": "btnChangeRow",
          "cCaption": "改名",
          "iOrder": 34,
          "cShowCaption": "改名",
          "iStyle": 0,
          "cControlType": "button",
          "icon": "shanchu1",
          "childrenField": "purInRecords",
          "key": "3876626"
        }, {
          "cItemName": "btnDeleteRow",
          "cCaption": "删除",
          "iOrder": 34,
          "cShowCaption": "删除",
          "iStyle": 0,
          "cControlType": "button",
          "icon": "shanchu1",
          "childrenField": "purInRecords",
          "key": "3876626"
        }]
      };
      return _react["default"].createElement("div", null, _react["default"].createElement("div", {
        className: "temp_button"
      }, _react["default"].createElement("div", {
        className: "tempitem_button"
      }, _react["default"].createElement(Search, {
        value: searchValue,
        onChange: function onChange(e) {
          return _this3.onSearchChange(e);
        },
        placeholder: "\u6A21\u7248\u540D\u79F0/\u7EC4\u7EC7\u540D\u79F0",
        className: "search_temp"
      }), _react["default"].createElement(_baseui.Button, {
        onClick: function onClick() {
          return _this3.sureAll();
        },
        className: "delete_temp"
      }, "\u5220\u9664"))), _react["default"].createElement(Table, {
        action: action,
        onActionClick: this.onActionClick,
        noViewModel: true,
        width: 800,
        height: 441,
        model: this.gridModel
      }));
    }
  }, {
    key: "onSearchChange",
    value: function onSearchChange(e) {
      var dataSource = this.state.dataSource;
      var value = e.target.value;
      var newdata = [];
      var loopdata = dataSource;

      if (value != "") {
        loopdata = [];
        dataSource.map(function (ele) {
          if (ele.name.indexOf(value) > -1 || ele.orgName.indexOf(value) > -1) {
            loopdata.push(ele);
          }
        });
      }

      if (loopdata.length <= 0) {
        this.gridModel.setDataSource(newdata);
        this.setState({
          searchValue: value
        });
        return;
      }

      loopdata.forEach(function (ele, index) {
        var item = {
          'tempName': ele.name,
          'tempOrgName': ele.orgName,
          'tempStopStatus': !ele.stopstatus,
          'id': ele.id
        };
        newdata.push(item);
      });
      this.gridModel.setDataSource(newdata);
      this.setState({
        searchValue: value
      });
    }
  }, {
    key: "changeName",
    value: function changeName(itemValue, nameValue) {
      this.setState({
        itemValue: itemValue,
        showChangeName: true,
        nameValue: nameValue
      });
    }
  }, {
    key: "deleteRow",
    value: function () {
      var _deleteRow = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3(id) {
        var config, json;
        return _regenerator["default"].wrap(function _callee3$(_context3) {
          while (1) {
            switch (_context3.prev = _context3.next) {
              case 0:
                config = {
                  url: 'billtempdata/delTemp?id=' + id,
                  method: 'GET'
                };
                _context3.next = 3;
                return (0, _util.proxy)(config);

              case 3:
                json = _context3.sent;

                if (!(json.code !== 200)) {
                  _context3.next = 7;
                  break;
                }

                cb.utils.alert('删除失败!' + json.message, 'error');
                return _context3.abrupt("return");

              case 7:
                cb.utils.alert("删除成功！", 'success');
                this.showGridmodel();

              case 9:
              case "end":
                return _context3.stop();
            }
          }
        }, _callee3, this);
      }));

      function deleteRow(_x3) {
        return _deleteRow.apply(this, arguments);
      }

      return deleteRow;
    }()
  }, {
    key: "allDeleteRowa",
    value: function () {
      var _allDeleteRowa = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4() {
        var data, paramData, config, json;
        return _regenerator["default"].wrap(function _callee4$(_context4) {
          while (1) {
            switch (_context4.prev = _context4.next) {
              case 0:
                data = this.gridModel.getSelectedRows();
                paramData = [];
                data.forEach(function (ele) {
                  paramData.push(ele.id);
                });
                config = {
                  url: 'billtempdata/delTemps',
                  method: 'POST',
                  params: paramData
                };
                _context4.next = 6;
                return (0, _util.proxy)(config);

              case 6:
                json = _context4.sent;

                if (!(json.code !== 200)) {
                  _context4.next = 10;
                  break;
                }

                cb.utils.alert('删除失败!' + json.message, 'error');
                return _context4.abrupt("return");

              case 10:
                cb.utils.alert("删除成功！" + json.data, 'success');
                this.showGridmodel();

              case 12:
              case "end":
                return _context4.stop();
            }
          }
        }, _callee4, this);
      }));

      function allDeleteRowa() {
        return _allDeleteRowa.apply(this, arguments);
      }

      return allDeleteRowa;
    }()
  }, {
    key: "setChangeName",
    value: function () {
      var _setChangeName = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
        var _this$state2, itemValue, nameValue, paramData, config, json;

        return _regenerator["default"].wrap(function _callee5$(_context5) {
          while (1) {
            switch (_context5.prev = _context5.next) {
              case 0:
                _this$state2 = this.state, itemValue = _this$state2.itemValue, nameValue = _this$state2.nameValue;
                paramData = {
                  "org": itemValue.org,
                  "name": nameValue,
                  "creatorId": itemValue.creatorId,
                  "id": itemValue.id,
                  "type": this.props.type,
                  "billno": itemValue.billno,
                  "tenant": itemValue.tenant
                };
                config = {
                  url: 'billtempdata/renameTemplate',
                  method: 'POST',
                  params: paramData
                };

                if (!nameValue) {
                  this.setState({
                    showName: true
                  });
                }

                _context5.next = 6;
                return (0, _util.proxy)(config);

              case 6:
                json = _context5.sent;

                if (!(json.code != 200)) {
                  _context5.next = 10;
                  break;
                }

                cb.utils.alert('改名失败!' + json.message, 'error');
                return _context5.abrupt("return");

              case 10:
                cb.utils.alert("操作成功！", 'success');
                this.showGridmodel();
                this.setState({
                  showChangeName: false,
                  namelen: false,
                  showName: false
                });

              case 13:
              case "end":
                return _context5.stop();
            }
          }
        }, _callee5, this);
      }));

      function setChangeName() {
        return _setChangeName.apply(this, arguments);
      }

      return setChangeName;
    }()
  }, {
    key: "saveChaneName",
    value: function saveChaneName(e) {
      this.setState({
        showChangeName: false,
        namelen: false,
        showName: false
      });
      this.setChangeName();
    }
  }, {
    key: "addChangeName",
    value: function addChangeName() {
      var _this4 = this;

      var _this$state3 = this.state,
          itemValue = _this$state3.itemValue,
          showChangeName = _this$state3.showChangeName,
          namelen = _this$state3.namelen,
          showName = _this$state3.showName,
          nameValue = _this$state3.nameValue;
      var showContent;
      var tip1 = namelen ? _react["default"].createElement("span", {
        className: "draft_name"
      }, "\u6A21\u7248\u540D\u79F0\u4E0D\u80FD\u8D85\u8FC720\u4E2A\u5B57\u7B26") : null;
      var tip2 = showName ? _react["default"].createElement("span", {
        className: "draft_name"
      }, "\u6A21\u7248\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A") : null;
      showContent = _react["default"].createElement(_baseui.Modal, {
        className: "change_tempName",
        title: "\u6A21\u7248\u540D\u79F0\u66F4\u6539",
        visible: true,
        onOk: function onOk(e) {
          return _this4.saveChaneName(e);
        },
        onCancel: this.handCancel,
        maskClosable: false,
        okText: "\u786E\u5B9A",
        cancelText: "\u53D6\u6D88"
      }, _react["default"].createElement(_baseui.Row, null, _react["default"].createElement(_baseui.Col, {
        span: 1,
        className: "temp_name"
      }, "\u6A21\u7248\u540D\u79F0"), _react["default"].createElement(_baseui.Col, {
        span: 4
      }, _react["default"].createElement(_baseui.Input, {
        type: "text",
        className: "tempName_value",
        value: nameValue,
        onChange: this.InputValue
      }))), _react["default"].createElement(_baseui.Row, null, tip1, tip2));

      if (showChangeName) {
        return showContent;
      } else {
        return showContent = "";
      }
    }
  }, {
    key: "render",
    value: function render() {
      var _this5 = this;

      var addFilteritem = this.addFilteritem();
      var addChangeName = this.addChangeName();
      return _react["default"].createElement("div", {
        className: "temp_modal"
      }, _react["default"].createElement(_baseui.Modal, {
        title: "\u6570\u636E\u6A21\u7248\u7BA1\u7406",
        visible: this.state.visible,
        width: "820px",
        className: "templist",
        onOk: function onOk() {
          return _this5.onCancel();
        },
        onCancel: function onCancel() {
          return _this5.onCancel();
        },
        maskClosable: false
      }, _react["default"].createElement("div", null, addFilteritem)), addChangeName);
    }
  }]);
  return TempManager;
}(_react["default"].Component);

exports["default"] = TempManager;
//# sourceMappingURL=TempManager.js.map