@zgfe/modules-settings 1.0.1-a.4 → 1.0.1-a.5

package/dist/esm/constants/api.d.ts

@@ -8,6 +8,9 @@ declare let apis: {
         createApp: string;
         queryAppList: string;
         queryPackageInfo: string;
+        queryVirtualApps: string;
+        getCompanyAppList: string;
+        editVirtualApp: string;
     };
     setting: {
         updateCompanyName: string;
@@ -33,5 +36,8 @@ declare let apis: {
         createFilter: string;
         queryFilter: string;
     };
+    eventMeta: {
+        queryEventMeta: string;
+    };
 };
 export default apis;

package/dist/esm/constants/api.js

@@ -9,8 +9,14 @@ var apis = {
     deleteApp: apiPrefix + '/common/proxy/user/deleteApp.jsp',
     createApp: apiPrefix + '/system/createApp',
     queryAppList: apiPrefix + '/common/proxy/data/v2ajaxGetDataByApp.jsp',
-    queryPackageInfo: apiPrefix + '/system/packageInfo'
+    queryPackageInfo: apiPrefix + '/system/packageInfo',
+    queryVirtualApps: apiPrefix + '/common/proxy/user/sourceApp.jsp',
+    // 查询虚拟应用列表
+    getCompanyAppList: apiPrefix + '/common/proxy/user/getCompanyAppList.jsp',
+    // 查询公司下所有应用列表
+    editVirtualApp: apiPrefix + '/common/proxy/user/editDataSource.jsp' // 修改虚拟应用
   },
+
   setting: {
     updateCompanyName: apiPrefix + '/common/proxy/company/v2updateInfo.jsp',
     updateLicense: apiPrefix + '/system/license',
@@ -36,6 +42,9 @@ var apis = {
     updateAppName: apiPrefix + '/common/proxy/user/updateAppName.jsp',
     createFilter: apiPrefix + '/common/proxy/user/createFilter.jsp',
     queryFilter: apiPrefix + '/common/proxy/user/queryFilter.jsp'
+  },
+  eventMeta: {
+    queryEventMeta: apiPrefix + '/common/proxy/data/queryEventMetasOfGroup.jsp'
   }
 };
 export default apis;

package/dist/esm/modules/companySetting/edit/userGroup.js

