"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[19360],{

/***/ 82862:
/*!*******************************************************************!*\
  !*** ./src/pages/User/Detail/virtualSpaces/index.tsx + 3 modules ***!
  \*******************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": function() { return /* binding */ virtualSpaces; }
});

// EXTERNAL MODULE: ./node_modules/antd/es/pagination/style/index.js + 1 modules
var style = __webpack_require__(14182);
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/index.js + 10 modules
var pagination = __webpack_require__(260);
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/style/index.js + 1 modules
var skeleton_style = __webpack_require__(61099);
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/index.js + 11 modules
var skeleton = __webpack_require__(73481);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(17061);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(42122);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(17156);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(27424);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(70215);
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/style/index.js + 1 modules
var tabs_style = __webpack_require__(99558);
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/index.js + 22 modules
var tabs = __webpack_require__(3381);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
var _umi_production_exports = __webpack_require__(89214);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(84519);
// EXTERNAL MODULE: ./src/utils/util.tsx
var util = __webpack_require__(29427);
;// CONCATENATED MODULE: ./src/pages/User/Detail/virtualSpaces/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var virtualSpacesmodules = ({"flex_box_center":"flex_box_center___zMMsd","flex_space_between":"flex_space_between___jt9k_","flex_box_vertical_center":"flex_box_vertical_center___BOPuh","flex_box_center_end":"flex_box_center_end___r_Iu0","flex_box_column":"flex_box_column___FOne9","order":"order___Qysjp","content":"content___IUWof","w1":"w1___W6edK","w2":"w2___WlZJP","w3":"w3___VfQ_s","w4":"w4___JaF4v","w5":"w5___dZmAB","w6":"w6___lKqpD","listTitle":"listTitle___mK0Um","listContent":"listContent___EJ710","info":"info___f0Irx","d1":"d1___ZqEOx","d2":"d2___FGqo_","d3":"d3___PwKy3","unitPrice":"unitPrice___A_1Mb","p":"p____3Bip","l":"l___f_rxJ","payType":"payType___BItlK","price":"price___c198g","status":"status___mYgsx","action":"action___cdhRD"});
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/style/index.js + 1 modules
var tooltip_style = __webpack_require__(38390);
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
var tooltip = __webpack_require__(84908);
;// CONCATENATED MODULE: ./src/pages/User/Detail/virtualSpaces/List/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Listmodules = ({"flex_box_center":"flex_box_center___HFQZB","flex_space_between":"flex_space_between___zFFul","flex_box_vertical_center":"flex_box_vertical_center___io4tB","flex_box_center_end":"flex_box_center_end___H6Abs","flex_box_column":"flex_box_column___GQMTL","listWarp":"listWarp___BsT0V","li":"li___ndfmM","img":"img___Ric6Z","name":"name___aCd4t","e":"e___aP2FC"});
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(59758);
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
var jsx_runtime = __webpack_require__(85893);
;// CONCATENATED MODULE: ./src/pages/User/Detail/virtualSpaces/List/index.tsx