@@ -298,7 +298,7 @@ var CompanySettingUserGroup = function CompanySettingUserGroup(props) {
     onChange: function onChange(e) {
       setUser(e);
     }
-  }))), !isAdmin ? /*#__PURE__*/React.createElement("div", {
+  }))), isAdmin ? /*#__PURE__*/React.createElement("div", {
     className: "encryption-wrap"
   }, /*#__PURE__*/React.createElement("div", {
     className: "encryption-name"

package/dist/esm/modules/companySetting/index.d.ts

@@ -3,6 +3,10 @@ import './index.less';
 declare const CompanySetting: React.FC<{
     zgText: String;
     isMarsUi: Boolean;
+    showVirtualApp: Boolean;
+    showDataDaily: Boolean;
+    showWeChatMenu: Boolean;
+    showMarketMenu: Boolean;
     action: String;
     settingCallback?: (type: string, obj?: any) => void;
 }>;

package/dist/esm/modules/companySetting/index.js

@@ -17,12 +17,16 @@ import Info from "./info";
 import UserGroup from "./userGroup";
 import User from "./user";
 import AppList from "./appList";
-// import VirtualApp from './virtualApp';
+import VirtualApp from "./virtualApp";
 import Cost from "./cost";
 import WechatBinding from "./wechatBinding";
 var CompanySetting = function CompanySetting(props) {
   var zgText = props.zgText,
     isMarsUi = props.isMarsUi,
+    showVirtualApp = props.showVirtualApp,
+    showDataDaily = props.showDataDaily,
+    showWeChatMenu = props.showWeChatMenu,
+    showMarketMenu = props.showMarketMenu,
     action = props.action,
     settingCallback = props.settingCallback;
 
@@ -30,12 +34,6 @@ var CompanySetting = function CompanySetting(props) {
   zgText = '数据分析';
 
   // #todo 需要修改主应用传入参数和business-lib数据仓库
-  var ready = true;
-  var showWeChatMenu = false;
-  var showMarketMenu = false;
-  var showDataDaily = false;
-  var showVirtualApp = false;
-  var isAdminUser = false;
   var apisOkNum = 0;
   var _useContext = useContext(BizGlobalDataContext),
     currentApp = _useContext.currentApp;
@@ -465,6 +463,104 @@ var CompanySetting = function CompanySetting(props) {
     // }
   };
 
+  var createVirtualAppCallback = function createVirtualAppCallback(res) {
+    // 对外提供的api， 在设置模块-》虚拟应用-》虚拟应用列表页面 创建成功时调用
+    // 用来处理同步主应用可能需要的刷新的逻辑， 可不传
+    // settingUpdateGroupAuthCallback && settingUpdateGroupAuthCallback({isUser});
+    settingCallback && settingCallback('settingCreateVirtualAppCallback', res);
+    getSettingData();
+
+    // 与主应用同步信息 下面为老代码逻辑
+    // this.$store.commit(mutations.virtualApp.addVirtualApp, res)
+    // // 添加数据权限
+    // let authConfig = util.clone(this.currentUser.authConfig)
+    // if (
+    //   !(
+    //     authConfig.dataAuth.length === 1 &&
+    //     authConfig.dataAuth[0].appId === 0
+    //   )
+    // ) {
+    //   authConfig.dataAuth.unshift({
+    //     appId: res.app_info.id,
+    //     plats: [0]
+    //   })
+    // }
+    // let formData = {
+    //   userId: this.currentUser.id,
+    //   authConfig: JSON.stringify(authConfig),
+    //   groupIds: this.userOfGroups.join(',')
+    // }
+    // this.$store.dispatch(actions.setting.updateUserAuth, formData)
+    // this.$store.dispatch(actions.user.getCurrentUser)
+    // // 更新应用列表数据
+    // this.$store.dispatch(actions.app.queryAppList)
+  };
+
+  var delVirtualAppCallback = function delVirtualAppCallback(res) {
+    // 对外提供的api， 在设置模块-》虚拟应用-》虚拟应用列表页面 删除成功时调用
+    // 用来处理同步主应用可能需要的刷新的逻辑， 可不传
+    // settingUpdateGroupAuthCallback && settingUpdateGroupAuthCallback({isUser});
+    settingCallback && settingCallback('settingDelVirtualAppCallback', res);
+    // getSettingData();
+
+    // 与主应用同步信息 下面为老代码逻辑
+    // this.$store.commit(mutations.virtualApp.delVirtualApp, appId)
+    // // 更新数据权限
+    // let authConfig = util.clone(this.currentUser.authConfig)
+    // if (
+    //   !(
+    //     authConfig.dataAuth.length === 1 &&
+    //     authConfig.dataAuth[0].appId === 0
+    //   )
+    // ) {
+    //   let index = authConfig.dataAuth.findIndex(
+    //     item => item.appId === appId
+    //   )
+    //   if (index > -1) {
+    //     authConfig.dataAuth.splice(index, 1)
+    //   }
+    // }
+    // if (this.currentApp.id === appId) {
+    //   let hasAuthApplistToDelAfter = this.hasAuthApplist.filter(
+    //     item => item.id !== appId
+    //   )
+    //   let id = hasAuthApplistToDelAfter.length ? hasAuthApplistToDelAfter[0].id : 0
+    //   this.$router.push({
+    //     params: {
+    //       appId: id
+    //     }
+    //   })
+    // }
+    // let formData = {
+    //   userId: this.currentUser.userId,
+    //   authConfig: JSON.stringify(authConfig),
+    //   groupIds: this.userOfGroups.join(',')
+    // }
+    // this.$store.dispatch(actions.setting.updateUserAuth, formData)
+    // this.$store.dispatch(actions.user.getCurrentUser)
+    // // 更新应用列表数据
+    // this.$store.dispatch(actions.app.queryAppList)
+  };
+
+  var editVirtualAppCallback = function editVirtualAppCallback(id) {
+    // 对外提供的api， 在设置模块-》虚拟应用-》虚拟应用列表页面 删除成功时调用
+    // 用来处理同步主应用可能需要的刷新的逻辑， 可不传
+    // settingUpdateGroupAuthCallback && settingUpdateGroupAuthCallback({isUser});
+    settingCallback && settingCallback('settingEditVirtualAppCallback', {
+      id: id
+    });
+    // getSettingData();
+
+    // 与主应用同步信息 下面为老代码逻辑
+    // if (this.currentApp && this.currentApp.id === params.app_id) {
+    //   this.$store.dispatch(actions.biz.sys.queryEventMeta, {
+    //     appId: this.appId,
+    //     platform: this.platform,
+    //     force: true
+    //   })
+    // }
+  };
+
   var changeTab = function changeTab(tab) {
     setCurrentTab(tab);
     setIsShowCreateApp(false);
@@ -514,7 +610,7 @@ var CompanySetting = function CompanySetting(props) {
     onClick: function onClick() {
       changeTab('appList');
     }
-  }, "\u5E94\u7528")) : null, showVirtualApp && !isMarsUi ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+  }, "\u5E94\u7528")) : null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
     style: currentTab == 'virtualApp' ? {
       fontWeight: 'bold',
       color: '#000'
@@ -522,7 +618,7 @@ var CompanySetting = function CompanySetting(props) {
     onClick: function onClick() {
       changeTab('virtualApp');
     }
-  }, "\u865A\u62DF\u5E94\u7528")) : null, !isMarsUi ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+  }, "\u865A\u62DF\u5E94\u7528")), !isMarsUi ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
     style: currentTab == 'cost' ? {
       fontWeight: 'bold',
       color: '#000'
@@ -553,7 +649,6 @@ var CompanySetting = function CompanySetting(props) {
     isAdmin: isAdmin,
     delGroupCallback: delGroupCallback,
     updateGroupAuthCallback: updateGroupAuthCallback,
-    changeUserAuthCallback: changeUserAuthCallback,
     serviceType: serviceType
   }) : currentTab == 'user' ? /*#__PURE__*/React.createElement(User, {
     id: id,
@@ -583,10 +678,13 @@ var CompanySetting = function CompanySetting(props) {
     createAppCallback: createAppCallback,
     gotoAppSetting: gotoAppSetting,
     gotoAppPanel: gotoAppPanel
-  }) :
-  // ) : currentTab == 'virtualApp' ? (
-  // <VirtualApp companyAppList={companyAppList} companyId={companyId} />
-  currentTab == 'cost' ? /*#__PURE__*/React.createElement(Cost, {
+  }) : currentTab == 'virtualApp' ? /*#__PURE__*/React.createElement(VirtualApp, {
+    companyAppList: companyAppList,
+    companyId: companyId,
+    createVirtualAppCallback: createVirtualAppCallback,
+    delVirtualAppCallback: delVirtualAppCallback,
+    editVirtualAppCallback: editVirtualAppCallback
+  }) : currentTab == 'cost' ? /*#__PURE__*/React.createElement(Cost, {
     companyAppList: companyAppList,
     companyId: companyId
   }) : currentTab == 'weChatBinding' ? /*#__PURE__*/React.createElement(WechatBinding, {

package/dist/esm/modules/companySetting/userGroup/index.d.ts

@@ -10,6 +10,5 @@ declare const UserGroup: React.FC<{
     serviceType: Number;
     delGroupCallback: Function;
     updateGroupAuthCallback: Function;
-    changeUserAuthCallback: Function;
 }>;
 export default UserGroup;

package/dist/esm/modules/companySetting/userGroup/index.js

@@ -21,8 +21,7 @@ var UserGroup = function UserGroup(props) {
     isAdmin = props.isAdmin,
     serviceType = props.serviceType,
     delGroupCallback = props.delGroupCallback,
-    updateGroupAuthCallback = props.updateGroupAuthCallback,
-    changeUserAuthCallback = props.changeUserAuthCallback;
+    updateGroupAuthCallback = props.updateGroupAuthCallback;
   var _useContext = useContext(BizGlobalDataContext),
     currentApp = _useContext.currentApp,
     currentUser = _useContext.currentUser,
@@ -107,8 +106,7 @@ var UserGroup = function UserGroup(props) {
     },
     updateGroupAuthCallback: updateGroupAuthCallback,
     allGroupInfos: allGroupInfos,
-    serviceType: serviceType,
-    changeUserAuthCallback: changeUserAuthCallback
+    serviceType: serviceType
   }) : /*#__PURE__*/React.createElement("div", {
     className: "group-model-content"
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/modules/companySetting/virtualApp/config.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './styles/config.less';
+import './styles/table.less';
+declare const Config: React.FC<{
+    virtualAppsIdMap: any;
+    selectApp: any;
+    sourceApps: any;
+    onCancel: Function;
+    editVirtualAppCallback: Function;
+}>;
+export default Config;

package/dist/esm/modules/companySetting/virtualApp/config.js

@@ -0,0 +1,144 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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; }
+import React, { useEffect, useState } from 'react';
+import "./styles/config.less";
+import "./styles/table.less";
+import { Button, notification } from 'antd';
+import { selfRequest } from "./../../../utils/ajax";
+import api from "./../../../constants/api";
+import SourceItem from "./panels/sourceItem";
+import util from "../../../utils/util";
+var Config = function Config(props) {
+  var selectApp = props.selectApp,
+    virtualAppsIdMap = props.virtualAppsIdMap,
+    sourceApps = props.sourceApps,
+    onCancel = props.onCancel,
+    editVirtualAppCallback = props.editVirtualAppCallback;
+  var idMaps = {};
+  var sources = virtualAppsIdMap[selectApp.app_id].data_source || [];
+  sources.forEach(function (item) {
+    idMaps[item.source_app_id] = item;
+  });
+  var sourceAppIdMap = idMaps;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    configData = _useState2[0],
+    setConfigData = _useState2[1];
+  useEffect(function () {
+    var result = [];
+    sourceApps.map(function (realApp) {
+      if (sourceAppIdMap[realApp.id]) {
+        result.push({
+          app_id: realApp.id,
+          event_id: getSourceAppEventIdArr(realApp.id)
+        });
+      } else {
+        result.push(null);
+      }
+    });
+    setConfigData(result);
+  }, []);
+  var changeData = function changeData(event_id, app_id, checked, index) {
+    var dealData = util.clone(configData);
+    dealData[index] = checked ? {
+      app_id: app_id,
+      event_id: event_id
+    } : null;
+    console.log('dealData', dealData, index);
+    setConfigData(dealData);
+  };
+  var strMiddleSplit = function strMiddleSplit(str, num) {
+    if (util.isString(str)) {
+      return util.strMiddleSplit(str, {
+        maxLength: num,
+        beginLength: num - 2,
+        endLength: 0,
+        replaceStr: '...'
+      });
+    }
+    return str;
+  };
+  var getSourceAppEventIdArr = function getSourceAppEventIdArr(sourceAppId) {
+    console.log('sourceAppIdMap', sourceAppIdMap, sourceApps);
+    var sourceData = sourceAppIdMap[sourceAppId] || {};
+    return sourceData.source_event_id || [];
+  };
+  var onSubmit = function onSubmit() {
+    var params = {
+      app_id: virtualAppsIdMap[selectApp.app_id].app_id,
+      json: decodeURIComponent(JSON.stringify(configData.filter(function (item) {
+        return item;
+      })))
+    };
+    console.log(params);
+    selfRequest(api.app.editVirtualApp, {
+      method: 'post',
+      data: params
+    }).then(function (res) {
+      console.log('res', res);
+      if (res.code === 10001) {
+        notification.success({
+          message: '修改成功！'
+        });
+        editVirtualAppCallback && editVirtualAppCallback(virtualAppsIdMap[selectApp.app_id].app_id);
+        onCancel();
+      } else {
+        notification.error({
+          message: '修改失败，请重试！'
+        });
+      }
+    }).catch(function (error) {
+      notification.error({
+        message: '修改失败，请重试！'
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "virtual-app-update-panel"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "virtual-app-update-head"
+  }, /*#__PURE__*/React.createElement("span", {
+    title: virtualAppsIdMap[selectApp.app_id].app_name
+  }, strMiddleSplit(virtualAppsIdMap[selectApp.app_id].app_name, 20)), /*#__PURE__*/React.createElement("span", {
+    className: "btn-group"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "btn-update-cancel",
+    onClick: function onClick() {
+      onCancel && onCancel();
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    className: "btn-update-submit",
+    onClick: onSubmit
+  }, "\u4FDD\u5B58"))), /*#__PURE__*/React.createElement("div", {
+    className: "real-app-list-box virtual-app-table-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "real-app-list-title virtual-app-table-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "source-app-name"
+  }, "\u6E90\u5E94\u7528"), /*#__PURE__*/React.createElement("span", {
+    className: "source-app-events-num"
+  }, "\u5E94\u7528\u4E8B\u4EF6")), sourceApps.length ? /*#__PURE__*/React.createElement("div", {
+    className: "real-app-list-body virtual-app-table-body"
+  }, sourceApps.map(function (realApp, index) {
+    return /*#__PURE__*/React.createElement(SourceItem, {
+      key: realApp.id,
+      sourceAppId: realApp.id,
+      checked: sourceAppIdMap[realApp.id],
+      sourceAppName: realApp.appName,
+      sourceEventsId: getSourceAppEventIdArr(realApp.id),
+      onChange: function onChange(event_id, app_id, checked) {
+        changeData(event_id, app_id, checked, index);
+      }
+    });
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "real-app-list-body virtual-app-table-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "real-app-list-item empty-data"
+  }, "\u6682\u65E0\u6570\u636E"))));
+};
+export default Config;

package/dist/esm/modules/companySetting/virtualApp/index.d.ts

@@ -3,5 +3,8 @@ import './styles/index.less';
 declare const VirtualApp: React.FC<{
     companyAppList: any;
     companyId: Number;
+    createVirtualAppCallback: Function;
+    delVirtualAppCallback: Function;
+    editVirtualAppCallback: Function;
 }>;
 export default VirtualApp;

package/dist/esm/modules/companySetting/virtualApp/index.js

@@ -6,8 +6,17 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from 'react';
 import "./styles/index.less";
-import { Button } from 'antd';
+import { Form, Input, Button, notification } from 'antd';
+import request, { selfRequest } from "./../../../utils/ajax";
+import api from "./../../../constants/api";
+import PageLoading from "../../../components/pageLoading";
+import VirtualAppList from "./panels/list";
+import Config from "./config";
 var VirtualApp = function VirtualApp(props) {
+  var companyId = props.companyId,
+    createVirtualAppCallback = props.createVirtualAppCallback,
+    _delVirtualAppCallback = props.delVirtualAppCallback,
+    editVirtualAppCallback = props.editVirtualAppCallback;
   var _useState = useState('list'),
     _useState2 = _slicedToArray(_useState, 2),
     status = _useState2[0],
@@ -18,27 +27,121 @@ var VirtualApp = function VirtualApp(props) {
     setReady = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    showDelDialog = _useState6[0],
-    setShowDelDialog = _useState6[1];
+    isConfig = _useState6[0],
+    setIsConfig = _useState6[1];
   var _useState7 = useState({}),
     _useState8 = _slicedToArray(_useState7, 2),
-    currentDelItem = _useState8[0],
-    setCurrentDelItem = _useState8[1];
+    selectApp = _useState8[0],
+    setSelectApp = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    virtualAppList = _useState10[0],
+    setVirtualAppList = _useState10[1];
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    virtualAppsIdMap = _useState12[0],
+    setVirtualAppsIdMap = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    sourceApps = _useState14[0],
+    setSourceApps = _useState14[1];
+  // let [appName, setAppName] = useState('');
+
   useEffect(function () {
-    setReady(false);
-    // request<{ overview: {} }>(api.setting.wxSubscribeUserList, {})
-    //   .then((res: any) => {
-    //     if (!res) return;
-    //     setGridStore(res.users);
-    //     setReady(true);
-    //   })
-    //   .catch((err) => {
-    //     notification.error({
-    //       message: '获取微信订阅看板用户列表失败,请刷新页面重试',
-    //     });
-    //   });
+    queryVirtualApps();
+    getCompanyAppList();
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  var queryVirtualApps = function queryVirtualApps() {
+    setReady(false);
+    request(api.app.queryVirtualApps, {}).then(function (res) {
+      if (res.code !== 10001) {
+        throw new Error('查询虚拟应用失败');
+        return;
+      }
+      var list = res.app_list;
+      var idMap = {};
+      list.forEach(function (item) {
+        idMap[item.app_id] = item;
+      });
+      setVirtualAppList(list);
+      setVirtualAppsIdMap(idMap);
+      setReady(true);
+      // context.commit(mutations.virtualApp.updateVirtualApps, {
+      //   list,
+      //   idMap
+      // })
+    }).catch(function (err) {
+      notification.error({
+        message: '查询虚拟应用失败'
+      });
+    });
+  };
+  var getCompanyAppList = function getCompanyAppList() {
+    setReady(false);
+    request(api.app.getCompanyAppList, {}).then(function (res) {
+      setSourceApps(res && res.applist || []);
+    }).catch(function (err) {
+      notification.error({
+        message: '查询虚拟应用失败'
+      });
+    });
+  };
+  var onSubmit = function onSubmit(e) {
+    selfRequest(api.app.createApp, {
+      method: 'post',
+      data: {
+        app_name: e.appNameVal,
+        app_type: 'virtual',
+        companyId: companyId
+      }
+    }).then(function (res) {
+      if (res.flag === 101) {
+        notification.success({
+          message: '创建成功'
+        });
+        setStatus('list');
+        createVirtualAppCallback && createVirtualAppCallback(res);
+        queryVirtualApps();
+      } else {
+        var msg = '创建失败，请重试';
+        switch (res.flag) {
+          case 201:
+            msg = '创建失败,应用数量达到限制';
+            break;
+          case 202:
+            msg = '该名称已存在';
+            break;
+          case 203:
+            msg = '无权限';
+            break;
+          default:
+            msg = '创建失败，请重试';
+            break;
+        }
+        notification.error({
+          message: msg
+        });
+      }
+    }).catch(function (error) {
+      notification.error({
+        message: '创建失败,请重试'
+      });
+    });
+  };
+  var gotoConfig = function gotoConfig(data) {
+    setSelectApp(data);
+    setIsConfig(true);
+    console.log(data);
+  };
+  return isConfig ? /*#__PURE__*/React.createElement(Config, {
+    sourceApps: sourceApps,
+    virtualAppsIdMap: virtualAppsIdMap,
+    selectApp: selectApp,
+    onCancel: function onCancel() {
+      setIsConfig(false);
+    },
+    editVirtualAppCallback: editVirtualAppCallback
+  }) : /*#__PURE__*/React.createElement("div", {
     className: "virtual-app-index"
   }, /*#__PURE__*/React.createElement("div", {
     className: "virtual-app-create"
@@ -50,8 +153,46 @@ var VirtualApp = function VirtualApp(props) {
     onClick: function onClick() {
       setStatus('create');
     }
-  }, "\u65B0\u5EFA") : null, /*#__PURE__*/React.createElement("div", {
+  }, "\u65B0\u5EFA") : null, status === 'create' ? /*#__PURE__*/React.createElement("div", {
     "v-show": "status === 'create'"
-  })));
+  }, /*#__PURE__*/React.createElement(Form, {
+    initialValues: {
+      appNameVal: ''
+    },
+    layout: "inline",
+    onFinish: onSubmit
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'appNameVal',
+    rules: [{
+      required: true,
+      message: '公司名称不可为空'
+    }, {
+      type: 'string',
+      max: 20,
+      message: '不能超过20个字符'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    style: {
+      width: 250
+    },
+    type: 'text',
+    placeholder: '请输入应用名称'
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    className: "btn-cancel",
+    onClick: function onClick() {
+      setStatus('list');
+    }
+  }, "\u53D6\u6D88")), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    className: "btn-submit",
+    htmlType: "submit"
+  }, "\u4FDD\u5B58")))) : null), ready ? /*#__PURE__*/React.createElement(VirtualAppList, {
+    virtualAppList: virtualAppList,
+    delVirtualAppCallback: function delVirtualAppCallback() {
+      queryVirtualApps();
+      _delVirtualAppCallback && _delVirtualAppCallback();
+    },
+    gotoConfig: gotoConfig
+  }) : /*#__PURE__*/React.createElement(PageLoading, null));
 };
 export default VirtualApp;

package/dist/esm/modules/companySetting/virtualApp/panels/list.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './../styles/list.less';
+import './../styles/table.less';
+declare const VirtualApp: React.FC<{
+    virtualAppList: any;
+    delVirtualAppCallback: Function;
+    gotoConfig: Function;
+}>;
+export default VirtualApp;