var List = function List(_ref) {
  var data = _ref.data,
    _ref$marginLeft = _ref.marginLeft,
    marginLeft = _ref$marginLeft === void 0 ? 21 : _ref$marginLeft,
    _ref$listWarpStyle = _ref.listWarpStyle,
    listWarpStyle = _ref$listWarpStyle === void 0 ? {} : _ref$listWarpStyle,
    _ref$width = _ref.width,
    width = _ref$width === void 0 ? 282 : _ref$width,
    _ref$height = _ref.height,
    height = _ref$height === void 0 ? 257 : _ref$height;
  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
    className: Listmodules.listWarp,
    style: listWarpStyle,
    children: data.map(function (item, index) {
      var name = item.name,
        id = item.id,
        backbground_image_url = item.backbground_image_url,
        cover_url = item.cover_url,
        category_url = item.category_url;
      return /*#__PURE__*/(0,jsx_runtime.jsxs)("a", {
        target: "_blank",
        href: category_url,
        className: Listmodules.li,
        style: {
          marginLeft: marginLeft,
          width: width,
          height: height
        },
        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
          className: Listmodules.img,
          children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
            src: env/* default.IMG_SERVER */.Z.IMG_SERVER + cover_url,
            alt: "\u5C01\u9762\u56FE"
          })
        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
          className: Listmodules.name,
          children: /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
            title: name,
            children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
              className: Listmodules.e,
              children: name
            })
          })
        })]
      }, index);
    })
  });
};
/* harmony default export */ var virtualSpaces_List = (List);
// EXTERNAL MODULE: ./src/assets/images/noEnvData.png
var noEnvData = __webpack_require__(36723);
// EXTERNAL MODULE: ./src/pages/virtualSpaces/components/AddOrEdit/index.tsx + 1 modules
var AddOrEdit = __webpack_require__(97642);
// EXTERNAL MODULE: ./src/utils/verifyLogin.tsx + 3 modules
var verifyLogin = __webpack_require__(72551);
// EXTERNAL MODULE: ./src/utils/authority.ts
var authority = __webpack_require__(7);
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 33 modules
var ui_customization = __webpack_require__(85343);
;// CONCATENATED MODULE: ./src/pages/User/Detail/virtualSpaces/index.tsx











var _excluded = ["user", "userDetail", "globalSetting", "dispatch"];














var TabPane = tabs/* default.TabPane */.Z.TabPane;
var Paths = function Paths(_ref) {
  var _user$userInfo;
  var user = _ref.user,
    userDetail = _ref.userDetail,
    globalSetting = _ref.globalSetting,
    dispatch = _ref.dispatch,
    props = objectWithoutProperties_default()(_ref, _excluded);
  var _useSearchParams = (0,_umi_production_exports.useSearchParams)(),
    _useSearchParams2 = slicedToArray_default()(_useSearchParams, 1),
    searchParams = _useSearchParams2[0];
  var location = (0,_umi_production_exports.useLocation)();
  var _useState = (0,react.useState)({
      category: searchParams.get("category") || 'all',
      page: 1,
      limit: 15
    }),
    _useState2 = slicedToArray_default()(_useState, 2),
    params = _useState2[0],
    setParams = _useState2[1];
  var _useState3 = (0,react.useState)([]),
    _useState4 = slicedToArray_default()(_useState3, 2),
    list = _useState4[0],
    setList = _useState4[1];
  var _useState5 = (0,react.useState)(0),
    _useState6 = slicedToArray_default()(_useState5, 2),
    total = _useState6[0],
    setTotal = _useState6[1];
  var _useState7 = (0,react.useState)(true),
    _useState8 = slicedToArray_default()(_useState7, 2),
    loading = _useState8[0],
    setLoading = _useState8[1];
  var _useState9 = (0,react.useState)(false),
    _useState10 = slicedToArray_default()(_useState9, 2),
    visible = _useState10[0],
    setVisible = _useState10[1];
  (0,react.useEffect)(function () {
    (0,util/* setDocumentTitle */.Dk)('虚拟社区');
    getData(params);
  }, []);
  var getData = /*#__PURE__*/function () {
    var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(record) {
      var c, res;
      return regeneratorRuntime_default()().wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            setLoading(true);
            c = objectSpread2_default()({}, record);
            _context.next = 4;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms/mine.json", {
              method: 'get',
              params: c
            });
          case 4:
            res = _context.sent;
            if (res !== null && res !== void 0 && res.virtual_classrooms) {
              setList(res === null || res === void 0 ? void 0 : res.virtual_classrooms);
              setTotal(res === null || res === void 0 ? void 0 : res.total_count);
              setLoading(false);
            }
          case 6:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function getData(_x) {
      return _ref2.apply(this, arguments);
    };
  }();
  var handleTabsClick = function handleTabsClick(key) {
    var _window$location$href;
    if ((_window$location$href = window.location.href.toString()) !== null && _window$location$href !== void 0 && _window$location$href.includes('category')) {
      (0,util/* replaceParamVal */.jz)('category', key);
    } else {
      window.history.replaceState(null, '', window.location.href.indexOf('?') > -1 ? window.location.href + "&category=".concat(key) : "?category=".concat(key));
    }
    params.category = key;
    params.page = 1;
    setParams(objectSpread2_default()({}, params));
    getData(params);
  };
  var tabsMapping = [{
    name: '全部',
    id: 'all'
  }, {
    name: '我管理的',
    id: 'manage'
  }, {
    name: '我参与的',
    id: 'partake'
  }];
  var add = function add() {
    if ((0,authority/* isSuperAdmins */.Ny)() || (0,verifyLogin/* handleProfessionalCertificationModal */.O5)()) {
      setVisible(true);
    }
  };
  var handleOk = /*#__PURE__*/function () {
    var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(values, cb) {
      var res;
      return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            _context2.next = 2;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms.json", {
              method: 'post',
              body: values
            });
          case 2:
            res = _context2.sent;
            if ((res === null || res === void 0 ? void 0 : res.status) === 0) {
              getData(params);
              setVisible(false);
              setTimeout(function () {
                (0,util/* openNewWindow */.xg)(res === null || res === void 0 ? void 0 : res.category_url);
              }, 300);
              dispatch({
                type: 'shixunHomeworks/setActionTabs',
                payload: {
                  key: '提示',
                  type: 99
                }
              });
            }
            cb(res);
          case 5:
          case "end":
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function handleOk(_x2, _x3) {
      return _ref3.apply(this, arguments);
    };
  }();
  var handleChange = function handleChange(page) {
    document.body.scrollIntoView();
    params.page = page;
    setParams(objectSpread2_default()({}, params));
    getData(params);
  };
  var renderEmpty = function renderEmpty() {
    return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'column',
        margin: '100px 0 20px 0'
      },
      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
        src: noEnvData,
        width: 204,
        alt: ""
      }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
        style: {
          color: '#6A6A6A'
        },
        children: "\u6682\u65E0\u6570\u636E"
      })]
    });
  };
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
    className: virtualSpacesmodules.order,
    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomTabs */.YG, {
      value: params === null || params === void 0 ? void 0 : params.category,
      onChange: handleTabsClick,
      tabBarExtraContent: (0,authority/* isLogin */.bg)() && (((_user$userInfo = user.userInfo) === null || _user$userInfo === void 0 ? void 0 : _user$userInfo.identity) === 'teacher' || (0,authority/* isSuperAdmins */.Ny)()) && /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
        onClick: add,
        children: "\u65B0\u5EFA\u865A\u62DF\u793E\u533A"
      }),
      className: "mb25",
      dataSource: tabsMapping
    }), /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton/* default */.Z, {
      loading: loading,
      active: true,
      paragraph: {
        rows: 5
      },
      children: !!list.length ? /*#__PURE__*/(0,jsx_runtime.jsx)(virtualSpaces_List, {
        data: list || []
      }) : renderEmpty()
    }), /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
      hideOnSinglePage: true,
      onChange: function onChange(page) {
        return handleChange(page);
      },
      current: params.page,
      pageSize: params.limit,
      total: total,
      showQuickJumper: true,
      showSizeChanger: false,
      showTotal: function showTotal(total) {
        return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
          className: "mr10",
          children: ["\u5171", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
            className: "c-orange",
            children: total
          }), "\u6761\u6570\u636E"]
        });
      },
      className: "tc pb30"
    }), /*#__PURE__*/(0,jsx_runtime.jsx)(AddOrEdit/* default */.Z, {
      visible: visible,
      title: '新建虚拟社区',
      onCancel: function onCancel() {
        return setVisible(false);
      },
      onOk: handleOk
    })]
  });
};
/* harmony default export */ var virtualSpaces = ((0,_umi_production_exports.connect)(function (_ref4) {
  var user = _ref4.user,
    userDetail = _ref4.userDetail,
    globalSetting = _ref4.globalSetting;
  return {
    user: user,
    userDetail: userDetail,
    globalSetting: globalSetting
  };
})(Paths));

/***/ })

}]);